• éligibleCPF

Formation Maîtriser JavaScript HTML dynamique, Formulaires, Jquery, DOM, JSON, XML, Ajax, EcmaScript 6

(17 avis)

4.8 sur 5 étoiles

5 étoiles
82%
4 étoiles
17%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 17 avis
Durée 4 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence IJSO
Éligible CPF Code 236953
Certification Microsoft programmation en HTML5 avec JavaScript et CSS3 (70-480)

Le web est devenu très dynamique et interactif. Des interfaces utilisateurs (UI) riches sont désormais nécessaires à la fois pour les back-offices et le côté front. JavaScript, avec sa composante AJAX, est donc aujourd'hui devenu incontournable dans le développement d'un site ou d’une application web et même une sérieuse alternative dans le développement mobile mutliplateformes.

La connaissance du langage Javascript constitue avec le couple HTML/CSS les bases des connaissances pour tout développeur Web côté front. Cette formation vous permettra de devenir un développeur Javascript avec de solides bases pour débuter avec ce langage ou vous préparer à une spécialisation sur l’un des nombreux frameworks Javascritp du moment (Angular, React, Node, etc.) y compris dans le monde mobile (Cordova). Une initiation à Jquery vous permettra d’en comprendre le confort pour manipuler le DOM et ajouter de l'interactivité à votre site.

Cette formation Javascript aborde notamment les points suivants :

  • Comprendre les briques d’une application ou d’un site Web ainsi que leurs échanges entre elles (http, xml, json, Javascript, Ajax, etc.)
  • Connaître la syntaxe du langage Javascript
  • Savoir utiliser les objets prédéfinis du langage
  • Manipuler le contenu d’une page Web
  • Animer son aspect graphique
  • Mettre en place l'aspect interactif grâce aux événements déclenchés par l'utilisateur
  • Bien comprendre les concepts asynchrones de JavaScript et la communication serveur (Ajax)
  • Savoir utiliser les nouveautés apportées par le HTML5 comme l’utilisation de la géolocalisation ou le stockage de données hors ligne depuis un programme Javascript.
  • Comprendre les bases de Jquery et en quoi il facilite le travail du développeur Javascript (DOM, effet, etc.)
  • Respecter les bonnes pratiques du développeur Javascript et veiller aux performances
  • Réaliser toute la partie Front End d’une application Web
  • Débuguer en toute sérénité vos applications
  • Découvrir les nouveautés du langage avec EcmaScript 6 (2016) et EcmaScript 7 (2017)

Public :

Cette formation s'adresse aux développeurs et chefs de projets.

Prérequis :

La connaissance des langages HTML, CSS ainsi que les bases de la programmation (variables, tests, boucles, fonctions) sont des prérequis indispensables.

Architecture et protocoles Web

Le modèle client/serveur dans le contexte du Web
Positionnement et complémentarité des différentes briques (HTML, CSS, Javascript, Java, PHP, etc.)
Protocoles et formats d’échange entre ces briques (HTTP, XML, JSON, WebServices, Ajax, etc.)
Mode d'appels des scripts depuis les pages HTML
Comment créer une zone de saisie?
Les différents modes de saisie HTML
Introduction aux navigateurs, au JavaScript et au DOM
Les principes d'utilisation des DOM
Les différences principales entre les navigateurs
L'interpréteur JavaScript: entrées/sorties des programmes

Le langage JavaScript

Introduction au langage JavaScript
Présentation d'exemples simples
Les versions de JavaScript
JavaScript embarqué dans les pages HTML
La grammaire du langage
Les variables
Les types de données
Les opérateurs
Les instructions
Les structures de programmation
La définition et l'utilisation de fonctions
Les objets et leurs utilisations en JavaScript (méthodes, propriétés)
Les dialogues avec l'utilisateur
Les tableaux
Les pièges classiques en JavaScript

Nouveautés EcmaScript 2015/2016 (présentation)

Javascript et EcmaScript (vocabulaire : ECMA, Ecmascript, ES6, ES7, ES2015, ES2017, etc.)
Les nouveautés apportées par ES6 et ES7
Compatibilité avec les navigateurs et les frameworks
Arrow function, promise, etc.
Module import

Gérer les événements et les données en Javascript

Les évènements gérés par Javascript (survol, clic, clavier, etc.)
Propagation des événements
L’objet Event
Les pop-ups
Le fonctionnement de l'objet document. Interactivité, contrôle et transformation des pages HTML
Manipulation de la page (DOM)
Manipulation des URL et des redirections
Sélection d'éléments
Modification du contenu HTML
Modification du graphisme CSS

Développer au quotidien avec JavaScript

