Développer Votre Première Application Avec Angular (2022) | Udemy

Développer Votre Première Application Angular (2025)BestsellerHighest RatedRating: 4.4 out of 54.4(2,562 ratings)9,950 studentsDevelopmentWeb DevelopmentAngularPreview this courseDévelopper Votre Première Application Angular (2025)Développez Facilement Votre Propre Application Angular en partant d'un dossier vide, avec Angular et TypeScript.BestsellerHighest RatedCreated bySimon DIENY (React | Angular | Vue | Node)Last updated 11/2025FrenchFrench [Auto],Preview this course

What you'll learn

• Créer une application Angular complète à partir d'un dossier vide
• Développer un système de navigation entre composants
• Ajouter des formulaires pilotés par le template et par le modèle
• Effectuer des requêtes HTTP depuis son application
• Mettre en place un système d'authentification
• Déployer une application Angular en production

Explore related topics

Course content

41 sections • 336 lectures • 22h 20m total lengthExpand all sections

IMPORTANT : Avant de commencer...3 lectures • 10min

• Votre parcours de développeur web modernePreview8:23
• L'application de démonstration que vous serez capable de développerPreview0:19
• La structure du coursPreview0:56

Angular 19 : L’introduction Indispensable à Angular6 lectures • 31min

• C’est quoi, Angular ?Preview5:01
• Site web ou application web ?4:23
• Votre montée en compétences sur Angular5:10
• AngularJS, Angular.io et Angular.dev11:31
• La philosophie d’Angular3:48
• Conclusion1:00

Angular 19 : Les outils du développeur Angular5 lectures • 12min

• Les outils du développeur Angular1:58
• Installer Node.js et NPM5:11
• Installer un éditeur de code qui supporte le TypeScript1:39
• Installer Angular CLI2:36
• Conclusion0:34

Angular 19 : Votre première application "Hello World !" avec Angular7 lectures • 41min

• Générer une application Angular9:22
• Présentation du socle généré par Angular CLI13:39
• Présentation du composant racine8:10
• Démarrer votre application Angular3:11
• Coder votre application “Hello, Angular !”5:11
• Installer le Service de Langage dans Visual Studio Code0:55
• Conclusion0:43

Angular 19 : Déployer Votre Application6 lectures • 20min

• Le processus de déploiement4:02
• Créer une application Angular pour la production2:34
• Créer un projet dans Firebase3:43
• Configurer votre projet Firebase pour le déploiement7:08
• Déployer votre application sur Internet2:18
• Conclusion0:41
• Questionnaire n°1 : Démarrer sur Angular

Angular 19 : Un composant minimal Angular6 lectures • 16min

• Qu’est ce qu’un composant ?4:13
• Afficher l’état d’un composant dans le template4:34
• 06. Réagir aux interactions de l’utilisateur3:47
• Atelier : Optimiser notre premier composant1:16
• Correction : Optimiser notre premier composant1:41
• Conclusion0:42

Angular 19 : Un composant basé sur les Signals8 lectures • 26min

• Pourquoi créer un composant basé sur les Signals ?8:09
• Qu’est ce qu’un Signal ?2:30
• Définir un état dérivé avec computed()3:25
• Gérer les effets de bords avec effect()1:42
• Un composant Angular basé sur les Signals3:26
• Atelier : Ajouter la taille d’un Pokémon1:52
• Correction : Ajouter la taille d’un Pokémon4:22
• Conclusion0:59

Angular 19 : Un composant Angular complet9 lectures • 38min

• Les 4 types de liaison de données3:59
• Afficher une image3:41
• Gérer des attributs dynamiquement3:05
• Conditionner un affichage avec @If3:41
• Atelier : Afficher une liste de Pokémon avec @for6:57
• Correction : Afficher une liste de Pokémons avec @for4:33
• Mettre en place un traitement individuel pour un élément dans une liste7:21
• Améliorer l’affichage du Pokédex avec Bootstrap4:30
• Conclusion0:40

Angular 19 : Enrichir ses composants avec les Directives3 lectures • 19min

• Qu’est ce qu’une directive ?1:47
• Créer une directive d’attribut10:56
• Ajouter un paramètre à notre directive6:01

Angular 19 : Formater des données avec les Pipes5 lectures • 14min

• Qu’est ce qu’un Pipe ?5:41
• Atelier : Afficher des dates avec un Pipe1:53
• Correction : Afficher des dates avec un Pipe2:06
• Créer un Pipe personnalisé3:49
• Conclusion0:40

31 more sections

Requirements

• Connaître un minimum le HTML et le CSS
• Avoir déjà entendu parler de JavaScript
• Connaître un peu la programmation orienté objet (savoir ce qu'est une classe, une méthode, une propriété...)
• Installer NodeJS sur son poste de travail

Description

Nouveau : La mise à jour de ce cours est à nouveau sponsorisée par mon employeur Avisto Telecom en  2025. Un nouveau module sur la réactivité moderne (LinkedSignal et Resource API) est désormais disponible. Merci à eux !

2022-2024 : La mise à jour complète du cours a été sponsorisée par mon employeur Avisto Telecom. Merci à eux !

Alors comme ça, vous souhaitez vous former au développement d'applications Web avec la dernière version d'Angular ? 

Vous aussi, vous rêvez de construire des sites web dynamiques, qui réagissent immédiatement aux moindres interactions de vos utilisateurs, avec une performance optimale ? Eh, ça tombe bien, vous êtes au bon endroit !

Nous vivons une époque excitante pour le développement Web avec JavaScript. Il y a une multitude de nouveaux Frameworks disponibles, et encore une autre multitude qui éclot jour après jour. Nous allons voir pourquoi vous devez faire le pari de vous lancer avec Angular, et ce que vous allez pouvoir faire avec ce petit bijou, sorti tout droit de la tête des ingénieurs de Google.

Cette nouvelle version d'Angular est une réécriture complète de la première version d'Angular, nommée AngularJS. C'est donc une bonne nouvelle pour ceux qui ne connaîtraient pas cette version d'Angular, ou qui en auraient juste entendu parler : pas besoin de connaître AngularJS, vous pouvez vous lancer dans l'apprentissage d'Angular dès maintenant ! 

Pour être clair, Angular désigne le "nouvel" Angular (version 2 et supérieure), et AngularJS désigne la version 1 du Framework. Ce sont ces appellations que j'utiliserai dans le cours.

Si vous êtes bloqué, sachez qu'il y a une correction de code complète à la fin de chaque chapitre, et que je répondrai rapidement (de manière très sympathique) à tous vos messages. Je n'oublie personne, vous avez ma parole ! ;D

Angular est l'un des frameworks frontend les plus modernes, les plus performants et les plus puissants que vous pouvez apprendre à ce jour. Il vous permet de créer des applications web performantes qui offrent une excellente expérience utilisateur ! Tous les principes fondamentaux dont vous avez besoin pour commencer à développer des applications Angular sont présentés dans ce cours.

Je ferais votre veille Angular à votre place. Dès qu'il y a une nouveauté sur Angular intéressante, je vous préviendrai via les annonces Udemy. Plus besoin de passer des heures sur Internet pour chercher les dernières nouveautés par vous-même ! :D

Achetez ce cours MAINTENANT et apprenez Angular quand vous voulez ensuite. L'accès au cours est garanti à vie, et le contenu est toujours à jour depuis 2016 !

Who this course is for:

• Développeurs web junior souhaitant se former sur la nouvelle version d'Angular
• Etudiants et stagiaires dans le domaine des technologies web

Show moreShow lessReport abuse