Angular – Développement d’applications web

Présentation

• Positionnement d’Angular
• Angular vs AngularJS
• Rôles de TypeScript et ES6+
• Aperçu de l’architecture
• Présentation d’Angular CLI
• Découverte d’un exemple minimal
• La phase de démarrage

Outillage

• Débogage dans le navigateur
• Visual Studio Code

Travaux pratiques : Installation de l’environnement de développement

TypeScript et ES6+

• Transpilation
• Let et const
• Template strings
• Typage
• Classes et interfaces
• Les modules
• Arrow functions
• Décorateurs

Travaux pratiques : Création de nos premières classes TypeScript et compilation avec tsc

Les composants

• La notion centrale d’Angular
• Structure d’une application Angular
• NgModule
• Structure d’un composant
• Template
• Styles
• Création d’un composant avec Angular CLI
• Cycle de vie des composants
• Imbrication des composants
• Content projection

Les templates

• Template et DOM
• Interpolation et expressions
• Binding et interactions
• @Input et @Output
• Binding bidirectionnel
• La notion de directives
• Directive de structure et directive d’attribut
• NgClass, NgStyle et NgModel
• NgFor, NgIf et NgSwitch
• Les pipes

Travaux pratiques : Création d’un composant d’affichage

Injection de dépendances

• Principes
• Les services et @Injectable
• Injectors et providers
• Les types de providers
• Token et @Inject

Travaux pratiques : Création d’un service injectable utilisé dans le composant des travaux précédents

RxJS et Observables

• Principes de la programmation réactive
• La librairie RxJS
• La notion de flux
• Les ‘Observables’

Routage

• Importance du routage
• Configuration du RouterModule
• RouterOutlets
• Définition des routes
• Naviguer vers une route
• Routes secondaires
• Routes paramétrées

Travaux pratiques : Mise en place et configuration d’une route d’accès au composant précédent

Appels HTTP

• La notion de services HTTP
• Les APIs proposées : Http et HttpClient
• Envoi de requêtes

Travaux pratiques : Création d’un service injectable utilisant l’API HttpClient pour se connecter un service Web REST

Formulaires

• Structure d’un formulaire
• Formulaires par template
• Validations
• Gestion des styles
• Formulaires réactifs
• FormControl et FormGroup
• Groupe de champs avec FormBuilder
• Gestion des modifications

Travaux pratiques : Mise en place d’un formulaire de création et/ou modification en complément du composant précédent

Les tests

• L’infrastructure de test : Jasmine, Karma et Protactor
• Tests de composants
• Tests et injection de dépendances
• Tests et routage
• Tests et code asynchrone
• Tests et appels http

Travaux pratiques : Mise en place et exécution de test unitaires sur le composant et le service Http

Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript.

Développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du framework de référence Angular.

Vous êtes adhérents à l’OPCO ATLAS

Cette formation fait partie des Actions Collectives campusAtlas. Elles sont accessibles à toutes les entreprises adhérentes à Atlas.

Démarches auprès de campusAtlas :

Choisissez la session qui correspond à votre souhait et, à partir de la plate-forme, saisissez votre demande de prise en charge.

Pour plus d’informations sur les conditions d’accès et les démarches, visitez la plateforme campusAtlas https://campus.opco-atlas.fr/ ou contactez votre conseiller formation Atlas !

Pour réserver votre place auprès d’AJC FORMATION :

Si vous souhaitez réserver votre place sans attendre la confirmation de campusAtlas, nous vous recommandons de nous retourner sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

Vous n’êtes pas adhérents à l’OPCO ATLAS

Retournez-nous sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

À l’issue de chaque module, le formateur évaluera chacun des participants en fonction des cas pratiques et exercices effectués.

Une attestation de formation vous sera remise.

• Alternance d’exercices, cas pratiques, QCM et de notions théoriques, projet Fil Rouge.
• Evaluations régulières et retour du formateur sur les points moins bien assimilés.
• Les supports de cours seront mis à disposition via notre la plate-forme de téléchargement AJC Classroom.
• Accès à notre plateforme à distance de Classe Virtuelle
  Mêmes possibilités et interactions avec votre formateur que lors d’une formation présentielle. En effet, votre formation se déroulera en connexion continue 7h/7 :
  • • • Echanges directs avec le formateur et l’équipe pédagogique à travers la visioconférence, les forums et chats
      • Vérification de l’avancement de votre travail et évaluation par votre formateur à l’aide d’exercices et de cas pratiques
      • Suivi pédagogique et conseils personnalisés pendant toute la formation

   

  Vous recevrez les informations de connexion par mail dès votre inscription. En cas de problème de connexion, vous pourrez joindre notre équipe à tout moment (avant ou même pendant la formation) au 0182837241 ou par mail à l’adresse hotline@ajc-formation.fr.

Les personnes en situation de handicap sont invitées à nous communiquer leurs besoins spécifiques. Nous ferons tout pour les mettre dans les meilleures conditions de suivi de la formation (compensation, accessibilité…)

Une attestation de fin de stage sera remise à tous les participants à l’issue de leur parcours.

Architectes, développeurs, chefs de projets…