Formation – Développement logiciel d’applications communicantes
DE11 – HTML5: développement de sites web
Objectifs :
Cette formation vous permet :
- d’apprendre à développer un site web “responsive”, qui s’adapte à toutes les tailles d’écrans
- d’éviter les pièges des CSS quand on débute
- de savoir choisir et utiliser le framework JavaScript qui convient à son projet
- de maîtriser les contraintes de bases du Web appliquées aux terminaux mobiles
Introduction
- Introduction
- Les nouvelles fonctionnalités
- Nouveautés pour les formulaires
- Les balises audio et vidéo
- SVG et Canvas
CSS3
- Rappels sur les CSS
- CSS display, float, absolute, relative et flexbox
- Les prefixes CSS
- LESS et SASS
- Ressources
- TP : mise en forme de mon site Web
Responsive Web Design
- Introduction
- Les media queries
- Des images responsives
- TP : rendre mon site responsive
Bootstrap CSS
- Présentation
- Avantages et inconvénients de Bootstrap
- Personnaliser son thème Bootstrap
- TP : faire un site responsive avec Bootstrap
Polices d’icônes
- Pourquoi utiliser des polices d’icônes ?
- Font Awesome
- Faire sa propre police avec Fontastic
- TP : utiliser Font Awesome dans son site Web
Choisir son framework JavaScript
- JavaScript
- Le framework historique : jQuery
- Les nouveaux framework : AngularJS, ReactJS, Ember, Handlebars
- Choisir le framework adapté à son projet
- Bonnes pratiques
- TP : mise en oeuvre de fonctions JavaScript
Le Web mobile
- Historique et contraintes
- Les pièges à éviter
- Les ressources
- Le Web mobile de demain