Formation JavaScript, les fondamentaux Réf : MO00059

Par Nicolas Chambrier

Du mouvement et de l'action dans vos pages web ! Découvrez l'essentiel du langage JavaScript et de HTML/CSS afin de développer vos pages web dynamiques.

Durée :
3 jours
Lieux :
Paris

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

JavaScript est un langage de programmation de scripts utilisé dans les pages web interactives et est la réponse standard historique à la montée en puissance de l'ergonomie en ligne, pour du dynamisme léger comme pour les interfaces RIA les plus riches. Cette formation pratique vous apportera les bases nécessaires pour interfacer le langage avec les éléments graphiques des pages Web,  réaliser des menus déroulants et des animations, modifier dynamiquement les styles de présentation ou encore réagir aux actions de l'utilisateur. La gestion des requêtes au serveur (AJAX) et  la  manipulation des données XML sera également introduite.

Objectifs pédagogiques

A l'issue de cette formation d'initiation à JavaScript, les participants seront en mesure de :
  • Utiliser les notions propres au langage Javascript, et maîtriser les bonnes pratiques de développement,
  • Gérer des formulaires HTML,
  • Interagir avec les feuilles de style en cascade,
  • Gérer les événements et données,
  • Manipuler le DOM pour manipuler la page (et comprendre la relation entre les deux),
  • Découvrir l'intérêt du framework JS Ajax et Jquery.


Public

Développeurs Web, intégrateurs.

Pré-requis

Connaissance de base de HTML et notions de JavaScript.

Type

Stage pratique

Méthode pédagogique

Alternance de cours magistral (50%) et d'exercices pratiques. Chaque chapitre sera validé par un exercice pratique afin de garantir la bonne acquisition par les stagiaires des notions abordées.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION JAVASCRIPT
Introduction au Web dynamique
Concepts et technologies du web dynamique
Historique de JavaScript
Positionnement et contexte JavaScript
Tour d’horizon des principaux navigateurs
Accessibilité : Enjeux et moyens

HTML, XHTML, XML
Syntaxe
Les principales balises, grammaire et éléments dépréciés
Différences syntaxiques entre HTML et XHTML
Sémantique

Outils de développement
Partage des ressources et gestion des versions
Gestion de projet et des incidents

Le langage JavaScript
Les Bases
Les identifiants, les variables
Référence et copie
Les types de données, structures de contrôle, structures conditionnelles
Les boucles de traitement, opérateurs de comparaison, raccourcis logiques
Les objets natifs de JavaScript : « window », « document »,  « Math »

La gestion des cookies en JavaScript
Mise à jour
Lire une information dans un cookie

La gestion des événements en JavaScript
Les principaux évènements disponibles en HTML
Contexte des évènements
Les méthodes et propriétés de l’objet « Event »

Intégration JavaScript avec HTML
La balise script
Les risques

La gestion des erreurs en JavaScript
Les exceptions
Avantages
Exemples d'utilisation fréquente

PROGRAMME DE LA 2NDE JOURNEE DE FORMATION JAVASCRIPT
Gestion des formulaires HTML
Généralités
Les éléments de formulaire
Interaction avec JavaScript

Quelques exemples d’utilisation
Utilisation d'un événement simple
Connaître l'option sélectionnée d'un bouton radio
Validation d’un formulaire

Les feuilles de styles en cascade (CSS)
‏Enjeux, contexte, avantages
La séparation forme/contenu
La mise en page en tableau
Les cadres ou « frames »

Structurer avec HTML
Le rôle d’HTML et les éléments de structure HTML
Apport de HTML5 à la sémantique des documents
Exemples de structures complexes

Mettre en forme avec CSS
Les différentes façons d’inclure CSS dans un document HTML
La syntaxe CSS
La cascade, les sélecteurs, les principales pseudo-classes
Le modèle de boite CSS
Manipulation avec Javascript
Exercices pratiques

Parseurs XML/HTML et DOM
Concepts et objectif de XML
Les différents éléments
Règles de syntaxe

Les schémas XML
Objectifs
DTD, XML Schema
Rôles des parseurs XML

Documents Object Models : DOM
Les interfaces les plus communes
Les méthodes des interfaces « Document », « Node »,   NodeList »,  « Attr », « Element »
Le DOM HTML
Exercice pratique : Manipulation des données en Javascript

PROGRAMME DE LA 3EME JOURNEE DE FORMATION JAVASCRIPT
AJAX
Description
Les risques liés à l’utilisation d’AJAX

S’outiller pour utiliser AJAX
Librairie “pures”, librairies « de composants »
Les frameworks

L'objet XmlHttpRequest
Les méthodes et propriétés
La propriété readyState
Instancier un objet XHR
Exercice pratique

Optimisation JavaScript
POO en Javascript
Construire une classe avec des closures
Solution de contournement
Gestion de la performance
JSON

Pour aller au delà
Formation JavaScript niveau avancé

.

Prochaines sessions

picto Du lundi 26/06 au mercredi 28/06 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 26/06 au mardi 28/06
picto Du lundi 24/07 au mercredi 26/07 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 24/07 au mardi 26/07
picto Du lundi 28/08 au mercredi 30/08 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 28/08 au mardi 30/08
picto Du lundi 09/10 au mercredi 11/10 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 09/10 au mardi 11/10
picto Du lundi 13/11 au mercredi 15/11 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 13/11 au mardi 15/11
picto Du lundi 11/12 au mercredi 13/12 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 11/12 au mardi 13/12
Proposer une session.

Témoignages

Très satisfait par le contenu de la formation JavaScript : clair, un bon rythme et une bonne écoute et disponibilité du formateur.
Stéphane Rochard

Bonne pédagogie du formateur et bon équilibre en théorie et TP
Jonathan Cohen

Satisfait par cette formation JavaScript mais j'ai encore besoin de beaucoup de pratique pour être à niveau (je suis webdesigner)
Christophe Couchy

J'ai apprécié l'accessibilité du formateur, qui sait s'adapter au niveau de chacun. C'est une bonne formation répondant à mes attentes.
Mathieu Roche

Bonne pédagogie, très satisfait, formation bien agréable !
Pierre A.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations