02 43 52 36 45  contact@cegefos.fr

image

durée formation certifiante angularjs 2 4

5 jours / 35 heures

Formation Angular JS.

Disponible en Inter et Intra entreprise.

formation certifiante CNCP CPF angularjs 2 4

Formation certifiante recensée à l'inventaire CNCP et éligible CPF

Module Angular JS faisant parti de la

certification Développement Web.

date prochaine session formation informatique et numérique

Prochaine dates et sessions

Pour connaitre les dates de la prochaine session dans la ville la plus proche,

CLIQUEZ ICI.

Angular JS

AngularJS est un Framework pour créer des applications client en HTML et JavaScript.
Développer toutes les plateformes avec vitesse et performance. Construire des applications pour toutes les cibles de déploiement, en réutilisant votre code pour Web, Web Mobile et Bureau Natif.

Les objectifs

A l’issu de la formation AngularJS 2 4, les apprenants auront les capacités de :

  1. Comprendre l’architecture Angular
  2. Apprendre à utiliser npm
  3. Travailler avec TypeScript et ES6 / ES2015
  4. Développer des composants Angular
  5. Utiliser des directives et travailler avec le Data Binding
  6. Apprendre à créer et valider des formulaires
  7. Créer une SPA avec un système de routage
  8. Mise en forme des données
  9. Configuration d'un projet à partir de zéro

Le public

La formation AngularJS, s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle souhaitant acquérir des compétences en développement Web :

  1. Toute personne ayant des connaissances en développement WEB et souhaitant maîtriser le développement d’application WEB
  2. Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB souhaitant avoir une double compétence
  3. Journaliste, réalisateur, communicant, responsable de projet, toute personne souhaitant gérer un projet web éditorial
  4. Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif : HTML, CSS, JavaScript, ajax,
  5. Query, Responsive, AngularJS
  6. Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB

Les prérequis

La formation AngularJS nécessite les preqrequis suivants :

  1. Maîtriser JavaScript et connaitre HTML et CSS est un plus
Les utilitaires

Pour le bon déroulement de la formation AngularJS, voici une liste non exhaustive des outils indispensables :

  1. Google Chrome
  2. D'autres navigateurs modernes comme vous le souhaitez
  3. Environnement IDE / développement de votre choix
Programme détaillé
Jour 1

Comprendre les fondamentaux d'Angular.

Introduction à Angular

  1. Pourquoi Angular 2 ?
  2. Objectif d’Angular 2 ?
  3. Qui utilise Angular 2 ?
  4. Architecture et concepts d’Angular 2
  5. Quels navigateurs supportent cette nouvelle version
  6. Vue d'ensemble du programme d'installation
  7. Notre première Application Angular 2

Démarrage avec Npm

  1. Installation des dépendances
  2. Utilisation de npm comme un outil de Build
  3. Comparaison avec Grunt et Gulp
  4. Votre premier script
  5. Exécution de modules local
  6. Savoir combiner des scripts

Présentation typeScript et ES6 / ES2015

  1. Comprendre TypeScript et ES6 / ES2015
  2. Comment TypeScript fonctionne
  3. Pourquoi le choix de TypeScript
  4. Qui a créé TypeScript
  5. Savoir installer TypeScript
  6. Savoir configurer TypeScript
  7. Savoir compiler TypeScript
  8. Javascript est un lanagage TYpeScript valide
  9. Présentation de ES2015

 Atelier et cas pratique.

Jour 2

Comprendre Angular et ses fonctionnalités avancées.

La gestion des composants

  1. Qu’est-ce qu’un composant
  2. Savoir développer un composant simple
  3. Les modules Angular 2
  4. Les composants imbriqués
  5. Les modèles de composants

Le Binding de données

  1. Qu’est-ce que le Binding de Données
  2. Le Binding de données dans Angular2
  3. Les types de données
  4. Utilisation du ngModel
  5. Les attributs HTML vs les propriétés DOM
  6. Qu’est-ce qu’un attribut HTML

La gestion des directives

  1. Qu’est-ce qu’une directive
  2. Les types de directives
  3. La structuration des directives
  4. Les Attributs d’une Directive

 Atelier et cas pratique.

Jour 3

Comprendre l'architecture et la configuration d'un projet Angular 2.

Gestion d'un service et injection de dépendances

  1. Qu'est-ce qu'un service ?
  2. Exemple de service
  3. Explication de l’injection de Dépendance
  4. Exemple d'injection de Dépendance
  5. L’Injection de dépendance dans Angular2
  6. Enregistrement d'un service
  7. Injecter un service

La gestion des composants intermédiaires

  1. Composition de votre interface utilisateur
  2. Les composants de Communication
  3. Les différents Styles de composants

La gestion des formulaires

  1. Avantages des formulaires en Angular 2
  2. Directives de formulaire: Orienté Template
  3. Obtention de données provenant de formulaire
  4. Binding sur des éléments de formulaire HTML

 Atelier et cas pratique.

Jour 4

Comprendre Angular 2 et la gestion des données.

Validation de formulaires

  1. Directives de validation
  2. Suivre la modification de l'état des contrôles des formulaires
  3. Les Classes CSS
  4. Les Messages de validation
  5. Changement des styles de Validation

Architecture des données

  1. L’architecture Traditionnelle
  2. Les Nouvelles Architectures
  3. L'architecture de données flexible selon Angular 2

Pourquoi Angular 4 ?

  1. Expérience utilisateur similaire à une application de bureau
  2. Productivité et Outillage
  3. Performance
  4. Communauté
  5. Framework complet
  6. Plate-forme pour cibler le Mobile nativement, pas seulement les navigateurs Web

 Atelier et cas pratique.

Jour 5

Comprendre l'évolution vers Angular 4.

Comprendre les versions Angular

  1. AngularJS (Angular 1.x)
  2. Angular
  3. Comprendre Angular 4

Remplacement pour l'Angular 4

  1. Angular 4 les bases
  2. Composants
  3. Modèles
  4. Modules
  5. Des templates

 Atelier et cas pratique.

Besoin de devis/ Renseignements

Veuillez remplir le formulaire de contact

Merci de remplir le formulaire de contact. Un de nos conseillers traitera votre demande rapidement.

Please type your full name.
Invalid email address.
Veuillez saisir votre numéro de téléphone.
Please tell us how big is your company.
Entrer le nom de votre société si vous êtes salarié.
Please tell us how big is your company.
Entrée non valide
Robot Actualisation Entrée non valide