Livret personnel de compétences

Formation JavaScript, les fondamentaux

Ce livret personnel de compétences a pour objectif de permettre au stagiaire de suivre sa progression tout au long de la formation.
Il permet au stagiaire de se positionner par rapport aux compétences attendues à la fin de la formation.
Ce positionnement est personnel et s’enrichit au fil des apports et échanges avec le formateur.
Ce livret sera rempli tout au long de la formation par le stagiaire.
Les tableaux de compétences seront également remplis en parallèle par le formateur puisqu’ils serviront à établir un diagnostic final sur les connaissances acquises au cours de la formation.

Objet du référentiel pédagogique

Ce référentiel pédagogique présente l’ensemble des compétences évaluées dans les domaines et sous-domaines de la formation.
Il précise les compétences techniques attendues à la fin de la formation.

Résumé

Formation JavaScript, les fondamentaux

Découvrez les bases du Javascript

formation web javascript

Que ce soit pour sa relation forte à l’interface graphique que pour le traitement client/serveur, le langage JavaScript, souvent abrégé JV, est devenu incontournable dans le développement de sites Web. Le JavaScript est un langage informatique de script principalement utilisé comme langage pour les pages Web : on parle de langage script orienté objet. Dans cette formation, vous allez assimiler les connaissances nécessaires pour utiliser le langage JavaScript avec les éléments graphiques des pages Web et ainsi pouvoir réaliser des menus déroulants, des animations et modifier dynamiquement les styles de présentation.

Objectif

A l’issue de la formation Formation JavaScript, les fondamentaux, diverses compétences vous seront transmises, notamment :
  • Connaître les bases de JavaScript et de son utilisation pour le DOM
  • Gérer la programmation événementielle et les manipulations dynamiques
  • Interagir avec les feuilles de style CSS
  • Gérer des échanges asynchrones AJAX

Les prérequis

L’environnement Windows ou Mac de base doit être connu afin de suivre cette formation : un bilan préformation sera établi.

Public concerné

Toute personne souhaitant développer ses compétences.

Outils et moyens pédagogiques

Matériel requis : Ordinateur, connexion Internet, navigateur web à jour, si la formation porte sur un logiciel spécifique, vous devez avoir une version de celui-ci. En cas de formation en présentiel, un PC avec les logiciels nécessaires pourra vous être prêté le temps de la formation.
Plateformes utilisées : outils collaboratifs (Google Docs, Drive pour échanges de fichiers), échange de mail, site web spécifique pour envoi de gros fichiers
Supports fournis : supports PDF, modèles de sites, bibliothèques d’exemples

Suivi et évaluation

Feuille d’émargement signée. Une attestation de fin de stage est délivrée. Exercices pratiques tout au long de la formation. Une évaluation pratique & théorique sera réalisée en fin de parcours.

Les points forts

Formation réalisable à distance,
en présentiel ou un mix des deux.

Formation sur mesure et adaptée.

Avancement à votre rythme
Devenez autonomes !

Accessibilité

Pour les personnes en situation de handicap,
Vous pouvez consulter cette page pour vous orienter au mieux.

Délai d'accès

Variable en fonction de votre statut et du financement de la formation. Pour en savoir plus, contactez-nous

Si formation à distance

Dispositif d’exécution utilisé pour la visio : Nous utiliserons de préférence Google Meet, en cas de problème ou changement nous pouvons passer par Microsoft Teams, Zoom, Skype.
Dispositif mis en place pour échanger : Le formateur reste disponible par mail entre les séances pour toutes éventuelles question

Durée de la formation

Se référer au devis

Modalité d'execution

Se référer au devis

Progression pédagogique

Phase 1 – Analyse du niveau et cadrage des objectifs
– Test de positionnement initial
– Identification des besoins spécifiques du participant
– Définition des objectifs opérationnels
– Présentation du déroulé et des modalités d’évaluation
Objectif : adapter le parcours et sécuriser la progression.

Phase 2 – Acquisition ou révision des fondamentaux
– Apports théoriques structurés
– Présentation des concepts clés
– Démonstrations guidées
– Exercices simples d’application
Objectif : maîtriser les bases indispensables.

Phase 3 – Approfondissement et mise en pratique
– Exercices progressifs
– Études de cas
– Manipulations en autonomie encadrée
– Résolution de problématiques concrètes
Objectif : développer l’autonomie opérationnelle.

Phase 4 – Consolidation des compétences
– Travaux pratiques complets
– Mises en situation professionnelles
– Correction individualisée
– Ajustement pédagogique selon les difficultés rencontrées
Objectif : sécuriser les acquis et combler les écarts.

