Formation AngularJS, apprendre les bases du framework JS le plus populaire du moment !
Résumé
Logiciels : Visual Studio Code/SublimeText, Firefox
Durée : 21 heures
Objectif :
– maîtriser les bases d’AngularJS pour développer des applications web riches et dynamiques
Public : Développeurs web, même débutants.
Pré-requis : Connaissances globales des technologies web : HTML5, CSS3, Javascript. Avoir des besoins métier.
Méthodes mobilisées : Alternance d’apports théoriques et d’exercices de mise en application pratique. Support numérique pour les apports théoriques, projet fil rouge partant de la mise en œuvre de l’environnement jusqu’à l’interrogation d’une API REST publique permettant de rechercher dans une base de données de films
Modalités et délais d’accès : Sur inscription préalable au minimum 1 semaine avant le début de la formation selon disponibilité du formateur.
Modalités d’évaluations : Une évaluation du niveau des stagiaires est réalisée avant l’entrée en formation par téléphone ou au moyen d’un questionnaire. Évaluation des acquis et de la satisfaction en fin de formation.
Accessibilité aux personnes en situation de handicap ou présentant des difficultés d’apprentissage : nous pouvons proposer des solutions de compensation de nos prestations en adaptant les moyens pédagogiques, techniques et d’encadrement (les précisions).
Taux de satisfaction 2i2L : 96,34 % des stagiaires sont satisfaits à l’issue de leur formation.
Tarif : pour une demande de formation interne, nous consulter.
Présentation
Liens Angular 2 :
– Le site officiel d’AngularJS
– Le site officiel de Visual Studio Code
– AngularJS sur w3schools
– AngularJS sur Wikipédia
– Licence d’AngularJS
– Licence de Visual Studio Code, VSCode est sous MIT Licence (X11).
Programme
Javascript et le web d’aujourd’hui
– Rappels sur HTML/CSS/JS
– Historique de Javascript et de son écosystème
– Zoom sur l’architecture WOA (Web Oriented Architecture)
Introduction à AngularJS
– Présentation d’AngularJS
– Mise en place de l’environnement de développement
– Architecture d’une application AngularJS
– Projet fil rouge : Création d’une application AngularJS
Composants
– Expressions
– Contrôleurs
– Binding
– Services
– Projet fil rouge : Création d’un formulaire de recherche de films
Routes
– ui-router
– Routes
– Passage de paramètres entre vues
– Projet fil rouge : Création d’une page de détails d’un film
Promesses et mécanismes asynchrones
– Présentation des appels asynchrones
– Présentation du système de promesses
– Mise en place de $q
– Projet fil rouge : Mise en place de promesses pour la recherche et la récupération de films
Communication HTTP
– Rappels sur HTTP
– Présentation de l’architecture REST
– Utilisation du service $http
– Projet fil rouge : Recherche et récupération des films depuis OMdB, API publique et Open Source
Aperçu des composants avancés
– Filtres
– Directives
– Projet fil rouge : Rendre générique l’affichage d’un film dans l’application