Présentation
Après le XHTML, le JavaScript est le langage de programmation le plus répandu sur la toile. Confondu souvent avec son grand frère Java, JavaScript est le langage de l’interactivité par excellence. Il a donné naissance à l’actionscript et à l’ecmascript et est aussi au coeur de multiples framework : jquery, node.js, angular.js
Dans ce cours, nous présentons la programmation DOM quii s’applique sur le XHTML et le XML. La programmation  javascript utilisé avec le HTML5 sera largement abordé. Un apercu des framework  et de leur pertinence :  Angular.JS; Node.JS; View.js  sera présenté.
Travaux pratiques : 80% du temps du cours est consacré à des exercices
et à la rédaction de programmes Javascript
Durée : 6 jours : La base et le perfectionnement
Jour 1
PRÉSENTATION DE JAVASCRIPT
Pourquoi ce langage est populaire ? Ces forces et ses faiblesses,
ses concurrents, son positionnement fonctionnel
Les héritiers : ecmascript, les framework Javascript

La nouvelle allance HTLML5-CSS3-Javacsript

PRISE EN MAIN JAVASCRIPT
Installation d’un environnement de travail
Vos  premiers programmes javascript
Compatibilité selon l’offre des navigateurs :
Chrome, Edge, Safari
Jour 2
LES BASES DE LA PROGRAMMATION
Déclaration et portée des variables
les fonctions,
les structures conditionnelles  et les matrices
La programmation POO ou prototype
Utilisation du format JSON et XML
COMMENT DEBUGUER  VOTRE CODE JAVASCRIPT
Utilisation des inspecteurs dans votre navigateur Chrome
Kit de développement et leur console
Window.alert() Vs console.log()
Utilser les points d’arrêts
Concept la pile d’exécution
Jour 3
MAITRISE DE LA PROGRAMMATION DOM
La programmation objet, une nouvelle approche de la réalité
Les programmes deviennent des scénarios qui miment le réel
Le XML dans XHTML
RENDRE VOS PAGES INTERACTIVES
Les pages écoutent les actions des visiteurs :
Survol de souris, double-clic sur un mot.
Les concept d’événements et fallback
Jour 4
DEBUGAGE JAVASCRIPT DOM
Visite de l’inspecteur web de vos documents DOM/XML
Inspecter le CSS et XHTML
Utiliser les points d’arrêts
AJAX ET JAVASCRIPT
Présentation de Ajax
Les technologies pivots
Les échanges serveur avec XHR
Analyse d’exemples
Forces et faiblesses
PRISE EN MAIN DE JQUERY
Les principes de Jquery
Integration de jquery dans une page XHTML
Initier un événement apres le téléchargement totale de la page (ready)
Ajout d’une class CSS avec addClass
Enchainement des méthodes
Fonction et callback
Jour 5 et 6
L’APERCU DES API JAVASCRIPT ET HTML5
Les api javascript sont le futur de javascript
Survol et présentation : webstorage, et cookies
intégration des videos et sons
Glisser/deposer pour les fichiers
GEOLOCALISATION AVEC  JAVASCRIPT
Comment geolocaliser
Lien avec google Map
La géolocalisation et la CNIL
API DESSIN ET CANVAS AVEC JAVASCRIPT
Le grand tour des API
Le concept de Canvas
Ajout de canvas à une page
Dessin dynamique 2D