Front-End Développeur (3 jours)

Front-End Développeur

Objectifs

Le triplet HTML5/CSS3/JS est le standard du web tant attendu : interopérabilité accentuée, formulaires enrichis, esthétisme et animations des pages, médias évolués ou encore stockage de données en local. Tout est enfin disponible pour réaliser des applications clientes riches pour tous les types de périphériques depuis les ordinateurs jusqu'aux smartphones. Un panel complet des possibilités sera présenté par le biais de modules, chaque module ayant une partie théorique pour assimiler les concepts et des TPs associés pour les mettre en pratique. A l'issue de cette formation le stagiaire aura une vue exhaustive des enjeux et des nouvelles capacités de HTML5/CSS3/JS, et sera autonome pour initier des applications Web desktop et mobiles.

Contenu de la formation

HTML5 depuis HTML en passant par XHTML
  • Évolutions du langage
  • Syntaxe et DOCTYPE
  • Prise en charge par les navigateurs
  • Sensibilisation au cas du mobile
  • HTML5 pour faire quoi ?
HTML5 nouveaux éléments et attributs
  • Recomposition d'une structure de page HTML
  • Recomposition d'une hiérarchie de page HTML
  • Les nouveaux attributs data-*
  • Les éléments obsolètes ou réaménagés
  • Les autres nouveautés
Les formulaires "Web form"
  • Nouveaux types d'input
  • Nouveaux attributs
  • Nouveaux éléments de formulaire
  • Un peu de CSS
  • Upload multiple de fichiers, exemple du "drag & drop"
HTML5 avec CSS3
  • De CSS2 à CSS3
  • Les implémentations selon les navigateurs
  • Gestion media avec les media queries
  • Propriétés de texte
  • Les décorations
  • Les modes de positionnement
CSS3 les sélecteurs
  • Parcourir le DOM
  • Sélecteurs d'attributs
  • Sélecteurs de pseudo classes
  • Combinateur d'adjacence indirecte
CSS3 les transformations, transitions et animations
  • Pourquoi privilègier les effets CSS3 plutôt que les effets en JS
  • Les transformations graphiques
  • Les transitions
  • Les animations
CSS3 avec les préprocesseurs
  • À la découverte des préprocesseurs CSS
  • Les principaux préprocesseurs CSS
  • Liste des fonctionnalités
HTML5 Web API
  • Présentation Web API
  • Géolocalisation
  • Web Storage
Librairie Modernizr
  • Présentation Modernizr
  • Modernizr pour CSS
  • Modernizr pour JavaScript
  • Le compagnon yepnope
JavaScript, les bases
  • Introduction
  • Les règles élémentaires
  • Les instructions et les opérateurs
JavaScript, les concepts avancés
  • Les types simples et les objets
  • Les fonctions
  • La notion de "scope"
  • Les tableaux
  • Quelques pièges à éviter
  • JSON
  • Quelques notions à connaître pour la suite
Librairie jQuery
  • Introduction
  • Les sélecteurs
  • Les événements
  • Communications clients/serveur
  • Les bonnes pratique

Support de formation