Utilisation des outils de développement
Objectifs
Les objectifs de cette vidéo sont:
- Comprendre comment télécharger et utiliser Bootstrap correctement.
- Tester le Responsive Design avec les plugins adaptés pour différents navigateurs.
- Utiliser l'Inspecteur d'éléments pour analyser et éditer le code HTML et CSS.
- Choisir un IDE pour coder efficacement.
Résumé
Découvrez les outils essentiels pour utiliser Bootstrap et tester le Responsive Design.
Description
Pour suivre cette formation, nous utiliserons plusieurs outils:
1. Visitez getbootstrap.com pour télécharger les sources de la version 3.3.1 de Bootstrap. Faites attention à ne pas confondre avec des versions plus anciennes.
2. Installez le plugin Viewport Resizer pour Chrome afin de tester le Responsive Design directement dans votre navigateur sans avoir à recharger la page constamment.
3. Pour les utilisateurs de Firefox, le mode Vue Adaptative est intégré et accessible via Outils > Développement Web > Vue Adaptative ou par le raccourci Command-Alt-M.
4. Utilisez l'outil Inspecteur d'éléments pour examiner le code HTML et les styles CSS appliqués à chaque élément de la page, que ce soit sur Chrome ou Firefox.
5. Le développement se fera dans un IDE comme phpStorm. Les alternatives incluent Sublime, TextMate, ou tout simplement le Bloc-notes.