Aperçu du cours
Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de développer des applications Web dynamiques à partir du langage JavaScript, associant l’utilisation de sa composante AJAX et du framework jQuery.
Prérequis
- Posséder des connaissances en langages HTML et CSS et en programmation structurée
Objectifs pédagogiques
- Maîtriser l'utilisation des balises et feuilles de style HTML5/CSS3
- Utiliser JavaScript pour gérer l'interactivité d'un site web
- Savoir construire son site en Responsive Design
- Gérer les évènements et les manipulations dynamiques
Public ciblé
- Développeurs Web
- Architectes web
- Chefs de projet
- Webmasters
Programme de formation
-
Rappels sur les technologies du Web & présentation de JavaScript (JS)
-
Navigateurs & JS
-
Historique des versions de JS
-
Les composants Web & les protocoles
-
JS, accessibilité & référencement
-
JS & site Web 2.0
-
Utilisation dynamique de JS & conformité XHTML
-
Les outils de développement
-
Positionnement et illustration des technologies DHTML
-
-
Le langage JS
-
Déclaration et portée des variable
-
Types de données
-
Conversion de type
-
Détection de type
-
Gestion des tableaux
-
Opérateurs logiques et arithmétiques
-
Boucles
-
Création de fonctions et paramétrage variable
-
Gestion d’erreur & exceptions
-
Travaux pratiques : Mise en place des fonctionnalité JS
-
-
Événements & données
-
Organisation des événements
-
Événements, navigateurs & version de DOM
-
Événements par programme et paramétrage de balises HTML
-
Codage multinavigateur
-
Écouteurs
-
Les traitements événementiels JS
-
Manipulation des URL
-
Gestion des cookies
-
Travaux pratiques : programmation d’événements
-
-
Les formulaires HTML
-
Contenu des formulaires
-
Fonctions de validation de formulaire
-
Événements liés aux éléments de formulaire
-
Travaux pratiques : écriture de fonctions personnalisées
-
-
Interaction avec les feuilles de style en cascade
-
Feuilles de style en cascade
-
Outils de manipulation des feuilles
-
Utilisation des propriétés de style pour faire une page dynamique
-
Travaux pratiques : Création de pages simples et utilisation de feuilles de style
-
Instructeur
