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 :
2 250€ HT / pers
Inscrivez-vous

Demande d'informations

Les prochaines dates

Du : 10 décembre 2018 Au : 14 décembre 2018

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.

Nos Actualités