Développer en HTML5 et CSS3

But de la formation

Utiliser les fondamentaux du HTML5 et CSS3 dans le développement de page et application web.

Description

HTML 5 arrive avec tout un arsenal de nouvelles fonctionnalités pour le développement de sites et d’applications Web. Les nouveaux APIs d'HTML5 offrent beaucoup de possibilités et d'avancées technologiques. Syntaxe, nouveaux éléments sémantiques, formulaires enrichis, accessibilité et nouveaux APis seront quelques-uns des sujets détaillés de cette formation.
La spécification CSS3, quant à elle, offre plusieurs nouvelles possibilités de conception de sites et d'applications Web basées sur le principe du Responsive Web Design. Nouveaux effets visuels, animations, transformations, sélecteurs avancés, Media Queries sont quelques-unes des nouvelles fonctionnalités qui seront vues dans la formation. Enfin, les participants verront les différents avantages de l'utilisation de cette technologie et les stratégies d'intégration pour les différents navigateurs. (Anciennement HTM681 au Centre de formation et de transfert du CRIM)

Objectifs

- Utiliser les fonctionnalités du langage de balisage HTML5 et des nouveaux APIs à partir de différentes stratégies d’intégration.
- Reconnaître et utiliser les fonctionnalités du CSS3 afin d’élargir les possibilités créatives de la conception de sites web et d’applications web.

Méthodologie

Exposé interactif (50%), exercices (50%)

Clientèle visée

Gestionnaire de projets, professionnel et technicien spécialisés en TI

Particularité

Les participants doivent avoir des connaissances de base sur HTML, CSS et JavaScript.

    Spécificités et nouveautés du HTML5 et du CSS3

    Nouveaux éléments et attributs de formulaires

    • Éléments de formulaire
    • Nouveaux éléments et suppression d’attributs

    Nouvelles propriétés et nouveaux sélecteurs CSS3

    • Contexte et avantages
    • Modules CSS3 (Bordures, Backgrounds, Box-Sizing, ombrage, transparences, etc.)

    Le Responsive Web Design dans la conception d’un site web

    • Media Queries
    • Transitions et animations CSS

    Les nouveaux APIs et leurs utilités

    • Inventaires des APIs disponibles
    • Compatibilité des APIs
    • Balises multimédias
    • Fonctionnement hors ligne et stockage client
    • Glisser-déposer et APIs Fichiers
    • Extensions distribuées et web sémantique
    • API Historique

    Utilisation des APIs

    • Utiliser Javascript avec les APIs : microdonnées, Web Storage, WebSocket et XMLHttpRequest2, géolocalisation

    APIs pour mobiles et tablettes

    • Touch API ou API/Framework équivalent
    • Accéléromètre

    Possibilités d’HTML 5 destinées aux jeux vidéo et applications graphiques web

    • Canvas
    • SVG
    • Vidéo et Web Audio