Certification de formation Angular 4

Formation Angular4 éligible CPF faisant partie de la certification « Développement full-stack et orienté objet »

0
Jours
0
Heures
0
CNCP
0
CPF
Formation certifiante disponible en :

Formation
intra-entreprise

Formation
inter-entreprises

Egalement disponible à distance en :
e-learning-tutore
Tous les détails et démonstrations en ligne du déroulement de la formation e-learning ou à distance tutoré : « Angular »
Prochaines dates
Planning et dates

« Angular »

Ville Session 1 Session 2
Paris 17-09-18 15-11-18
Lyon 17-09-18 15-11-18
Aix-en-Provence 17-09-18 15-11-18
Nous vous recommandons

Programme de formation:
Angular.

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.

Objectifs

Quelles seront mes compétences à l’issue de la formation : Angular ?

À l’issue de la formation AngularJS 4, les apprenants auront les capacités de :

  1. Comprendre comment Angular est différent de cadres de développement WEB traditionnels
  2. Coder à l’aide de nouvelles fonctionnalités linguistiques ES6 et TypeScript
  3. Développer une application à partir de zéro en utilisant Angular 4
  4. Explorer le codage Angular et l’architectures des meilleures pratiques
  5. Comprendre et utiliser les formes Angular, Observables, injection de dépendance et de routage
  6. Récupérer, mettre à jour et supprimer des données en utilisant le service de http Angular
  7. Test unitaire de toutes les parties d’une application Angular, y compris les modules, composants, services et Pipes
  8. Mettre à niveau une application existante de AngularJS à Angular 4 au fil du temps en exécutant les deux cadres dans le même projet
  9. Créer, construire et déployer une application Angular (Angular 4) à l’aide de la CLI Angular
  10. Développer de formes dynamiques basée sur des modèles qui sont plus faciles à tester

Publics

Quels sont les profils concernés par le module : Angular ?

La formation Angular, 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

Prérequis

Quelles sont les qualifications requises pour suivre la formation : Angular ?

La formation AngularJS nécessite les prérequis suivants :

  1. Maîtriser JavaScript et connaitre HTML et CSS est un plus
Programme détaillé

Introduction.

Pourquoi Angular 4 ?

  1. L’expérience utilisateur similaire à une application de bureau
  2. Productivité et outillage
  3. Performance
  4. Communauté
  5. Cadre complet
  6. Plate-forme pour le ciblage natif mobiles, non seulement Navigateurs Web

Comprendre les version d’Angular

  1. AngularJS
  2. Angular 2
  3. Angular 4

Comprendre Angular 4

  1. Drop-in pour remplacer Angular 2

Caractéristiques Angular

  1. Moteur de vue et générateur de code plus petit
  2. Amélioration de la syntaxe « nglf »
  3. Code d’animation dans ses propres paquets
  4. TypeScript 2.1
  5. Amélioration de la vitesse du compilateur
  6. Angular universelle

Travailler avec Angular-CLI

  1. Angular-CLI
  2. Anatomie du projet
  3. Débogage des applications Angulars
  4. Travailler avec Augure

Angular 4 : Principe de base

  1. Modules
  2. Composants
  3. Modèles
  4. Métadonnées
  5. La liaison de données
  6. Directives
  7. Services Injection de dépendance

Composants

  1. Mise en oeuvre du crochet du cycle de vie des composants OnInit
  2. Objet de configuration des composants
  3. Les composants personnalisés
  4. Composant avec des modèles En ligne
  5. Composant avec des modèles Externe
  6. Composant avec styles En ligne
  7. Composant avec les styles Externe

Templating et modèle de syntaxe

  1. HTML dans les modèles
  2. La liaison de données : Interpolation, Syntaxe, Propriété, Evénement
  3. Deux voies de liaison de données
  4. Attributs, classe et fixation de style
  5. Modèles de variables d’entrée
  6. Modèles de variables de référence
  7. Propriétés d’entrée et de sortie
  8. Opérateurs d’expression modèle
  9. Pipe
  10. Sécurité de la navigation de l’opérateur

Atelier et cas pratique.

Les directives

  1. Les directives NgSwitch
  2. Directives intégrées structurelles : GIF, NgFor, Commuté
  3. Directives intégrées Attribut :NgClass, NgStyle, NgModel
  4. Développement sur mesure de la directive
  5. Création d’un attribut personnalisé, directive désigné par refElément, Render
  6. Affichage des messages de validation
  7. Style de messages de validation

Pipes

  1. Intégrer Pipes : Utilisation, Transmission deparamètres, Chaînage
  2. Création d’un tuyau personnalisé à l’aide de PipeTransform
  3. Comprendre Pipes pures et impures
  4. Développement sur mesure de la conduite

