Menu
Coddy logo textTech
swift iconFait partie du Journey SwiftNouveauParcours

Apprendre SwiftUI

Un cours SwiftUI gratuit et interactif. Écrivez du vrai code SwiftUI à chaque leçon, regardez l'écran qu'il construit dans un aperçu de téléphone en direct et touchez-le pour voir votre état changer. Sans Mac ni Xcode, avec des indices IA quand vous bloquez et un certificat gratuit à la fin.

4,075+ codders inscrits

50 leçons46 défis106 questions de quiz

  • Adapté aux débutants
  • sparkles iconAide au codage assistée par IA
  • hint iconLeçons interactives et pratiques
  • volume On iconNarration audio dans chaque leçon
  • quiz iconQuiz pour tester vos connaissances
  • certificate iconCertificat gratuit de réussite

Programme

1 sections1 projets50 leçons46 défis106 questions de quiz

Cette section fait partie du Journey Swift. Le programme complet contient d'autres sections - clique sur n'importe quel aperçu ci-dessous pour le voir sur la page du Journey.

  1. Section 1Fondamentaux86 leçons
  2. Section 2Logique et flux56 leçons
  3. Commencer la sectionDémarrerDévelopperRéduireCréez des écrans d’application en Swift avec SwiftUI : vues et modificateurs, piles et mise en page, état et boutons, champs de texte et interrupteurs, listes, navigation et données partagées. Chaque leçon utilise du véritable code SwiftUI, prévisualisé en direct.

    Introduction

    2 leçons28

    Afficher du contenu

    6 leçons615

    Piles et mise en page

    5 leçons512

    Modificateurs

    5 leçons512

    État et boutons

    5 leçons512

    Saisie utilisateur

    5 leçons512

    Navigation

    5 leçons512

    Partager des données

    4 leçons49

    Projet - Coddy Coffee

    Projet5 leçons12

    Défis finaux

    3 leçons3
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Pourquoi apprendre SwiftUI avec Coddy

  • Créez des écrans d'apps iPhone dans votre navigateur. Pas de Mac, pas de Xcode et pas de simulateur à configurer : votre code est compilé sur nos serveurs et l'aperçu affiche l'écran qu'il décrit, vous pouvez donc apprendre SwiftUI sous Windows, Linux ou sur un Chromebook.
  • Le SwiftUI de chaque écran : texte, polices, couleurs et SF Symbols, stacks, alignement et Spacer, la chaîne de modificateurs et pourquoi leur ordre compte, boutons et @State, champs de texte, interrupteurs, curseurs et pickers, ForEach et List, NavigationStack, feuilles et alertes, puis @Binding et les objets observables pour partager des données entre vues.
  • Un aperçu en direct que l'on peut toucher. Touchez un bouton ou basculez un interrupteur dans l'aperçu et la vue se redessine avec son nouvel état : vous voyez comment fonctionne une interface déclarative au lieu de lire à son sujet. Vous pouvez passer à un cadre de téléphone et enregistrer une capture de ce que vous avez construit.
  • De petites apps tout au long du parcours, d'une étiquette de prix et d'une carte météo à un compteur de points, une liste de courses et un guide des plantes, puis une app de commande de café sur plusieurs écrans comme projet final, et un certificat SwiftUI gratuit à la fin de la section.

Questions fréquentes sur l'apprentissage de SwiftUI

Qu'est-ce que SwiftUI ?

SwiftUI est le framework d'Apple pour créer des interfaces d'apps en Swift. Au lieu de placer et de mettre à jour chaque élément à la main, vous décrivez ce que l'écran doit afficher pour les données actuelles, et SwiftUI le dessine puis le redessine chaque fois que ces données changent. Un écran est composé de vues, de petites structs dotées d'un body, que vous combinez avec des stacks et stylisez avec des modificateurs. Le même code construit des interfaces pour iPhone, iPad, Mac, Apple Watch, Apple TV et Vision Pro.

Ai-je besoin d'un Mac ou de Xcode pour apprendre SwiftUI ici ?

Non. Chaque leçon fonctionne dans votre navigateur : votre code est compilé sur nos serveurs et l'aperçu à côté de l'éditeur affiche l'écran qu'il construit, donc Windows, Linux et Chromebook conviennent parfaitement. Pour lancer votre app sur un vrai iPhone ou la publier sur l'App Store, il vous faudra un jour un Mac avec Xcode, et tout ce que vous apprenez ici reste valable.

L'aperçu est-il le même que celui de Xcode ?

Il joue le même rôle, mais ce n'est pas le simulateur iOS. L'aperçu est rendu par la propre implémentation de Coddy des vues SwiftUI enseignées dans le cours, à partir de la même exécution qui corrige votre leçon : ce que vous voyez est exactement ce que les tests vérifient. Les touches sur les boutons, interrupteurs et liens sont rejouées sur votre code, donc les changements de @State apparaissent comme dans une app. Il couvre les vues et modificateurs des leçons, pas tout le framework SwiftUI : c'est un endroit pour apprendre, pas un remplaçant de Xcode.

Faut-il apprendre Swift avant SwiftUI ?

Oui, au moins les bases. SwiftUI, c'est du code Swift : les vues sont des structs, @State enveloppe une propriété, les listes parcourent des tableaux et les erreurs de type du compilateur sont des erreurs Swift. Cette section vient juste après la section Fundamentals du parcours Swift, qui couvre les variables, les types, les fonctions, les structs et les optionnels : si Swift est nouveau pour vous, commencez par là.

SwiftUI ou UIKit : lequel apprendre ?

Commencez par SwiftUI. C'est la méthode recommandée par Apple pour créer de nouvelles interfaces, il demande bien moins de code pour le même écran, et la plupart des tutoriels, exemples et sessions Apple récents l'utilisent. UIKit est le framework plus ancien derrière de nombreuses apps existantes, vous le croiserez peut-être en entreprise, mais SwiftUI et UIKit fonctionnent ensemble dans une même app, et SwiftUI est la première étape la plus simple.

SwiftUI est-il difficile à apprendre ?

Les bases viennent vite : quelques lignes suffisent pour afficher du texte, des images et des boutons, et l'aperçu montre le résultat de chaque modification. Ce qui demande de la pratique, c'est de raisonner en état : vous changez les données et laissez la vue se redessiner, au lieu de modifier la vue vous-même. C'est pourquoi la section passe de @State à @Binding puis aux objets observables pas à pas, avec une petite app à la fin de chaque chapitre.

Peut-on apprendre SwiftUI en ligne gratuitement ?

Oui. La section interactive SwiftUI est gratuite : leçons complètes, pratique du code dans chaque exercice, l'aperçu en direct, un projet final et un certificat. Rien à installer et aucun compte développeur Apple à créer avant de commencer.

Obtient-on un certificat à la fin du cours SwiftUI ?

Oui. En terminant la section, vous obtenez un certificat de réussite SwiftUI gratuit à partager sur LinkedIn ou à ajouter à votre CV. Ce n'est pas une certification Apple, mais avec les apps que vous construisez en chemin, c'est un signal utile pour postuler à des postes de développeur iOS.
Coddy programming languages illustration

Apprends Introduction à SwiftUI avec Coddy

COMMENCER