AngularJS Présentation

3 jours pour découvrir et comprendre le framework AngularJS.
Stage pratique, magistral et didactique, pour devenir autonome.

Objectifs :

    À l'issue de cette formation AngularJS, les participants seront en mesure de :
  • Appréhender la philosophie et le fonctionnement du framework AngularJS,
  • Développer une application Web avec AngularJS,
  • Maîtriser les impacts du choix d'une architecture incluant une application web riche.

Méthode pédagogique :

Alternance (50-50%) de cours magistraux et de travaux pratiques (live coding) sur machine individuelle. Le stage se déroule autour de la réalisation d'une application simple et fonctionnelle, permettant la mise en application concrète des concepts abordés. Un support de cours est remis à chaque participant au format électronique.

Public :

  • Chefs de projet Web,
  • Architectes techniques,
  • Développeurs front-end.

Pré-requis : Connaissance de HTML, CSS et bon niveau JavaScript. Les notions fondamentales seront abordées en rappels.

Au sommaire :

  • 1er jour : Rappels & mise en route - Une application web sans manipuler le DOM - Travaux Pratiques - Tests et debug.
  • 2ème jour : Design Patterns - Travaux Pratiques - Refactoring - Test d'un service AngularJS.
  • 3ème jour : Directives - Travaux Pratiques - Trucs & astuces, Bonnes pratiques, Perspectives.

Tarifs :

    Formule Inter-entreprises :
  • 1665 € HT / stagiaire,
    Formule Intra-entreprise :
  • Devis personnalisé sur demande,
  • 8 stagiaires maximum / session,
  • Accueil possible dans vos locaux.

Besoin de sur mesure ?

Pour aller plus loin avec AngularJS :

  • Contenu niveau avancé, adapté aux besoins spécifiques rencontrés,
  • 2 jours de stage pratique (50%) et magistral (50%),
  • Bon niveau JavaScript requis et 1ères expériences réussies avec AngularJS,
  • En inter, 1170 € HT / stagiaire,
  • En intra, devis personnalisé sur demande.
Contactez-nous

AngularJS Programme de la 1ère journée :

    Rappels & mise en route :
  • Rappels sur JavaScript : prototype, portée des variables, fonctions, contextes.
  • Rappels HTML5 : balises sémantiques, forms.
  • Présentation du design pattern MVVM.
  • Définition d'une application "single page".
  • Déclaratif vs impératif.
  • Installation d'un environnement de travail : Node.js, éditeur, navigateur.
    Une application web sans manipuler le DOM :
  • Data binding bi-directionnel.
  • La gestion des vues et le moteur de template.
  • Qu'est-ce qu'une expression AngularJS ?
  • Définition d'un contrôleur.
  • Association vue et contrôleur.
  • Comprendre les contextes AngularJS ($scope).
  • Appréhender les événements utilisateurs.
  • Formulaire : interaction et validation.
  • Utilisation des filtres (dans la vue, dans le contrôleur et combinaison).
  • Écriture d'un filtre.
    Travaux Pratiques :
  • Présentation de l'application fil rouge : ngDoodle.
  • Création d'un évènement.
  • Noter ses disponibilités.
    Test et debug d'une application AngularJS :
  • Environnement de test.
  • Choix d'un framework de test.
  • Tests unitaires et karma.
  • NgInspector : voir fonctionner AngularJS depuis le navigateur.

AngulaJS Programme de la 2ème journée :

    Design Patterns appliqués à une application web :
  • Notion de routing.
  • Configuration avec $routeProvider.
  • Route et gestion de l'historique de navigation.
  • Initialisation avant routage.
  • Découplage grâce aux services.
  • Injection de dépendances.
  • Présentation ou rappel sur les promesses.
  • Les promesses avec AngularJS.
  • Des services "standard" $http $resource : utilisation d'une API REST.
  • Créer ses propres services : plusieurs façon d'y arriver.
    Travaux Pratiques :
  • Re-Organisation de notre application (Refactoring time).
  • Création, utilisation et affichage.
  • Création d'un service.
  • Communication avec un serveur via une API REST.
    Découpler pour mieux tester :
  • Test d'un service AngularJS.
  • Simuler le résultat d'une requête HTTP.

AngularJS Programme de la 3ème journée :

    Étendre et augmenter HTML pour qu'il réponde à vos besoins :
  • Plongée dans le cœur de AngularJS : fonctionnement interne.
  • AngularJS pour les pros : les directives.
  • Fonctionnement des directives.
  • Directive et événements utilisateurs.
  • Intégration d'un contrôleur dans une directive.
    Travaux Pratiques :
  • Création d'un fiche récapitulative.
  • Affichage calendaire.
    Communication inter-process en temps réel :
  • Les Perspectives, trucs & astuces.
  • Organisation du code selon la taille de votre application.
  • Bonnes pratiques.
  • Automatisation avec Grunt, Gulp.
  • Perspectives.
Contactez-nous