Formation Maîtriser JavaScript


  • HTML DYNAMIQUE, FORMULAIRES, JQUERY, DOM, JSON, XML, AJAX, ECMASCRIPT 6
REFERENCE
 
 
IJSO
DUREE
 
 
4 jours
TARIFS
 
 
2090 € HT
Niveau : Intermédiaire
Certification: MCSA Web Applications
Cours à distance: Possible
Eligible CPF: oui
Elearning: non
OBJECTIFS :
 

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)
PRÉ-REQUIS :
 

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

PUBLIC :
 

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

PROGRAMME :
 

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

REMARQUES :
 

Cette formation prépare à l'examen 70-480 - Programming in HTML5 with JavaScript and CSS3.
Avec la formation ASPN (ou M20486) elles forment le cursus de Certification Officielle Microsoft MCSA Web Applications.

TRAVAUX PRATIQUES :
 

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
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. Avis des participants à la formation Maîtriser JavaScript : Note moyenne : 4,8/5
5/5
Avis certifié A suivi un cours chez PLB
Rudy

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."

5/5
Avis certifié A suivi un cours chez PLB
Elodie

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"

5/5
Avis certifié A suivi un cours chez PLB
AUBERT Quentin - ALLIANCE SOFTWARE

Mon avis sur le formateur :

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

Lire tous les avis

4/5
Avis certifié A suivi un cours chez PLB
Marc

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"

5/5
Avis certifié A suivi un cours chez PLB
MS

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."

5/5
Avis certifié A suivi un cours chez PLB
BB

Mon avis sur le formateur :

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

5/5
Avis certifié A suivi un cours chez PLB
Evelyne

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é."

5/5
Avis certifié A suivi un cours chez PLB
FRITZ Vincent - AUBAY

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é"

4/5
Avis certifié A suivi un cours chez PLB
Gabriele

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."

5/5
Avis certifié A suivi un cours chez PLB
FC
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
S'INSCRIRE À CETTE
FORMATION JAVASCRIPT
Cliquez sur une date pour vous inscrire
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

3 j

 

Web - Digital

Animate CC
Savoir capitaliser sur des outils ayant fait leur preuve depuis plus de 15 ans dans l’animation Flash pour produire de l’animation HTML5, c’est le pari, et au final le gros point...

4 j

 
Cette formation Jquery vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec le Framework jQuery....

3 j

 

Web - Digital

JQuery Mobile
Jquery mobile est un framework optimisé et riche pour le développement d'application ou de sites WEB pour équipement mobile (tablette, téléphone) mais aussi...

3 j

 
Prototype est une librairie JavaScript qui regroupe un ensemble de méthodes pour simplifier l'utilisation d'AJAX et du JavaScript en général pour créer des...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

Votre formation Java prise en charge à 100% ! *

Depuis le mois de mars  2011, le Fafiec a sélectionné PLB Consultant pour vous proposer les meilleures formations autour du développement objet avec Java.

Sessions inter-entreprise sur  Paris, Lyon et Lille. 

Sessions intra-entreprise sur  toute la France.

*100% des coûts pédagogiques, offre valable dans la limite des fonds mutualisés dédiés aux actions collectives, en application des critères de prise en charge en vigueur (voir conditions détaillées sur le site du FAFIEC)

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

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

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB