Développement client avec JavaScript et Ajax
Référence : JASI
Durée : 3 jours (21 heures)
Certains l'avaient bien vite enterré face aux problèmes de maintenance et d'évolution qu'il a pu présenter, il est néanmoins resté un incontournable du développement Web côté client. Avec l'arrivée de HTML5 voici JavaScript plus que jamais sur le devant de la scène et au coeur du Web 2.0
Ce cours enseigne, par la pratique, le langage JavaScript et ses principales utilisations dont le contrôle du navigateur via le DOM HTML et la programmation asynchrone avec Ajax. Vous découvrirez enfin le monde des bibliothèques JavaScript avec Prototype.
Travaux pratiques :
Le fil rouge déroulé lors des travaux pratiques est un jeu de dés multi-joueur qui permet d'illustrer tout d'abord les bases algorithmiques JavaScript, puis les interactions avec le DOM et la gestion des événements. Il permet aussi de pratiquer les Timers JavaScript et les appels Ajax pour améliorer vos IHM. Vous modifierez ensuite votre code pour comprendre comment structurer correctement du code JavaScript. Enfin vous utiliserez la bibliothèque Prototype pour reprendre une fois de plus votre code, le simplifier et le rendre multi-navigateur.
Vous allez apprendre à :
- Comprendre l'intérêt du langage JavaScript
- Programmer avec JavaScript
- Écrire du JavaScript Cross Browser
- Utiliser Ajax
- Découvrir les librairies JavaScript
- Gagner du temps avec Prototype
- Maîtriser le DOM HTML
- Utiliser JSON et l'objet en JavaScript
Méthode pédagogique :
60% de travaux pratiques
Audience :
Développeurs Web, chefs de projets techniques
Pré-requis :
- Connaître les bases du Web ou avoir suivi le cours HWEB
- Connaître un langage de programmation
Programme :
- Petite histoire de JavaScript
- LiveScript, JavaScript, Jscript...
- JavaScript et difficultés de maintenance
- JavaScript au coeur d'Ajax
- Les bibliothèques JavaScript
- Langage JavaScript
- Caractéristiques syntaxiques
- Mode d'exécution
- Types et objets JavaScript
- Pointeurs de fonction
- Programmation objet et JavaScript
- This et la notion de contexte
- JavaScript Object Notation (JSON)
- Le DOM HTML
- Document Object Model
- Manipulation et validation des formulaires
- Principaux objets : Window, History, document
- Gestion des événements
- Manipuler HTML et CSS depuis JavaScript
- Ajax en action
- Appels asynchrones et objet XMLHttpRequest
- Requêtes concurrentes
- Gestion des types de retour
- Sécurité et Cross Domain
- Bibliothèques JavaScript
- jQuery, Dojo et les autres
- Utilité des bibliothèques
- Style de programmation et prototypage
- Prototype
- Gestion simplifiée des événements
- Dates, collections, formulaires...
- Asynchronisme et Prototype