Description

Angular est l'un des frameworks JavaScript les plus puissants et populaires pour le développement d'applications web modernes.

Que vous soyez débutant ou que vous cherchiez à mettre à jour vos compétences, cette formation "Angular 18, les Bases" est conçue pour vous offrir une maîtrise complète de cet outil incontournable.

Vous commencerez par découvrir les concepts fondamentaux d'Angular, de son architecture modulaire à ses composants dynamiques. Ensuite, vous apprendrez à configurer un projet Angular, à utiliser le CLI pour créer des applications performantes, et à tirer parti des nouvelles fonctionnalités de la version 18, telles que les composants standalone et les signals.

Cette formation vous guidera également à travers la création de services, la gestion de l'état global, l'interaction avec des API RESTful, et l'optimisation des performances de vos applications. Vous découvrirez comment mettre en place un système de routing efficace, personnaliser les vues, et déployer votre application Angular en production sur Firebase.

À la fin de cette formation, vous serez en mesure de concevoir, développer et déployer des applications web robustes et scalables, en utilisant les meilleures pratiques Angular. Que vous soyez un développeur débutant ou expérimenté, cette formation vous donnera toutes les clés pour exceller avec Angular et réaliser des projets ambitieux.

Publics visés

  • Développeurs web débutants souhaitant apprendre Angular.
  • Développeurs front-end cherchant à se spécialiser dans Angular pour créer des SPA.
  • Professionnels du développement souhaitant mettre à jour leurs compétences avec Angular 18.
  • Étudiants en informatique cherchant à maîtriser un framework JavaScript moderne.
  • Entrepreneurs et créateurs de startups voulant développer des applications web scalables.

Pré-requis

  • Connaissance de base en HTML, CSS, et JavaScript.
  • Expérience préalable en développement web front-end.
  • Connaissance basique des concepts de programmation orientée objet.
  • Familiarité avec les environnements de développement (VS Code, WebStorm).

Compétences

Maîtriser la configuration d'un projet Angular.

Comprendre l'architecture d'une application Angular.

Créer et organiser des composants, services, et modules Angular.

Utiliser les nouvelles fonctionnalités d'Angular 18 comme les signals et deferable views.

Gérer le routing et la navigation dans une application SPA.

Manipuler le DOM et gérer les événements utilisateurs avec Angular.

Implémenter l'interpolation et le binding de données de manière efficace.

Déployer une application Angular sur Firebase.

Gérer les fichiers d'environnement pour des configurations spécifiques.

Optimiser les performances et la sécurité de l'application.

Contenu du cours

6 chapites • 32 vidéos • 4h 15m de cours
Explorer Angular 18
5 vidéos • 39m 17s

Plongez dans Angular.

Pourquoi choisir Angular ?
07:30

Découvrez pourquoi Angular est un incontournable.

Architecture Angular en action
08:07

Maîtrisez l'architecture Angular.

Angular CLI, l’outil indispensable
07:58

Mettez en place votre projet avec Angular CLI.

Structure d'un projet Angular
07:49

Plongez dans la structure de votre projet.

Optimiser l’environnement de travail
07:53

Personnalisez votre espace de travail.

Créer des Composants
6 vidéos • 47m 39s

Développez des composants puissants.

Créer des composants Angular
08:02

Débutez avec les composants Angular.

Communication entre composants
07:59

Facilitez la communication entre composants.

Maîtriser le cycle de vie
07:51

Maîtrisez le cycle de vie des composants.

Composants standalone Angular
07:56

Explorez les composants standalone.

Styles et encapsulation Angular
07:44

Contrôlez l'apparence de vos composants.

Directives et control flow Angular
08:07

Utilisez directives et control-flow pour le DOM.

Gérer les Données
6 vidéos • 47m 51s

Maîtrisez l'interpolation et les signals.

Interpolation des données Angular
07:49

Affichez des données dynamiques dans vos templates.

Synchroniser les propriétés
07:55

Synchronisez vos données et vos éléments.

Gérer les événements utilisateurs
08:03

Réagissez aux actions des utilisateurs.

Two-way binding Angular
07:58

Synchronisez vos données en deux sens.

Signals dans Angular 18
08:02

Adoptez les signals pour des données réactives.

Transformer les données avec pipes
08:04

Transformez vos données avec les pipes.

Naviguer dans l'App
6 vidéos • 48m 5s

Simplifiez la navigation.

Routing de base Angular
08:02

Mettez en place votre navigation avec Angular Router.

Routes dynamiques Angular
07:59

Personnalisez vos routes avec des paramètres.

Protégez vos routes sensibles
08:03

Sécurisez votre navigation avec des guards.

Boostez les performances avec le lazy loading
07:58

Améliorez les temps de chargement avec le lazy loading.

Utiliser les deferable views
07:57

Accélérez votre application avec les deferable views.

Créer des transitions animées
08:06

Animez les transitions entre vos pages.

Services et Gestion de l'État
6 vidéos • 48m 7s

Maîtrisez l'état de votre application.

Créez des services efficaces Angular
08:02

Centralisez la logique avec les services Angular.

Comprenez l'injection de dépendances Angular
07:59

Simplifiez la gestion des services avec l'injection de dépendances.

Connectez-vous à une API REST
08:07

Intégrez facilement des données externes avec Angular.

Gérer l'état global
08:04

Centralisez la gestion de l'état avec des services partagés.

Optimiser la performance des services
08:01

Améliorez les performances des services Angular.

Gestion de l'état avec NgRx
07:54

Maîtrisez NgRx pour la gestion avancée de l'état.

Déploiement et Mise en Ligne
3 vidéos • 24m 4s

Déployer votre application Angular.

Préparer une application Angular pour la production
08:03

Optimisez et préparez votre application Angular pour le déploiement.

Gérer les fichiers d'environnement dans Angular
07:59

Utilisez les fichiers d'environnement Angular pour configurer votre application en fonction de vos besoins.

Déployer une application Angular sur Firebase
08:02

Déployez votre application Angular sur Firebase Hosting.

Enseignant

image
Julien Moulin

Fondateur & Formateur Js/Ts

11 articles sur le blog
28 cours

Julien Moulin est un expert en développement full stack (JS/TS) et un leader technique reconnu. Il excelle dans l'adoption de technologies innovantes tout en répondant aux besoins clients. Son approche allie pragmatisme et innovation, avec une expertise couvrant les plateformes e-commerce, les applications métiers et la modernisation des architectures existantes. En mentor passionné, il partage ses connaissances avec pédagogie, encourage l’apprentissage continu, et inspire ses équipes à relever des défis ambitieux.

N'en restez pas là ! allez plus loin !