Votre partenaire formation 100% digital

JavaScript, les fondamentaux

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

  • Formateur(s)

    Nicolas CHAMBRIER
  • Référence

    JS02

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Prochaines sessions - JavaScript, les fondamentaux
Date de début Ville Prix unitaire HT
26 novembre 2018 Paris 1650 € Réserver
28 janvier 2019 Paris 1650 € Réserver
18 mars 2019 Paris 1650 € Réserver
20 mai 2019 Paris 1650 € Réserver
8 juillet 2019 Paris 1650 € Réserver
7 octobre 2019 Paris 1650 € Réserver
2 décembre 2019 Paris 1650 € Réserver

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

Développeurs Web, intégrateurs débutant en JS

Public cible

Développeurs Web, intégrateurs débutant en JS

Pré-requis

Connaissance de base de HTML et notions de JavaScript

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % théorie / 50 % pratique

Programme de la formation

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

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

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