Programmation en HTML5 avec JavaScript et CSS 3

Développement   

Objectifs

Développeurs, chefs de projets Web souhaitant développer des sites Web ou applications avec HTML 5 et CSS3.

À l'issue de la formation, le stagiaire sera capable de :

  •     Développer des sites Web en HTML
  •     Créer des sites en dissociant le contenu de la mise en forme
  •     Utiliser les techniques permettant de développer des sites fonctionnant avec tous les navigateurs
  •     Proposer les applications autorisant des interactions dynamiques avec les utilisateurs
  •     Savoir profiter des dernières nouveautés HTML5 pour enrichir le contenu d’un site d’élément vidéo ou audio
  •     Créer des présentations accrocheuses et professionnelles avec CSS3
  •     Créer des pages réactives conformes aux normes avec les API JavaScript nouvelle génération

Public concerné

Développeurs Web, Chefs de projet Web.

Pré-requis

Connaissances de base de HTML et CSS.

Nouveau
5 jours
Prochaine session
  • du 16 au 20 oct. 2017

Vue d'ensemble de HTML et de CSS

  • Vue d'ensemble de HTML
  • Vue d'ensemble de CSS
  • Création d'une application Web avec Visual Studio

Création et mise en forme de pages HTML5

  • Création de pages HTML 5
  • Mise en forme de pages HTML 5

Introduction à Javascript

  • Vue d'ensemble de la syntaxe JavaScript
  • Programmation du DOM HTML avec JavaScript
  • Introduction à jQuery

Création de formulaires

  • Vue d'ensemble des formulaires et des types d'entrées
  • Validation des entrées utilisateur en utilisant les attributs HTML 5
  • Validation des entrées utilisateur avec JavaScript

Communication avec une source de données distante

  • Envoi et réception de données en utilisant XMLHTTPRequest
  • Envoi et réception de donnée en utilisant des opérations AJAX jQuery

Mise en forme de HTML5 avec CSS3

  • Mise en forme du texte
  • Mise en forme de blocs d'éléments
  • Sélecteurs CSS3
  • Amélioration des effets graphiques avec CSS3

Création d'objets et de méthodes en utilisant Javascript

  • Ecriture de JavaScript "Bien-formé"
  • Création d'objets personnalisés
  • Utilisation de l'héritage

Création de pages interactives en utilisant des Apis HTML5

  • Interagir avec des fichiers
  • Incorporation d'éléments multimédia
  • Détection du contexte et de l'emplacement du navigateur
  • Débogage et profiling d'une application Web

Ajout de supports offline aux applications Web

  • Lecture et écriture de données locales
  • Ajout de support offline en utilisant le cache d'application

Implémentation d'une interface utilisateur adaptive

  • Support de plusieurs types de formulaires
  • Création d'interface utilisateur adaptive

Création de graphismes avancés

  • Création de graphisme interactif avec SVG
  • Tracé de dessins par programmation avec Canvas

Animation d'interfaces utilisateur

  • Utilisation des transitions CSS
  • Eléments de transformation
  • Animations CSS basées sur des "key-frames"

Implémentation de communications temps-réels en utilisant Web sockets

  • Introduction à Web Sockets
  • Envoi et réception de données avec Web Sockets

Création de Workers Process Web

  • Introduction aux Web Workers
  • Traitements asynchrones en utilisant des Web Workers