Intégration web HTML5 CSS3 et Bootstrap

Programme de la formation
INTRODUCTION À HTML5 ET CSS3
• Contexte : fonctionnement d'un site internet
• Les normes du W3C
• Roadmap HTML5
• Quand choisir le HTML5

BALISES HTML5
• Disparition des notions «en ligne» et «bloc»
• Doctype, NameSpace, Encoding
• Les nouveaux éléments : section, article, aside, nav, ... pour en têtes, pied de pages, etc.
• Les indispensables balises telles que menu, command, details, summary
• La compatibilité entre les navigateurs

LES FORMULAIRES HTML5
• Créer et utiliser des formulaires HTML5
• E-mail, url, date ...
• Les validations de formulaire en HTML5

L'AUDIO ET LA VIDÉO EN HTML5
• Les conteneurs
• Contrôler la vidéo, l'audio
• Gérer plusieurs sources vidéos et audios
• Sous titres et vidéo HTML5

DESSINER AVEC HTML5
• Dessiner en JavaScript
• Contexte
• Accessibilité

LA GÉO LOCALISATION AVEC HTML5
• Vue d'ensemble
• La vie privée de l'utilisateur
• Géolocaliser ses utilisateurs sur Google Maps

CSS3
• Ce que ça change
• Coins arrondis
• Ombres portées
• Transparence
• Autres propriétés
• Intégrer ses propres polices
• Mise en page multicolonnes
• Media Queries CSS3 pour créer des sites Web plus réactifs
• Responsive design Feuille de style CSS multi écran pour ordinateur, mobile et tablette

LA MISE EN PAGE ET LE POSITIONNEMENT
• Niveau de présentation
• Mise en page par patron ou multicolonne
• Positionnement par la grille

CSS3 : LES ANIMATIONS
• Transformations (2D et 3D)
• Transitions
• L'animation

VUE D'ENSEMBLE DE BOOTSTRAP
• Pourquoi Bootstrap ?
• Bootstrap et le responsive design
• Bootstrap et le frameworks JavaScript : jQuery

INCLURE BOOTSTRAP DANS UN PROJET
• Architecture Bootstrap
• Des composants basés sur des classes CSS
• Les templates de base
• Le système de grille pour positionnement
• Les layouts
• Le responsive design

LES CLASSES CSS DE BASE AVEC BOOTSTRAP
• Typographie
• Les tableaux
• Les formulaires
• Les icones