Développement d’applications Web avec les Frameworks JavaScript
Objectifs
- Être capable de programmer un site web en HTML5, CSS3 et JavaScript
- Connaître le socle MEAN
- Acquérir une autonomie en programmation JavaScript avec Node.js et Express
- Être en mesure de manipuler le Framework Angular
- Comprendre REST et l’articulation avec MongoDB
- Maîtriser les environnements de développement JavaScript
Programme
Application web HTML5, CSS3, JavaScript : nouvelle architecture
- Présentation des trois technologies de base : HTML5, CSS3, JavaScript
- Explication du principe d’application mono-page (vs multi-pages)
- Présentation du socle MEAN
- Présentation d’une comparaison MEAN vs LAMP
HTML5 et application mono page
- Principe de base d’une page HTML5
- Principe de base du langage JavaScript
- Le DOM et sa manipulation
CSS3 et JQuery
- Feuille de style CSS3
- Les sélecteurs
- La disposition d’une page HTML5
- Les styles media
- JQuery et les sélecteurs
- Manipulation du DOM en JS et en JQuery
Requêtes http et Ajax
- HTTP et ses requêtes (GET, POST, PUT, DELETE)
- Requêtes synchrones et requêtes asynchrones : Ajax
- Front end dynamique et back end statique
Node.js et back end dynamique
- Présentation de Node.js et de npm
- Explication du concept de middleware et de route dans Node.js
- Le serveur web Express
- Le format JSON
- Lien front end / back end
MongoDB via NodeJS
- Principe de base NoSQL
- MongoDB, une base orientée documents
- Les drivers Node.js pour interagir avec MongoDB
- Le style architectural REST
Environnement de développement et tests
- Les tests unitaires en JavaScript
- Les tests end to end (E2E) en JavaScript
- Les Frameworks JavaScript supports aux tests
- Le debug
- L’automatisation des tâches de développement avec npm, bower et Yeoman
Angular et son MVC
- Le pattern MVC sur un front end web
- Angular et ses concepts front end
- Le lien avec le back end
Angular et ses directives
- Présentation du concept de Template HTML
- Présentation des directives Angular
- Catalogue des directives Angular
- Création d’une directive
Angular et la gestion des routes
- Présentation du concept de route pour le front
- HTTP et le caractère #
- Exploitation des routes dans Angular pour avoir des modules front
Angular et les ressources (lien avec le back)
- Principes d’échange de données entre le front et le back
- Les appels Ajax dans Angular
- Le concept de ressource et de synchronisation automatisée
Design d’application web (module, etc.)
- Codage et conception web
- Les modules Angular
- Les linter JavaScript
- Le nommage des routes front et des routes back
Mise en place de droits d’accès
- Les droits d’accès et les applications mono page
- Architecture de partage d’information dans le front
- Principe de base de la vérification des droits dans Angular
Angular 2.0 et les autres frameworks web
- Principe de base d’un Framework MVC
- Vers le concept de composant web
- Vue d’ensemble des autres frameworks
Rendu visuel avec HMTL5 et CSS3
- Le CSS3 et bootstrap
- Les animations
- Intégration des différents frameworks
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript
