Formation Maîtriser JavaScript


  • UTILISER LA PROGRAMMATION OBJET, DÉVELOPPER DES SITES WEB INTERACTIFS PROFESSIONNELS, PERFORMANTS ET SÉCURISÉS
REFERENCE
 
 
IJSO
DUREE
 
 
4 jours
TARIFS
 
 
2090 € HT
Niveau : Intermédiaire
Certification: MCSD: Web Applications
Cours à distance: Possible
Eligible CPF: oui
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, sont donc aujourd'hui devenus indispensables dans le développement d'un site web. Et bien que jQuery reste un outil très intéressant et plus facile d'accès, on ne peut plus passer outre du JavaScript natif, notamment pour les nouveautés apportées par le HTML5 comme l’utilisation de la géolocalisation ou le stockage de données hors ligne.
JavaScript est devenu l’élément central des applications web et apporte toute la couche réactive en temps réel.

Aujourd’hui la communauté JS est en pleine effervescence et de nombreux frameworks et technologies existent : React, Meteor, Node, Angular. Le cours abordera ces frameworks et leur fonctionnement interne, ainsi que les tendances émergentes.
Les axes majeurs de JavaScript vous permettront de :

  • Manipuler le contenu de la page
  • Animer son aspect graphique
  • Mettre en place l'aspect interactif grâce aux événements déclenchés par l'utilisateur
  • Continuer à dialoguer avec le serveur sans recharger la page (AJAX)
  • Utiliser des librairies comme jQuery et Angular au besoin
  • Aborder sereinement tout nouveau framework JS et anticiper les effets de mode

Par ailleurs, c'est un langage complexe avec beaucoup de subtilités à connaître, et il faut désormais pousser l'abstraction et l'organisation à un niveau supérieur, via la Programmation Orientée Objet (POO).

Concrètement, a l'issue de cette formation JavaScript vous serez capable de :

  • Bien comprendre les concepts asynchrones de JavaScript et la communication serveur
  • Utiliser de manière détaillé et avancé JavaScript
  • Faire de la Programmation Orientée Objet avec JavaScript
  • Respecter les bonnes pratiques et veiller aux performances
  • Réaliser toute la partie Front End d’une application Web
  • Choisir un framework JS en fonction des besoins d’un projet
  • 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 et des bases de la programmation (variables, tests, boucles, fonctions).

PUBLIC :
 

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

PROGRAMME :
 

Introduction aux techniques http, aux navigateurs et leurs DOM

Les principes de base des technologies clients serveurs
Présentation des différentes possibilités avec illustration par des exemples complexes et concrets
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 et les conseils d'utilisation
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
Les dialogues avec l'utilisateur
Les tableaux
La gestion des événements et les différences selon les navigateurs
Les objets prédéfinis
Les pièges classiques en JavaScript

Les objets du langage 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

JavaScript : Les objets de la page HTML

L'objet Windows : gestion des fenêtres et de leur communication
Les pop-ups
L'objet document : Le fonctionnement de l'objet document. Interactivité, contrôle et transformation des pages HTML
L'objet form : Contrôle des données saisies dans un formulaire, gestion des contenus des champs de saisie
Le Formulaire dynamique
Manipulation de la page (DOM)
Sélection d'éléments
Modification du contenu HTML
Modification du graphisme CSS
Gestion des événements

JQuery

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

AJAX : dialoguer avec le serveur

Pourquoi AJAX (Asynchronous Javascript And Xml) XMLHttpRequest
Méthodes et en-têtes HTTP
Récupération de contenus HTML, XML ou JSON

Nouvelles fonctions JavaScript apportées par 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
A l’avenir
Shadow DOM

Développer avec JS

Les données et les boucles

Types de données et subtilités
Les différentes formes d'incrémentation
Manipulation binaire
Arrays : manipulation avancée
Objets : les différentes syntaxes
JSON et (dé)sérialisation
Copie / référence
Règles de transtypage et comparaisons
Expressions Régulières
Des constantes ?
Problèmes d'énumération

Les fonctions

Contrôle des paramètres
Paramètres obligatoires / facultatifs / indéfinis
Gestion intelligente des paramètres
Fonctions anonymes, closures et callback

Outils, bonnes pratiques

Les systèmes de gestion de paquets : NPM…
Les polyfills
Ecriture de JS avec Coffescript
JSdoc et Closure Compiler
JSHint
Debugger
Profiler et Navigation Timing API
Gestion des erreurs : exceptions
Performances

Utiliser la Programmation Orientée Objet : concepts avancés

Les classes natives : String, Array, Object, etc.
Augmenter ou réécrire JavaScript
Visibilité : propriétés publiques / privées
Visibilité : méthodes publiques / privées / privilégiées
Les différentes formes d'héritage
Appels parents : call / apply
jQuery.extend()
Méthodes et propriétés statiques
Méthodes abstraites et interfaces
Nouveaux outils des navigateurs modernes

Les nouveautés du langage EcmaScript

De la stagnation du langage à son évolution
Qu’est-ce que Ecmascript 6
Les nouveautés apportées par ES6 (nouvelles syntaxes pour les fonctions, paramètres…)
Les nouveautés à prévoir pour ES7
La rétrocompatibilité du langage grâce à Babel

Design patterns

Principes SOLID
Implémentation / généralisation / spécification
Polymorphisme et principe de substitution
Association : composition / agrégation
Principaux design patterns
Structures de données avancées

Les Frameworks JS

Qu’est-ce qu’un framework ?
Les principaux frameworks et technologies : Angular, React, Meteor, Node
Angular, les bases
React, principe de fonctionnement

Le Métier de développeur JS

Etat des lieux du JS, effervescence
Evolution des performances JS dans le temps
Le morcellement du aux nombreuses technologies.

REMARQUES :
 

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

Ce cours entre également en compte dans le cursus de Certification Officielle Microsoft MCSD: SharePoint 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
Librairies JS et Jquery:
Réalisation d’une table avec tri temps réel via librairie Js
Réalisation d’un diaporama d’image animé
JS et Ajax:
Réalisation d’un Live sportif : mise à jour asynchrone d’une page avec Ajax
JS et HTML 5:
Géolocalisation et affichage sur une Google Map
Enregistrement des données en local storage
JS et mobile:
Utilisation des APIS mobiles comme le gyroscope
Frameworks JS:
Conception d’une page avec modification en direct de valeurs avec Angular JS
Création d’un système de messagerie instantanée avec Meteor JS

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 : 5/5
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

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

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