JavaScript : Développement Web pour les appareils modernes

Formation #2319 - 4 jours

Sessions planifiées

21 mars 2017 - 2220 €
Paris - AnyWare
20 juin 2017 - 2220 €
Paris - AnyWare
19 septembre 2017 - 2220 €
Paris - AnyWare
14 novembre 2017 - 2220 €
Paris - AnyWare

Intra-entreprise

Learning Tree au cœur de votre entreprise.

Demander un devis

À propos de cette formation :

Vous vous appuierez sur des techniques d'amélioration progressive, du code JavaScript non intrusif et des bonnes pratiques éprouvées pour enrichir un site Web et optimiser ainsi l'expérience utilisateur et l'accessibilité du site sur différents types d'appareils. Cette formation s'adresse aux personnes ayant une expérience pratique d'utilisation de HTML et des CSS.

Vous apprendrez à :

  • Écrire et déboguer du code JavaScript côté client pour créer des pages avec toute une gamme d'appareils récents
  • Mettre en œuvre des effets HTML dynamiques pour améliorer l'aspect et l'interactivité de votre site et l'optimisation pour les moteurs de recherche
  • Appliquer les bonnes pratiques de développement JavaScript
  • Créer des formulaires dynamiques, interactifs avec une validation optimisée

Travaux Pratiques :

  • Créer une bibliothèque JavaScript réutilisable que vous pourrez emporter après le cours
  • Créer une table des matières dynamique et l'insérer dans des pages
  • Exploiter des bibliothèques tierces pour mettre en œuvre des fonctionnalités Ajax
  • Déterminer la position géographique des utilisateurs avec les API de cartographie et de géolocalisation HTML5

À qui s'adresse cette formation ?

Cette formation interessera les personnes impliquées dans la procédure de continuation ou de maintien d'un site pour leur organisation dont les webmasters, les gestionnaires de site internet, les administrateurs systèmes et les developpeurs internet. Une expérience de developpement de pages Web avec HTML et CSS est recquise. Vous acquirerez les connaissances sur HTML nécessaires pour suivre cette formation en suivant la formation 470. Une bonne compréhension des concepts de programmation peut être utile.

Contenu de cette formation :

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 JavaScript

Principaux é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éutilisation

Dé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é client

Guider 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 Ajax

Mettre à 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 API

Utiliser 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 JavaScript

Optimiser 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

Inscrivez-vous dès maintenant - sans risque

Appelez le 01 49 68 53 00 ou inscrivez-vous en ligne en sélectionnant une date ci-dessus.

  • Pas de paiement à l'avance
  • Payez jusqu'à 30 jours après la formation
  • Votre satisfaction est garantie - ou vous ne payez pas la formation

Vous pouvez organiser cette formation dans votre entreprise

Organisez une formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.
Que votre entreprise nécessite une seule formation ou un cursus complet, Learning Tree dispose de l'infrastructure, des technologies, des formateurs experts et de la maitrise pour gérer tous les aspects de votre formation - où et quand vous le souhaitez.

Suivez votre formation avec AnyWare d'où vous voulez

Suivez nos formations chez vous, du bureau ou dans le centre AnyWare de Learning Tree le plus proche et bénéficiez du même enseignement pratique de qualité délivré par nos formateurs.
AnyWare c'est notre plateforme de formation présidentielle à distance par Internet.

Financez votre formation

Le financement de votre formation ne doit pas être un obstacle. Nos conseillers vous aiderons dans vos démarches avec les OPCA par exemple.
Profitez également de la réduction Return to Learn qui récompense les participants ayant déjà suivi une formation Learning Tree.

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.