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 :
2 450€ HT / pers
Inscrivez-vous

Demande d'informations

Les prochaines dates

Du : 03 décembre 2018 Au : 07 décembre 2018

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