- Référence : IJSO
- Durée : 4 jours (28h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
2090€ HT
Choisir une date et RéserverFormation Maîtriser JavaScript HTML dynamique, Formulaires, Jquery, DOM, JSON, XML, Ajax, EcmaScript 6
4.7 sur 5 étoiles
5 étoiles
4 étoiles
3 étoiles
2 étoiles
1 étoile
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
Non
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 Maîtriser Javascript 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.
Objectifs pédagogiques :
Savoir développer avec JavaScript avec de solides bases.
Objectifs pédagogiques :
À l'issue de cette formation Maîtriser JavaScript vous aurez acquis les connaissances et compétences nécessaires pour :
- 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 WebPositionnement 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 JavaScriptPré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
Présentation de EcmaScript
Liens entre Ecmascript et JavascriptClarification du vocabulaire (ES6, ES2015, ES7, ES2017, ES20, etc.)
Exemples de nouveautés apportées par les évolutions de Ecmascript (Arrow function, Promise, etc.)
Compatibilité avec les navigateurs et les frameworks
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 StringLes 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éolocalisationGlisser / 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
Depuis le 31 janvier 2021, les certifications MCSA, MCSE, MCSD de Microsoft n'existent plus.
Il n'est désormais plus possible de se certifier sur les solutions on-premise de Microsoft comme Windows Server, SQL Server ou .NET.
Microsoft souhaite encourager la transition des informaticiens vers le cloud, notamment vers Azure et ses solutions. À l'ère du cloud, quelles sont donc les nouvelles certifications proposées ?
Contactez notre service commercial pour vous informer !
Dates et lieux
1
2
1
2
Avis des participants à la formation Maîtriser JavaScript
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.
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."
DP
4/5
Mon avis sur le contenu du stage :
"Le contenu est riche mais en distanciel la navigation entre les fichiers est parfois contraignante (entre exemple et stagiaire). on en a "fait les frais" lorsqu'on cherchait des erreurs alors qu'au final nous n'étions pas dans le bon fichier. Un petit plus serais de lier un "projet fil rouge" qui soit implémenté au fur et à mesure des items vus pendant la formation."
Mon avis sur le formateur :
"+ : Disponibilité, les astuces et outils connexes (captcha, fontello, svgporn...) - : il y a une passe rapide sur beaucoup de petits sujet. Du coup, l'apprentissage se fera en revenant dessus."
Ce que j'ai le plus apprécié :
"plein d'exemples"
Ce que j'ai le moins apprécié :
"Quelques exemples non ouvert. Est-ce que tout est utile? (Cela peut être par manque de temps)"
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"
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é."
BC
5/5
Mon avis sur le contenu du stage :
"Le support "pdf" de la formation n'est pas à la hauteur des fichiers exemples fournis pour la formation."
Mon avis sur le formateur :
"L'enseignement de la partie "syntaxe de base" javascript a été rapide."
Ce que j'ai le plus apprécié :
"Les fichiers exemples fournis pour chacun des thèmes enseignés. Les échanges avec le formateur."
Ce que j'ai le moins apprécié :
"La formation sur la syntaxe de base javascript le premier jour. Le support "pdf" pour la relecture"
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"
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"
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"
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."
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."
GOURTAY Francis
5/5
Mon avis sur le contenu du stage :
"Le stage m'a permis de me mettre le pied à l'étrier pour ce qui concerne le JS."
Mon avis sur le formateur :
"Très bonne prestation du formateur."
Ce que j'ai le moins apprécié :
"Difficulté à avoir un groupe soudé en distanciel."
RC
4/5
Mon avis sur le contenu du stage :
"beaucoup de choses à appréhender. Il faut que je reprenne à tête reposée pour pouvoir bien assimiler grâce à vos exemples"
Mon avis sur le formateur :
"L'animateur est un puits de science prêt à partager moultes de ses compétences/réalisations. Merci."
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. "
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 "
BIGOT Yannick
5/5
Mon avis sur le contenu du stage :
"Peut-être quelques descriptifs à compléter mais globalement c’est plutôt clair"
Ce que j'ai le plus apprécié :
"Très sympathique et très à l’écoute"
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é"
TG
5/5
Mon avis sur le formateur :
"Michaël est un très bon formateur (méthodes pédagogiques, connaissances, l'envie de partager)"
Ce que j'ai le plus apprécié :
"La qualité de la plateforme"
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."
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"
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
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."
ZM
5/5
Ce que j'ai le plus apprécié :
"Les 20 secondes laissés après chaque explications le 1er jour pour digérer l'information"
BB
5/5
Mon avis sur le formateur :
"Un peu trop de niveau different durant la formation cat trop de monde durant la session"
AUBERT Quentin
5/5
Mon avis sur le formateur :
"les animateurs sont reatifs et savent s'adapter aux personnes présentes."
BRONNER Bryce
5/5
DV
4/5
BT
5/5
LJ
5/5
CP
4/5
CE
4/5
GERARD Maxime
5/5
BP
5/5
GLAUTIER Simon
5/5
DL
5/5
MACHEREL Jean-Daniel
5/5
DD
4/5
PC
5/5
LMG
4/5
AH
4/5
MF
5/5
FIVET Christophe
5/5
Ces formations peuvent aussi vous intéresser :
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
