Initiation au Framework JavaScript

Objectifs

À la fin de ce cours, les apprenants seront capables de :

1. Identifier les principes fondamentaux d'un framework JavaScript.


2. Comprendre les composants de base et la structure d'un framework.


3. Écrire et utiliser du code pour développer des applications simples avec un framework.


4. Déployer une petite application web fonctionnelle.

Syllabus

Jour 1 : Introduction et Premiers Concepts

• Introduction aux frameworks JavaScript :
  
  
  
  • Différences entre bibliothèques et frameworks.
  
  
  • Vue d'ensemble des frameworks populaires (React, Vue.js, Angular).
  
  
  
  


• Installation et Configuration de l'environnement :
  
  
  
  • Installation de Node.js et NPM.
  
  
  • Configuration d'un projet de base.
  
  
  
  


• Introduction aux Composants :
  
  
  
  • Structure des composants dans un framework (ex : React, Vue.js).
  
  
  • Création et gestion des composants simples.
  
  
  
  


• Travaux Pratiques :
  
  
  
  • Mise en place d'un projet simple avec des composants.
  
  
  
  

Jour 2 : Gestion de l'Interface Utilisateur et des Données

1. Introduction à la gestion des données :
   
   
   
   • Concepts d'état (state) et de propriétés (props).
   
   
   • Mise à jour de l'interface utilisateur en fonction des données.
   
   
   
   


2. Routage et Navigation :
   
   
   
   • Création d'une navigation multi-pages.
   
   
   • Utilisation des routes dans une application web.
   
   
   
   


3. Introduction aux API :
   
   
   
   • Appels API (GET, POST) avec JavaScript asynchrone (fetch, async/await).
   
   
   
   


4. Travaux Pratiques :
   
   
   
   • Intégration d'une API simple et affichage dynamique des données.
   
   
   
   

Jour 3 : Développement et Déploiement d'une Application Simple

• Création d'une application complète :
  
  
  
  • Spécification d'une application simple (ex : gestion de tâches).
  
  
  • Utilisation des concepts vus précédemment pour développer l'application.
  
  
  
  


• Introduction au déploiement :
  
  
  
  • Aperçu des options de déploiement (ex : GitHub Pages, Netlify).
  
  
  • Déploiement local de l'application.
  
  
  
  


• Gestion des erreurs et optimisation :
  
  
  
  • Gestion des erreurs d'API et validation des données.
  
  
  • Bonnes pratiques pour structurer le code et organiser les composants.
  
  
  
  


• Projet Final :
  
  
  
  • Développement et finalisation d'une application web simple avec évaluation finale.
  
  
  
  

Comment ?

Méthodes pédagogiques

1 poste par stagiaire

Remise d'un support pédagogique (numérique ou papier) pendant la formation

La formation est constituée d'apports théoriques, d'exercices pratiques, de réflexions et de retours d'expérience

********************

Formation distancielle, synchrone, avec le formateur en visioconférence

Partage d'écran formateur et stagiaire pour les présentations, démonstrations et vérification des mises en application

Un support technique accompagne la préparation et le suivi du parcours d'apprentissage

Séquençage pédagogique construit et adapté au mode d'organisation distanciel

Remise d'une documentation pédagogique numérique pendant le stage

La formation est constituée d'apports théoriques, d'exercices pratiques, de réflexions et de retours d'expérience

Moyens pédagogiques

• Exposés interactifs : Présentations des concepts essentiels.


• Ateliers pratiques : Exercices guidés pour manipuler un framework JavaScript.


• Études de cas : Exemple d'application en temps réel pour illustrer les concepts.


• Projet final : Création d'une application de bout en bout pour évaluer les acquis.

Évaluation

Auto-évaluation des acquis par le stagiaire via un questionnaire en ligne

Attestation de fin de stage remise au stagiaire

***************

Évaluation du formateur au fil des séquences pédagogiques.

Auto-évaluation des acquis par le stagiaire via un questionnaire en ligne

Attestation de fin de stage remise au stagiaire