Formation HTML5, CSS3 et JavaScript

Ref :

La formation aborde les nouveautés vastes et puissantes apportées conjointement par le HTML5, le CSS3, les nouvelles versions de JavaScript et AJAX.

Développement Durée :
5 jours
Lieu :
Paris - Lyon - Lille - Nantes

Tarif

Intra :
Inter :
2350 HT / personne
Inscrivez-vous

Demande d'informations

Les prochaines dates

Du : 04 décembre 2017 Au : 08 décembre 2017

Pré-requis

  • Connaissances générales du web.
  • Bases en HTML, CSS et JavaScript (préférable)

Public concerné

  • Développeurs web
  • Intégrateurs HTML

Objectifs

  • Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
  • Tirer parti des nouveautés, et ainsi alléger les besoins en JavaScript
  • Faire de la vidéo, du son et des animations, sans Flash
  • Faire du graphisme avancé et certaines images, sans Photoshop
  • Améliorer son référencement dans les moteurs de recherche
  • Optimiser la version mobile, et proposer des services géolocalisés
  • Faciliter la communication entre le serveur et le navigateur
  • Proposer des applications hors ligne

Programme détaillé

Présentation des technologies

  • HTML5, standards et (rétro-)compatibilité
  • Navigateurs et outils de travail

Sémantique, référencement et accessibilité en HTML5

  • DOCTYPE, encodage, règles de syntaxe
  • Les nouvelles balises sémantiques
  • Relations, micro-formats et micro-données

Sélection et positionnement en CSS3

  • Nouveaux sélecteurs CSS
  • Inline, block & float
  • Contenu en colonnes
  • Le futur du positionnement : (flex)box

JavaScript nouvelle génération

    • Mode strict et chargement asynchrone
    • DOM Level 3 : agir sur la page >> Gestion dynamique des événements
    • Debug et détection du support du HTML5 >> JSON et initiation au modèle objet
    • Initiation à jQuery

Formulaires nouvelle génération

    • Nouveaux types de champs
    • Validation par le navigateur
    • Ergonomie, mobile et accessibilité >> Suggestions automatiques
    • Graphisme dynamique simplifié

Graphisme avancé

    • Polices de caractères personnalisées
    • Couleurs et dégradés
    • Ombres et opacité
    • Bordures et arrières-plans avancés

AJAX nouvelle génération

    • XMLHttpRequest 2
    • Fichiers joints et progression >> Requêtes cross-domain

Historique et navigation

    • AJAX avec historique
    • Navigation par ancres
    • Communication entre onglets

Vidéo et audio

    • Formats, codecs et outils
    • Balises
    • API JavaScript
    • Plein écran et lecture partielle

Transformations, transitions et animations

    • Rotation, translation, etc.
    • Changement progressif d'un style
    • Animations
    • Timers et requestAnimationFrame

Géolocalisation

    • Obtenir et suivre la position de l'utilisateur

Sites mobiles : media-queries et tactile

    • S'adapter à la résolution d'écran et à l'orientation
    • Réagir aux événements tactiles

Glisser-déplacer

    • Attributs HTML et API JavaScript
    • Images : canvas et SVG
    • Images vectorielles
    • Création dynamique d'images en JavaScript

Stockage local et contenu hors ligne

    • Attributs data- personnalisés
    • localStorage et sessionStorage
    • manifest
    • indexedDB : base de données locale

Communication serveur nouvelle génération

    • SPDY : le HTTP accéléré
    • Server-sent events
    • Websockets : communication permanente
    • Initiation à node.js

Performances

    • Webworkers: scripts simultanés et partagés
    • Page Visibility API
    • Battery API
    • Navigation Timing API

Nos Actualités