Formation AJAX, JavaScript, web 2

Ref :

La formation est destinée aux développeurs et intégrateurs qui veulent développer des interfaces riches et dynamiques.

Développement Durée :
5 jours
Lieu :
Paris - Lyon - Lille - Nantes

Tarif

Intra :
Inter :
1800 HT / personne
Inscrivez-vous

Demande d'informations

Pré-requis

  • Bonnes notions du HTML et du CSS.

Public concerné

  • Développeurs web 
  • Webmasters 
  • Intégrateurs HTML

Objectifs

  • Comprendre le fonctionnement du web 2.0 ;
  • Développer des interfaces riches en utilisant JavaScript ;
  • Rendre un site dynamique : le DOM, les événements et AJAX ;
  • Maîtriser JavaScript pour savoir utiliser facilement les librairies comme jQuery.

Programme détaillé

Module Présentation des technologies du web

  • HTML, XHTML, HTML5 et CSS ;
  • Langage serveur et base de données ;
  • JavaScript et AJAX ;
  • XML et JSON ;
  • Protocole HTTP et navigateurs ;
  • Les standards.

Outils de travail

  • Présentation et installation d'un IDE ;
  • Les différents navigateurs ;
  • Rappels XML.

Rappels HTML

 

Règles XHTML et DOCTYPE

  • Content-Type et encodage ;
  • Les balises importantes.

Rappels CSS

  • ID, classes et sélecteurs ;
  • Propriétés de styles courantes ;
  • Positionnement, tailles et marges ;
  • Propriétés d'affichage pour effets visuels.

Les bases de JavaScript

  • Fonctionnement et sécurité ;
  • Insérer du JavaScript ;
  • Variables, types, opérateurs ;
  • Conditions et boucles ;
  • Les fonctions ;
  • Actions différées et répétées ;
  • Savoir déboguer et gérer les variantes.

Les objets de base de JavaScript

  • Syntaxe objet et JSON ;
  • Objets window, document, navigator, screen, location et history.

Agir sur la page : le DOM

  • Noeuds, sélection et modification ;
  • Modification des styles CSS.

Gestion dynamique des événements

  • Evénements généraux et attente du chargement de la page ;
  • Evénements sur les formulaires ;
  • Evénements souris et clavier ;
  • Réagir, ne plus réagir, déclencher ;
  • Contexte et comportement par défaut.

AJAX

  • Principe et sécurité ;
  • L'objet XMLHttpRequest ;
  • Méthodes HTTP, en-tête et données ;
  • Gestion du retour ;
  • Le résultat (texte, XML ou JSON).

Programmation orientée objet avancée

  • Principe et avantages ;
  • Syntaxe, JSON et contexte ;
  • Classes : constructeur et prototype ;
  • Compléter ou modifier JavaScript ;
  • Héritage ;
  • Méthodes statiques et abstraites, interfaces et parent.

Introduction à un framework : jQuery

  • Avantages et utilisation ;
  • Sélection facilitée et plus avancée des éléments et de leurs contenus ;
  • Modification des styles CSS ;
  • Gestion améliorée des événements ;
  • AJAX simplifié ;
  • Effets visuels rapides.

Modalités pédagogiques

Méthode essentiellement active basée sur la mise en œuvre de travaux pratiques sur PC.

Les apports théoriques et méthodologiques viennent éclairer la pratique et favorisent la prise de recul.

Les apprenants sont encadrés par un formateur qui soumet un exercice, le corrigé se fait ensuite en groupe. Plusieurs exercices pratiques permettront aux participants de maîtriser opérationnellement l’outil.

Un diaporama est projeté aux participants durant la formation. Il présentera la trame et les contenus de la formation (plan, supports visuels et exercices), et des liens vers les chapitres des documentations officielles utiles à la réalisation des exercices.

Nos Actualités