JavaScript - Fondamentaux
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mémoriser les bases de JavaScript et de son utilisation pour le DOM
- Gérer les évènements et les manipulations dynamiques
- Identifier les règles d'or de la programmation avec JavaScript
- Réaliser des appels synchrones (Ajax)
- Exploiter les media queries en JavaScript pour une interface responsive.
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1 - Matin
Un langage pour le Web
- Historique de JavaScript
- Les meilleurs IDE actuels
- Les librairies JavaScript et l'écosystème
- Versions de JavaScript jusqu'à ES2019
- JavaScript et Ajax : relations avec le serveur
- Structuration typique d'une page Web, où placer le JavaScript ?
Exemples de travaux pratiques (à titre indicatif)
- Création d'une page typique utilisant JavaScript
- Différentes façons d'intégrer JavaScript au projet
Bases du langage
- Syntaxe de base
- Déclarations et portées des données
- "var" et "let"
- Portée des données
- Types de données, conversions et affectations
- Structures de contrôle
- Boucles
- Tests
- Types de données JSON
- Pièges du typage dynamique
- L'objet "console"
Exemples de travaux pratiques (à titre indicatif)
- Premier projet simple sur l'utilisation des bases de JavaScript
- Déclarations de variables et utilisation
- Boucles, tests et affichages
Jour 1 - Après-midi
Un langage à base de fonctions
- La fonction, un élément de base du langage
- Prototypes et fonctions
- Constructeurs et "this"
- Valeur de "this"
- Fonctions et programmation fonctionnelle
- Objet "window" ou le contexte global
- Contextes d'exécution
- Fonctions immédiates et anonymes
- Les fonctions fléchées
- La frontière avec la programmation objet
Exemples de travaux pratiques (à titre indicatif)
- Création d'un projet exploitant les fonctions de JavaScript
- Mise en exergue de l'aspect fonctionnel du langage
- Création et utilisation de fonctions anonymes
Jour 2 - Matin
Document Object Model (DOM)
- Les objets du navigateur
- Récupérer des éléments
- Ajouter des balises
- Modifier les contenus
- Manipulation des CSS
- Gestion des évènements
- L'objet "event" et son utilisation
- Parcours du DOM
- Modification du DOM, suppression et création d'éléments
Exemples de travaux pratiques (à titre indicatif)
- Projet de manipulation des objets d'une feuille HTML 5
- Parcours, extraction des contenus et attributs
- Modification, insertion et suppression d'éléments
Jour 2 - Après-midi
Gestion de formulaires avec JavaScript
- Gérer le contenu des formulaires
- Accès aux différents éléments
- Gestion de la validation des données de formulaires
- Ecrire un gestionnaire de formulaires
Exemples de travaux pratiques (à titre indicatif)
- Extraction des données d'un formulaire et contrôle des valeurs
- Validation des champs de saisie
- Conception d'un gestionnaire de saisie de formulaire
Jour 3 - Matin
Gérer les CSS depuis JavaScript
- Rappel succinct de CSS
- Les objets et propriétés importantes
- Accéder en écriture et lecture à CSS
Exemples de travaux pratiques (à titre indicatif)
- Lecture de styles CSS depuis JavaScript
- Application de nouveaux styles CSS avec JavaScript
Manipulation des media queries pour un design responsive en JavaScript
- Test en JavaScript des media queries et adaptation des CSS adaptés
- Construction dynamique d'interface selon le type d'écran
Exemple de travaux pratiques (à titre indicatif)
- Travail sur les media queries
Jour 3 - Après-midi
Ajax
- Architecture des sites Web avec et sans Ajax
- Asynchronisme dans le navigateur
- XMLHttpRequest et HTML 5
- Gestion d'erreurs et timeout
Exemples de travaux pratiques (à titre indicatif)
- Ecriture d'un projet qui récupère les données d'un serveur
- Les afficher sur une feuille avec Ajax et JSON
- Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery
Nouveautés ECMAScript 6 à 11
- L'apport majeur de la version 6 (2015) de JavaScript
- Les autres apports
Examen M2i (en option)
- Prévoir l'achat de l'examen en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
- L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i
Les + de la formation
Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Réaliser l'intégration de données avec Pentaho
- Maîtriser le référentiel, la lecture et l'écriture d'un fichier
- Pouvoir travailler avec une base données
- Maîtriser les flux de données, les lookups, les calculs et les jobs
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Intégrer un script à une page HTML
- Utiliser les types primitifs du langage Javascript et leurs fonctions
- Utiliser le DOM pour parcourir et modifier la structure d'une page
- Gérer des événements utilisateur
- Valider les données saisies dans un formulaire
- Stocker des données dans le navigateur
- Échanger des données avec un serveur via des API REST
- Exploiter l'API FileReader pour lire des fichiers en local
- Interagir avec des contenus multimédias
- Mettre en œuvre l'API de géolocalisation
| Tarif |
A partir de 6 200,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Expliquer les modèles d’hébergements possibles avec Blazor
- Installer et créer un nouveau projet
- Créer des composants d’application réutilisables
- Expliquer comment fonctionne le routage
- Maitriser les mécanismes d’injection de dépendances
- Expliquer les mécanismes de rendu
- Gérer l’authentification et les autorisations
- Gérer la mise en page d’un site
- Ecrire des tests unitaires pour votre application
- Tirer parti de l’écosystème Javascript existant
- Créer une application PWA
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Mettre en place une architecture de gestion d’état de l’application avec Redux
| Tarif |
A partir de 2 490,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Maîtriser la création de sites adaptatifs avec Bootstrap| Tarif |
A partir de 1 125,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Connaître les possibilités et alternatives au Zend Framework - Etre capable de prévoir, mettre en oeuvre, maintenir une application utilisant le Zend Framework| Tarif |
A partir de 2 995,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Réaliser la maquette graphique du site permettant au client de visualiser l'interface fonctionnelle et graphique de la plateforme Web
- Réaliser ensuite l'intégration de la maquette graphique en utilisant du code informatique qui sera interprété par les navigateurs
- Réaliser les animations, évènements et les différentes interactions avec l'interface utilisateur
- Optimiser le référencement naturel du site
- Veiller à ce que ce dernier s'adapte à tous les appareils et toutes résolutions (smartphones, tablettes, desktop).
| Tarif |
A partir de 4 410,00 € |
| Durée |
21j / 147h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mettre en oeuvre le Framework Bootstrap afin de réaliser des applications HTML 5 / CSS 3 responsive.
| Tarif |
A partir de 1 420,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Ecrire et structurer des scripts simple en Javascript
- Comprendre les concepts de l'objet avec JavaScript
- Intégrer un script à une feuille de calcul Google Sheet
- Lire, modifier et mettre en forme les données d'un tableau
- Ajouter des menus et boites de dialogue aux documents pour contrôler l'exécution des scripts
- Interagir avec plusieurs documents
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery| Tarif |
A partir de 2 495,00 € |
| Durée |
5j / 35h |
| Modes |
|