Gestion des chaînes de caractères à travers l'objet String
Les principales fonctions mathématiques dans l'objet Math
Manipulation des dates via l'objet Date
Manipulation des tableaux via l'objet Array
Les expressions régulières dans le JavaScript
Règles de transtypage et comparaisons
Paramètres obligatoires / facultatifs / indéfinis des fonctions
Quelques outils pour tester, debugger et mesurer les performances de vos programmes Javascript

Gestion des formulaires

Composants d’un formulaire (checkbox, textbox, list, button, etc.)
Manipulation de l'objet form
Contrôle des données saisies dans un formulaire
Le Formulaire dynamique
Liens entre événements et formulaire (chargement, modification, validation, etc.)

AJAX : dialoguer avec le serveur

Pourquoi AJAX (Asynchronous Javascript And Xml) ?
Mise en œuvre avec l’objet XMLHttpRequest    
Méthodes de requête http (GET, POST, etc.)
Récupération de contenus HTML, XML ou JSON

Présentation de JavaScript avec HTML5

Géolocalisation
Glisser / Déposer
Multi upload
Historique (pushstate)
Local Storage
Web GL
Web RTC
Fullscreen
API branchées mobile
Détecteur de proximité
Vibration API
Utilisation du gyroscope du smartphone
Accès à la webcam, au micro
Shadow DOM
Evolutions attendues …

Initiation à JQuery

Qu’est-ce que Jquery ?
Chargement de Jquery dans la page ou via un CDN
Bases syntaxiques de jQuery
Effets
Evènements
Manipulation DOM
AJAX

Ce cours est ponctué de nombreux Travaux Pratiques pour une meilleure assimilation de la théorie:

  • Manipuler le DOM avec Javascript:
    Modifier des éléments de la page en les ciblant
  • Js Interactif:
    Création d’un système de bulle de texte qui apparaît au survol d’un mot
    Création d’un menu déroulant JS
    Création d’une barre de progression de lecture de l’article
    Création d’un système d’onglet
  • Js Mini Application:
    Création d’une mini application de gestion de tâches (sans partie backend)
    Sauvegarde des données en Local Storage
  • Js et formulaires:
    Reprise du formulaire vu en HTML/CSS et ajout de validation temps réel
  • JS et Ajax:
    Réalisation d’un Live sportif : mise à jour asynchrone d’une page avec Ajax
    Comprendre le chargement « intelligent » de la page
  • JS et HTML 5:
    Géolocalisation et affichage sur une Google Map
    Enregistrement des données en local storage
    Mise en œuvre du Drag and Drop
    Création d’un chat temps réel
  • JS et mobile:
    Utilisation des APIS mobiles comme le gyroscope
  • Librairies JS et Jquery:
    Réalisation d’une table avec tri temps réel via librairie Js
    Ajout d’un diaporama d'images animées, des infobulles, et un système de filtrage
    Gestion d’un formulaire en Jquery

Cette formation prépare en partie à l'examen Certification Microsoft Programmation en HTML5 avec JavaScript et CSS3 (70-480).
Avec la formation ASP.NET MVC 5 : Développer des applications Web avec Visual Studio 2015/2017 (ASPN) (ou la formation ASP.Net MVC 4 : Développer des applications Web avec Visual Studio 2012 (M20486)) elles forment le cursus de Certification Officielle Microsoft MCSA Web Applications

Le passage de l'examen de certification n'est pas obligatoire et n'est pas inclus dans le prix de la formation.

La préparation à cette certification peut être financée dans le cadre du CPF sur MonCompteFormation.
Voir toutes nos formations éligibles CPF.

Avis des participants à la formation Maîtriser JavaScript

Note moyenne de 4.8/5(17)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

CURTELIN Pierre
5/5

Mon avis sur le contenu du stage :

"Le contenu est dense et cela allait par moment vite mais cela a permis de traiter et de bien comprrendre les concepts"

Mon avis sur le formateur :

"i like his tee shirt :-)"

Mon avis sur la salle de formation :

"le café est apprécié"

Ce que j'ai le plus apprécié :

"la journée supplémentaire"

JACQUARD Jordan
5/5

Mon avis sur le contenu du stage :

"Bon cours, bon tempo sur le cours et son avancement. Toutes les bases sont vues, c est très bien !"

Mon avis sur le formateur :

"Super formateur ! Bonne explication, toujours disponible pour explication, bonne humeur, tres pédagogique ! Et il maitrise parfaitement son sujet. On sent qu'on est avec la bonne personne pour apprendre et mieux comprendre javascript."

Mon avis sur la salle de formation :

"Pas grand chose a dire, c était très bien !"

Ce que j'ai le plus apprécié :

"Formateur, support de cours & bonus"

Ce que j'ai le moins apprécié :

"pas de clim les premiers jours :p"

VL
5/5

Mon avis sur le contenu du stage :

"Le support de cours est très (voire trop pour la durée !) fourni mais comporte malheureusement de nombreuses fautes d'orthographe-grammaire et d'accents. De nombreux exercices / travaux pratiques, dont le très drôle dessin en SVG d'une émoticône, nous ont été donnés."