Les formulaire dirigés par les modèles (formes réactives)

  1. Bibliothèque Angular/Formes
  2. Modèles conduite de formes
  3. Forme et validation des champs
  4. Vérifier la validation d’une vierge, le sale, le touché
  5. Afficher et masquer la validation des messages d’erreur
  6. Formulaire de soumission avec NgSubmit
  7. ReactiveFormsModule
  8. AbstractControl, FormControl, fOrmGroup et FormArray
  9. FormBuilder pour la construction de forme facile
  10. Validations utilisant Validateurs
  11. Réglage modèle de formulaire à l’aide de setValue et patchValue
  12. Utiliser FormArray pour construire des dcontrôles répétés ou des groupes de formulaires

Injection de dépendances

  1. Comprendre l’injection de dépendance
  2. Dépendance du système d’injection d’Angular
  3. Enrigstrement du srvice avec NgModule en utilisant la clé des fournisseurs
  4. Types de fournisseur : Classe, Usine, Valeur
  5. Injection hiérarchique
  6. Utilisation de la @optional et @host Décorateurs

Routeur et navigation

  1. Importation du RouterModule et Routes
  2. Configuration de routes
  3. Composants Affichage à l’aide d’un RouterOutlet
  4. RouterModule.froRoot et RouterModule.forChild
  5. Sortie routeur, routeur Lien routeur Lien actif
  6. Navigation avec RouterLink et RouterLinkActive directives ou le routeur
  7. Paramétrer l’accés à l’aide d’ActivedRoute
  8. Routes emboîtés, Routes paramétrées, Routes de gardes
  9. L’organisation de votre code dans les modules

RxJs Primaire

  1. Introduction
  2. Pourquoi RxJs
  3. Interface observable
  4. Ruisseaux
  5. Les opérateurs
  6. Abonnement
  7. Assujettir
  8. Ordonnanceurs

Communiquer avec le srveur en utilisant le service Http

  1. Le choix entre les promesses ou observables (RxJs)
  2. HTTP Promise
  3. Explorez GET / POST / PUT / DELETE HTTP
  4. Http avec Observables
  5. WebSockets
  6. API Mock web avec InMemoryWebApiModule
  7. Programmation Async avec des promesses en javascript

Atelier et cas pratique.

Services

  1. L’utilisation d’un service d’accès aux données
  2. L’utilisation d’un service pour encapsuler la logique métier
  3. L’utilisation d’un service pour configurer votre application
  4. L’utilisation d’un service pour la connexion

Matrice déterminée

  1. NgSubmit Directive
  2. FormeModule
  3. NgForm, NgModel et directives NgModelGroup

Essai

  1. Outils : Jasmine, Karma
  2. Jasmine Syntaxe : décrire, elle, beforeeach, afterEach, matchers
  3. Configuration et votre premier test
  4. Terminologie des essais : Mock, Stub, Spy, Fakse
  5. Terminologie Angular Test : Testbed, ComponentFixture, debugElement, async, fakeAsync, tique, injectent
  6. Test simple de composant
  7. Changements des composants détection
  8. Test d’un composant avec des propriétés (entrées) et des événements (sorties)
  9. Test d’un composant qui utilise le routeur
  10. Test d’un composant qui dépend d’un service à l’aide d’un espion
  11. Test d’un composant qui dépend d’un service en utilisant un faux
  12. Test d’un service et Mocking ses demandes de Http
  13. Test d’un tuyau

Sécurité

  1. Comment prévenir le cross-site scripting (XSS)
  2. Les valeurs de confiance avec le DOMSanitizer
  3. Les attaques HTTP
  4. Vérifications de sécurité des applications Angular

Composants avancés

  1. Styles de composants en utilisant les propriétés de metadata : Styles et tyleUrls

Advanced Routing

  1. Modules Angular Lazy-chargement
  2. Stratégies de localisation
  3. Route emboîtées ou enfants
  4. Route des gardes

Création, construction et déploiement d’une application Angular

  1. Manuellement
  2. Utilisation d’Angular CLI avec l’Avant-Of-Time (AOT)
  3. Compilation et Arbre-Secoué (suppression du code inutilisé de la bibliothèque)

Stratégies de mise à niveau AngularJS

  1. Préparation de votre projet AngularJS
  2. Angular 4 et AngularJS ensemble
  3. Redux
  4. Redux Basicx
  5. Mise au point et voyager dans le temps avec Redux DevTools

Atelier et cas pratique.

Etude de cas :
Aucours du programme de formation, nous allons développer « Application WEB E-Learning » avec les caractéristiques mentionnées ci-dessous :

  1. Authentifier les utilisateur via JWT (Login/inscription/fermeture de session)
  2. Créer, lire un utilisateur et mise à jour
  3. Cours CRUD
  4. Créer, lire, supprimer les commentaires sur les cours
  5. GET et afficher des listes paginées de cours
  6. Cours préférés
  7. Abonnez-vous à des cours

Besoin d'un devis / d'un renseignement :

Adresse :

28 rue Xavier Bichat

72000 Le Mans

 

Téléphone :

02.43.52.36.45

 

Email :

contact@cegefos.fr

 

Suivez-nous :

[Form id= »6″]