Phase 5 – Évaluation finale et préparation à la certification (le cas échéant)
– Simulation d’épreuve
– Quiz ou cas pratique de synthèse
– Analyse des résultats
– Préconisations personnalisées
Objectif : valider la capacité à mobiliser les compétences acquises.

En Bref

Modalités d'accompagnement pédagogique

L’accompagnement comprend

– Un test de positionnement initial permettant d’adapter le parcours
– Un entretien de cadrage pédagogique en début de formation
– Un suivi continu durant les séances (feedback immédiat, corrections guidées)
– Un temps de questions/réponses en début de chaque session (10 à 15 minutes). Votre formateur vous pose quelques questions pour repérer ce qui a été retenu du cours précédent et fait une piqûre de rappel en cas de besoin
– Une disponibilité du formateur par email entre les séances (sous 48h ouvrées)
– Un point intermédiaire à mi-parcours
– Un bilan final de préparation à la certification

Encadrement

– Le formateur est là pour vous, il vous accompagne tout au long du processus
– Accompagnement individualisé en cas de difficulté
– Adaptation des exercices au niveau du candidat
– Tout en dirigeant cette formation, il s’adapte à votre rythme, à votre besoin

Modes d’évaluation de la progression

L’évaluation se fait tout au cours de la formation. Une fois un point du programme vu, un retour d’information oral peut s’effectue ou plus fréquemment une manipulation par le stagiaire pour voir si le point est compris et acquis.

La théorie, mais surtout la pratique est de mise pour atteindre l’objectif fixé

La durée annoncée de chaque module est la durée minimum, elle peut être allongée si nécessaire au bon déroulement de la formation.

Contenu de la formation

Module 1 – Rappel sur les technologies du Web | 1h

  • Les différents types de navigateurs et leur impact sur la portabilité des programmes JavaScript
  • Les composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java…
  • Les protocoles HTTP, HTTPS
  • Mesurer l’impact de JavaScript sur l’accessibilité et le référencement
  • Les outils de développement : éditeur, débogueur…

Module 2 – Quelques notions de base pour bien démarrer | 2h

  • Les différentes versions de JavaScript
  • Déclaration et portée des variables
  • Les différents types de données et conversion : Number, Boolean, Date, Math…
  • La gestion des tableaux
  • Opérateurs logiques, arithmétiques et les boucles : for, while…
  • Création de fonctions et paramétrage de variables
  • Faire un codage sécurisé avec la gestion d’erreur et les exceptions
  • Rappels sur les concepts objets
  • Développement Objet en JavaScript
  • Mots réservés prototype, this
  • Création d’instance
  • Usage d’Object sur les classes dynamiques
  • Les objets prédéfinis du langage et leur utilisation

Module 3 – Gestion des événements en JavaScript | 1h

  • Gestion de la souris
  • Contrôle de la saisie clavier
  • Mise en place des comportements et actions
  • Les principaux événements disponibles en HTML
  • Définir le contexte des événements
  • Maîtriser les méthodes et propriétés de l’objet « Event »

Module 4 – Gestion de formulaires HTML | 2h

  • Manipulation de contenu de formulaires
  • Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d’options…
  • Fonctions de validation de formulaire
  • Evénements liés aux éléments de formulaire : changement, initialisation, clic…

Module 5 – Manipulation de page en JavaScript | 3h

  • Le Document Object Model (DOM)
  • Les objets du navigateur
  • Récupérer des éléments
  • Ajouter des balises
  • Modifier les contenus
  • Manipulation des CSS
  • Parcours du DOM
  • Modification du DOM, suppression et création d’éléments

Module 6 – Les feuilles de style en cascade | 2h

  • Rappel sur les feuilles de style en cascade (CSS-1, CSS-2)
  • Les outils pour les manipuler
  • Implémentation des CSS en tant que propriétés des objets du DOM
  • Modification directe des propriétés CSS des objets du DOM
  • Modification de l’objet CSS stylesheets
  • Rendre la page dynamique via le changement des propriétés de style

Module 7 – AJAX | 1h

  • Présentation de Asynchronous JavaScript And XML
  • Enjeux, solutions et alternatives
  • Les bibliothèques du marché
Domaine A ECA NA Remarque
Module 1 - Rappel sur les technologies du Web
Module 2 - Quelques notions de base pour bien démarrer
Module 3 - Gestion des événements en JavaScript
Module 4 - Gestion de formulaires HTML
Module 5 - Manipulation de page en JavaScript
Module 6 - Les feuilles de style en cascade
Module 7 - AJAX

A = Acquis
ECA = En cours d’acquisition
NA = Non acquis

Avis des apprenants

Moyenne des notes de ce programme :

Aucun avis/5

Nombre de votant :

0