Mon avis sur le formateur :

"Le formateur est très bon techniquement et a de l'expérience dans de nombreux langages de programmation, frameworks et questions d'actualité informatique. C'est très motivant quand on est curieux. Il est également très disponible et a répondu à toutes mes questions, même à la fin du cours."

Ce que j'ai le plus apprécié :

"Panier de fruits et légumes en début de semaine. Jus de fruit, eau fraîche."

Ce que j'ai le moins apprécié :

"Le panier de fruits et légumes est vide en 3 jours, voire 2. Dommage qu'il ne soit pas "rechargé" en cours de semaine. Le jus de fruit est rarement frais."

MS
5/5

Mon avis sur le contenu du stage :

"travaux pratique ludique et intéressant"

Mon avis sur le formateur :

"Adaptation du formateur au niveau des participants. Ajout de bonus ludique très apprécié"

Ce que j'ai le moins apprécié :

"Pas de machine à café dans la salles Pas de bouteilles d'eau individuelle."

GERARD Mathieu
5/5

Mon avis sur le contenu du stage :

"Excellent contenu, adapté à notre demande, et même plus. Très satisfait. "

Mon avis sur le formateur :

"A pu parfaitement s'adapter à notre niveau et notre demande, en complétant le contenu avec du contenu très intéressant pour nous. "

HM
4/5

Mon avis sur le contenu du stage :

"J'avais des questions précises et j'ai obtenu des réponses."

Mon avis sur le formateur :

"C'est magique !"

Ce que j'ai le plus apprécié :

"Pauses café, support USB"

Ce que j'ai le moins apprécié :

""toggle" du robinet des WC mal expliqué, clim mal gérée, bruit des travaux"

Rudy
5/5

Mon avis sur le contenu du stage :

"Très bonne formation, juste un peu trop rapide pour moi..."

Mon avis sur le formateur :

"Très bon."

Elodie
5/5

Mon avis sur le contenu du stage :

"Support de cours au top ! Au niveau des TP, le niveau est assez élevé, j'ai eu un peu de mal à suivre vu mon niveau de départ en javascript"

Mon avis sur le formateur :

"Super intervenant !"

Mon avis sur la salle de formation :

"Rien à redire au niveau de l'environnement."

Ce que j'ai le plus apprécié :

"La localisation (quartier sympa)"

Ce que j'ai le moins apprécié :

"Aucun"

AUBERT Quentin
5/5

Mon avis sur le formateur :

"les animateurs sont reatifs et savent s'adapter aux personnes présentes."

Marc
4/5

Mon avis sur le contenu du stage :

"Bonne adaptabilité des formateurs (formation personnalisée React Redux css)"

Mon avis sur le formateur :

"Formateurs compétents et sympathiques"

MS
5/5

Mon avis sur le contenu du stage :

"Exactement ce que j'espérais."

Mon avis sur le formateur :

"Compétent, disponible pendant la journée mais aussi au-delà des horaires prévus : excellent."

BB
5/5

Mon avis sur le formateur :

"Un peu trop de niveau different durant la formation cat trop de monde durant la session"

VINSORD Arnaud
5/5

Mon avis sur le formateur :

"Très sympatique"

Mon avis sur la salle de formation :

"salle trop petite et trop chaude"

Ce que j'ai le plus apprécié :

"la proximité des restaurants et des transports, les collations des pauses sont satisfaisant "

Evelyne
5/5

Mon avis sur le contenu du stage :

"très riche, va permettre beaucoup d'applications."

Mon avis sur le formateur :

". Le formateur a su très bien s'adapter aux différents univers des stagiaires. Très patient et très professionnel. Bon esprit de groupe."

Mon avis sur la salle de formation :

"Point très positif : le fait d'être très peu ce qui permet de poser des questions et prendre le temps de faire les TP."

Ce que j'ai le plus apprécié :

"Le formateur, l'environnement, le groupe très soudé."

FRITZ Vincent
5/5

Mon avis sur le contenu du stage :

"rien à redire."

Mon avis sur le formateur :

"très sympathique, très disponible."

Ce que j'ai le plus apprécié :

"Petit comité"

Gabriele
4/5

Mon avis sur la salle de formation :

"Etant à distance le bureau dans lequel je me trouvais était pas mal !"

Ce que j'ai le plus apprécié :

"outils de formation à distance. VM et outils de visio et partage écran."

Ce que j'ai le moins apprécié :

"quelques difficultés techniques liées au débit."

FC
5/5
Mon avis sur le contenu du stage: les sites proposés par notre maître de formation sont très complet (le classeur en NB ne tenant pas compte des couleurs limite l'intérêt) Ce que j'ai le plus apprécié: ambiance générale, pédagogie du maître de formation


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB