JavaScript : Développement Web pour les appareils modernes

Présentation et vue d'ensemble

• Mettre en œuvre le principe d'amélioration progressive
• Bonnes pratiques JavaScript modernes

Écriture et débogage de code JavaScriptPrincipaux éléments de la syntaxe JavaScript

• Coder les variables, les instructions et les blocs de contrôle
• Charger des fonctions conditionnelles

Mise en œuvre

• Contrôler les objets du navigateur côté client
• Ajouter le comportement avec des scripts non intrusifs

Structurer le code pour favoriser sa réutilisationDéfinir des fonctions

• Déclaration / Expression
• Anonyme
• Rappel
• Immediately Invoked Function Expressions (IIFE)
• Passer des paramètres facultatifs

Déclarer des objets

• Structurer le code avec la notation littérale d'objet (OLN)
• Enrichir les fonctionnalités avec un prototype
• Sérialiser les objets avec JSON (JavaScript Object Notation)

Créer une bibliothèque modulaire et facile à maintenir

• Isoler le code de vos composants et modules à l'aide d'espaces de nommage

Ajouter du code HTML dynamique pour l'interactivitéManipuler le DOM (Document Object Model)

• Créer, lire, mettre à jour et supprimer une balise de page Web
• Cibler des éléments par ID, nom de balise et nom de classe
• Modifier les CSS de présentation des pages pour ajouter des effets HTML dynamiques

Gérer les événements

• Ajouter et supprimer des gestionnaires d'événements avec des scripts non intrusifs, examiner les propriétés des objets des événements, inhiber les actions par défaut des navigateurs, minimiser le rôle des gestionnaires avec la délégation des événements

Interagir avec le navigateur et l'utilisateur

• Répondre aux actions de l'utilisateur
• Recueillir des informations
• Gérer les erreurs

Création de formulaires avec validation côté clientGuider les utilisateurs pour la saisie de données valides

• Valider sans JavaScript
• Mettre en œuvre les menus de sélection dynamiques
• Éviter que les formulaires soient envoyés avec une validation optimisée, personnaliser les messages d'erreur de validation

Validation des données côté client

• Associer des modèles de données à des expressions régulières
• Validation du formulaire / Validation des champs
• Appeler la logique métier côté serveur

Bibliothèques tierces et AjaxMettre à jour les pages de façon asynchrone avec Ajax

• Améliorer l'efficacité de l'échange de données
• Créer une méthode Ajax réutilisable et l'ajouter à une bibliothèque personnalisée
• Traiter la réponse du serveur
• Exécuter des fonctionnalités Ajax avec une bibliothèque

Bibliothèques tierces

• Exploiter la puissance des bibliothèques clientes
• Réduire le cycle de livraison grâce à la réutilisation du code
• Améliorer les performances avec un réseau de diffusion du contenu (CDN)
• Éviter les conflits entre les bibliothèques

Programmation avec HTML5 et d'autres APIUtiliser des API pour enrichir les fonctionnalités

• Cartographie
• Application
• HTML5
• API pour les appareils mobiles
• Exécuter les traitements sur le client pour alléger la charge du serveur

Enrichir l'expérience utilisateur

• Déterminer la position géographique de l'utilisateur avec la géolocalisation et l'API Google Map, assurer la persistance des données sur le client avec les API de stockage

Chargement conditionnel de JavaScriptOptimiser la personnalisation des performances en matière de chargement

• Mettre en œuvre le test des fonctionnalités pour le chargement conditionnel du JavaScript obligatoire
• S'adapter aux capacités des navigateurs grâce aux Javascript Polyfills, Fallbacks et Conditional Comments