Course objectives
Ce cours a été conçu pour approcher simplement les technologies HTML et CSS grâce à la librairie Bootstrap qui permet de concevoir des pages web très rapidement sans avoir besoin d’être un expert en HTML CSS ou de connaitre ces technologies par coeur. Bootstrap permet de créer des pages web en un clin d’oeil sans devoir réinventer la roue et peut servir de base pour les concepts ou servir de base solide pour démarrer un projet web.
Bootstrap vous permettra d’agencer des pages web adaptées à tout écran (responsive web design) contenant des menus, boutons, colonnes et pleins d’autres éléments sans devoir le faire à la main.
Who is this course for?
Pour tous ceux qui veulent savoir monter une page web sans forcément avoir des compétences techniques Web.
Pour les chefs de projets qui veulent réaliser une maquette opérationnelle rapidement, les designers non développeurs et tout autre profil débutant qui souhaiterait s’initier au web front-end en toute facilité.
Prerequisites
Avoir des bases en HTML CSS si ce n’est pas la cas vous pouvez suivre une version plus complète de cette formation qui vous enseigne en plus les bases du HTML5/CSS3 voir la formation création de page web avec Bootstrap
Programme
Les technologies Front End
- Fonctionnement client serveur Que sont HTML et CSS Bootstrap, Foundation et les autres frameworks web Pourquoi utiliser Bootstrap ? Limites du framework Bootstrap et JS Responsive Web Design et Bootstrap Les évolution de Bootstrap, de la v1 à la V4
Bases HTML & CSS
- HTML, un langage de balises CSS la mise en forme Quelques balises de bases et principe de fonctionnement
Mise en place de Bootstrap
- Télécharger Bootstrap La documentation Quelques exemples tout prêts
Bootstrap
- la base HTML La grille de mise en page (layout) Contenu (typographie, images…) Les composents Utilitaires et aide à la mise en page Responsive web design Éléments interactifs avec Javascript
Aller plus loin avec Bootstrap
- Personnaliser les styles de base Ajouter ses styles Le générateur Bootstrap Les thèmes Bootstap et places de marché
Travaux Pratiques
Cette formation sera ponctuée de TP pour une meilleure assimilation des connaissances. Vous verrez notamment:
- La création d’une page web d’un site de voyage responsive
- La création d’une application web plein écran
Topics: Javascript - HTML5