HDTutorial
FR
Introduction à la conception web réactive - Tutoriel HTML & CSS

La lecture charge le lecteur YouTube intégré (mode confidentialité renforcée).

Introduction à la conception web réactive - Tutoriel HTML & CSS

1 307 711 vues 5 novembre 2019 4:11:04

Voir sur YouTube
ChaînefreeCodeCamp.org

Chapitres

Description de l’auteur

Pourtant, ce tutoriel de 4 heures est entièrement autonome. Il commence par expliquer les concepts de base pour adopter une approche réactive, puis vous guide étape par étape dans la création d’un site web professionnel et entièrement adaptatif.

⭐️ Contenu du cours ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:02:59) 1. Commencer à penser en réactif
⌨️ (00:06:01) 2. Les unités CSS
⌨️ (00:09:16) 3. Les unités CSS - Pourcentage
⌨️ (00:15:14) 4. Contrôler la largeur des images
⌨️ (00:20:05) 5. min-width et max-width
⌨️ (00:22:54) 6. Les unités CSS - L’unité em
⌨️ (00:28:25) 7. Le problème avec les ems
⌨️ (00:30:58) 8. La solution : les rems
⌨️ (00:35:46) 9. Choisir quelle unité utiliser
⌨️ (00:39:18) 10. Exemple avec les ems et rems
⌨️ (00:47:10) 11. Révision Flexbox et mise en place du HTML
⌨️ (00:55:02) 12. Styles de base et création des colonnes
⌨️ (01:02:09) 13. Ajouter la couleur de fond
⌨️ (01:06:21) 14. Définir la largeur des colonnes
⌨️ (01:10:00) 15. Espacer les colonnes
⌨️ (01:14:27) 16. Contrôler la position verticale des éléments Flexbox
⌨️ (01:19:42) 17. Les bases des Media Queries
⌨️ (01:29:50) 18. Rendre le layout réactif avec flex-direction
⌨️ (01:36:45) 19. Explication de flex-direction
⌨️ (01:39:54) 20. Créer une navigation
⌨️ (01:44:40) 21. Utiliser Flexbox pour styliser notre navigation
⌨️ (01:52:19) 22. Donner un bel aspect à la navigation
⌨️ (01:59:38) 23. Ajouter le soulignement
⌨️ (02:03:40) 24. Une navigation plus complexe
⌨️ (02:10:25) 25. Rendre la navigation réactive
⌨️ (02:17:20) 26. Jetons un œil au reste du…

À propos de ce tutoriel

freeCodeCamp.org a publié ce tutoriel vidéo de 4:11:04 le 5 novembre 2019. Il a été vu 1 307 711 fois sur YouTube.

Catégorie
Éducation
Durée
4:11:04
Publié le
5 novembre 2019
Vues
1 307 711
J’aime
32 029

Partager

Ce tutoriel dans d’autres langues