Formation JAVASCRIPT Web Dynamique
Domaine : Développement et méthodes
DURÉE
3 jour(s)
OBJECTIFS
Comprendre et maîtriser les bases du langage JavaScript.
Pré-requis
Connaître le langage HTML et le principe de fonctionnement d'Internet et du Web. La connaissance d'un (autre) langage de programmation sera utile.
Participants
Développeurs web, architectes web, chefs de projets, webmasters, etc.
coût
Formation en cours collectif
Tarif par personne : 1750 € HT
Nous contacter pour une formation sur mesure ou en intra
LIEUx de formation
Notre centre de formation à Sophia AntipolisOu sur votre site en formation intra
PROGRAMME DE FORMATION
JAVASCRIPT Web Dynamique
Présentation
Historique et évolution du langage
Evolution de l’utilisation du langage
Organisation du code
Outils de développement
Principes de base HTML et CSS
Les règles, sélecteurs, propriétés de styles, etc.
Interaction avec Javascript
Evolution de l’utilisation du langage
Organisation du code
Outils de développement
Principes de base HTML et CSS
Les règles, sélecteurs, propriétés de styles, etc.
Interaction avec Javascript
Syntaxe JavaScript
Les variables, les types (Number, String, Boolean, ...)
Tableaux, boucles et tests
Les opérateurs arithmétiques et logiques (Travaux pratiques : réalisation d'exemples simples)
Gestion des erreurs et des exceptions (Exemples de mise en oeuvre des instructions 'try', 'catch', 'throw', 'finally')
Utilisation de la console
Méthodes et outils de debugging
Présentation des fonctions globales et des classes natives
Définition des fonctions
Gestion des arguments
Tableaux, boucles et tests
Les opérateurs arithmétiques et logiques (Travaux pratiques : réalisation d'exemples simples)
Gestion des erreurs et des exceptions (Exemples de mise en oeuvre des instructions 'try', 'catch', 'throw', 'finally')
Utilisation de la console
Méthodes et outils de debugging
Présentation des fonctions globales et des classes natives
Définition des fonctions
Gestion des arguments
Utilisation du DOM
Présentation du Document Object Model (DOM)
Fonctions de sélection, fonctions de création d’objet DOM
Modifier les éléments du DOM (Travaux pratiques : exemple de validation d'un formulaire)
Fonctions de sélection, fonctions de création d’objet DOM
Modifier les éléments du DOM (Travaux pratiques : exemple de validation d'un formulaire)
Gestion des évènements
Principe et définitions
Présentation des évènements courants
Flux évènementiel du DOM
Lier un évènement à un objet du DOM
Interagir avec les éléments du DOM (Travaux pratiques : exemple d'un gestionnaire d'évènement générique)
L'objet 'event'
Les types d'évènements à gérer
Les bonnes pratiques
Présentation des évènements courants
Flux évènementiel du DOM
Lier un évènement à un objet du DOM
Interagir avec les éléments du DOM (Travaux pratiques : exemple d'un gestionnaire d'évènement générique)
L'objet 'event'
Les types d'évènements à gérer
Les bonnes pratiques
AJAX : Asynchronous JavaScript And XML
Présentation et exemple d’utilisation
Déroulement d’une requête AJAX
Protocole utilisé, limites
Détails de l’objet XMLHttpRequest (Travaux pratiques : Initialisation d’une requête AJAX et utilisation)
Contourner les limitations
Détails de l’objet XMLHttpRequest (Travaux pratiques : Initialisation d’une requête AJAX et utilisation)
Contourner les limitations
Programmation Orientée Objet (POO)
Définitions de la POO
Utilisation de la POO en Javascript
Plusieurs façons de créer un objet en Javascript
Améliorer la création d’un objet avec « prototype »
Emuler un singleton en javascript (Travaux pratiques : exemple de création d'objets 'inline')
Utilisation de la POO en Javascript
Plusieurs façons de créer un objet en Javascript
Améliorer la création d’un objet avec « prototype »
Emuler un singleton en javascript (Travaux pratiques : exemple de création d'objets 'inline')
Quelques fonctions avancées en JavaScript
Utilisation du mot clé « this »
Les closures, définition, cas d'utilisation
Méthodes apply et call
Les closures, définition, cas d'utilisation
Méthodes apply et call
Présentation des nouvelles fonctionnalités liées à HTML 5
Nouvelles balises (vidéo, son, …)
L’API File, les websockets, les workers, le webstorage
L’API File, les websockets, les workers, le webstorage
Sécurité de JavaScript
Protection des données privées de l'utilisateur
JavaScript et ActiveX authentifiés par une authorité de confiance
Explications des attaques de type "spoofing" et DoS
JavaScript et ActiveX authentifiés par une authorité de confiance
Explications des attaques de type "spoofing" et DoS
Création de formulaires intelligents
Validation des formulaires côté client
Manipulation des champs des formulaires
Vérification à la volée des champs des formulaires
Validation des entrées des utilisateurs sans CGI
Accès aux boîtes de sélection d'options
Contrôle de la soumission des formulaires
Vérification à la volée des champs des formulaires
Validation des entrées des utilisateurs sans CGI
Accès aux boîtes de sélection d'options
Contrôle de la soumission des formulaires
Ajout de l'interactivité aux formulaires
Affectation de fonctions JavaScript aux éléments des formulaires
Utilisation de formulaires pour créer des dialogues interactives
Interception des événements des formulaires
Utilisation de formulaires pour créer des dialogues interactives
Interception des événements des formulaires
dates des formations a grenoble
dates des formations a SOPHIA ANTIPOLIS
formations associées
- ANGULAR Développer une application web avec Angular
- JAVASCRIPT HTML5 CSS3 et JavaScript
- JAVASCRIPT NodeJS
- JAVASCRIPT Niveau 2
- JAVASCRIPT Développement JavaScript "Moderne"
- JAVASCRIPT La 3D et JavaScript
- JAVASCRIPT Les frameworks de jeux
- jQuery Les fondamentaux
- ANGULAR Angular 7
- Bootstrap
- JAVASCRIPT React
- PHP7
- SYMFONY 3 Niveau 1
- LARAVEL 5 Niveau 1
- WEB Etat de l'art des technologies des systèmes d'information
- WEBSERVICES Niveau 1
- XML Langage XML