Empire Training

Développement Web -

Devenir Développeur Web : convertir des conceptions graphiques en sites web fonctionnels et conviviaux.

Une formation flexible 100% en ligne

Démarrez à tout moment votre nouvelle carrière ! Disponible à temps partiel ? Pas de problème, étudiez à votre rythme.

Des projets professionnalisants

Vous développerez vos compétences professionnelles en travaillant sur des projets concrets inspirés de la réalité en entreprise.Pas de problème, étudiez à votre rythme.

Un accompagnement personnalisé

Bénéficiez de sessions de mentorat hebdomadaires avec un expert du métier.

Gagnez des certificats et des diplômes

Gagner des certificats et des diplômes peut améliorer votre carrière, élargir vos horizons et vous offrir une satisfaction personnelle accrue.

Objectifs de la formation Angular

Objectif opérationnel : 

Savoir exploiter le framework Angular pour concevoir des applications web modernes et immersives.

Objectifs pédagogiques : 

Concrètement, à l’issue de cette formation Angular, vous aurez acquis les connaissances et compétences nécessaires pour :

  • Connaître les principes fondamentaux et le fonctionnement d’Angular et de son outil Angular CLI
  • Connaître le langage TypeScript (sur-ensemble de JavaScript ES5 et ES6)
  • Savoir développer et réutiliser les différents composants d’une application Angular : composants graphiques, services, directives
  • Savoir tester ses composants en isolation
  • Être capable de déployer une application Angular en production
  • Connaître les nouveautés des dernières versions d’Angular
  1. Architecture basée sur des composants : Angular encourage la structuration des applications en utilisant des composants réutilisables. Chaque composant gère sa propre logique et son interface utilisateur.

  2. TypeScript : Angular est principalement basé sur TypeScript, un langage de programmation fortement typé qui améliore la lisibilité du code, la maintenance et la détection des erreurs.

  3. Gestion de l’état : Il offre des mécanismes pour gérer efficacement l’état de l’application, ce qui est essentiel pour les applications réactives.

  4. Routage : Angular propose un système de routage intégré pour la navigation entre différentes vues et composants au sein de l’application.

  5. Directive : Les directives Angular permettent de créer des éléments HTML personnalisés et d’ajouter des comportements spécifiques à l’application.

  6. Injection de dépendance : Angular intègre un système d’injection de dépendance qui facilite la gestion des dépendances et la création de composants réutilisables.

  7. Communication avec les API : Il offre des services HTTP pour la communication avec les serveurs et les API, permettant de récupérer et de transmettre des données.

  8. Interopérabilité : Angular peut être utilisé avec d’autres bibliothèques ou frameworks, ce qui permet d’intégrer facilement des fonctionnalités tierces.

  9. Bibliothèque de composants : Il propose une bibliothèque de composants d’interface utilisateur (UI) prêts à l’emploi, ainsi que la possibilité de créer des composants personnalisés.

  10. Performance : Angular est optimisé pour la performance, offrant une expérience utilisateur fluide grâce à des mécanismes de détection des changements efficaces.

Angular est largement utilisé pour le développement d’applications web complexes, qu’il s’agisse de sites web d’entreprise, d’applications de commerce électronique, de tableaux de bord, ou d’applications monopage (SPA) réactives. Il est apprécié pour sa robustesse, sa communauté active et son support continu par Google.

À qui s’adresse cette formation ?

Public :

Ce cours Angular s’adresse aux développeurs front-end souhaitant prendre en main le framework Angular. 
Les architectes et chefs de projet trouveront également un intérêt à suivre ce cours, tant pour dimensionner les spécificités techniques propres à Angular que pour identifier les modes d’interactions entre applications front-end et back-end.

Prérequis :

Les participants à cette formation Angular doivent posséder un minimum de connaissance sur HTML et CSS et avoir des notions de programmation. Ils pourront se mettre à niveau sur JavaScript puis TypeScript lors des rappels de début de session.

Une pédagogie basée sur la pratique

  • Acquérir des compétences essentielles en validant des projets professionnels.
  • Progressez à l’aide d’un expert du métier.
  • Gagnez un véritable savoir-faire ainsi qu’un portfolio pour le démontrer.

Projet 1

Démarrez votre formation de React JS 

Philosophie de React

Les autres Frameworks JavaScript
Environnement de développement
Outils de debug

Pour ce projet, vous trouverez une utilité particulière dans les cours suivants :

Premiers développements avec ReactJS :

Le composant
Principe et conséquences du Virtual Dom
La fonction render()
‘props’ et ‘state’
Le langage JSX

Les possibilités de build

Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production

Découvrez les métiers de développeur

Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d’un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover…

Projet 2

Gestion centralisée des données

Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React

Les cours suivants vous seront utiles pour ce projet :

Application monopage avec ReactJS et un module de store de variables

Flux/Redux : présentation. Propagation de données.
Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du “Dispacther” store reducer action.

Le Router

Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement

Application isomorphique

Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs

Un encadrement individuel et privilégié.

La communauté Empire Training

Pré- inscription en ligne

Veuillez remplir le formulaire

Les champs marqués d’un * sont obligatoires

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

Pré inscription développement mobile

Cliquez ou déplacez un fichier dans cette zone pour le téléverser.

Comment se déroule un parcours Empire Training ?

Dès la formation choisie jusqu’à leur entrée dans leur nouvelle carrière, nos étudiants racontent chaque étape de leur expérience et le soutien qu’ils ont reçu.