Développement web pour débutant #3 Cours complet CSS - Conception projet et deploiement sur Netlify

2844
54
3

Description de la vidéo

Bienvenue dans le troisième épisod de notre série "Développement Web pour Débutants" ! Dans cette vidéo, nous allons plonger dans le vaste monde du CSS (Cascading Style Sheets) pour créer un site web époustouflant, du début à la fin. Que vous soyez novice en programmation ou que vous cherchiez à approfondir vos compétences en conception web, cette vidéo est faite pour vous. 🔗 Projet Final: Découvrez le résultat de nos efforts en explorant le projet final que nous avons créé : [https://mositeweb.netlify.app/](https://mositeweb.netlify.app/) 📂 Code Source GitHub: Accédez au code source complet du projet sur notre dépôt GitHub : [https://github.com/DrcMind-Youtube/cours-css](https://github.com/DrcMind-Youtube/cours-css) 📦 Ressources du Projet: Téléchargez tous les actifs et fichiers nécessaires pour suivre le projet : [Lien vers les ressources](https://drive.google.com/drive/folders/1bcE-H9o-wUZdJnwHlLmLjtKj7snZNUuY?usp=drive_link) Plan : 00:00:00 Introduction 00:01:47 Mise en forme balise HTML 00:03:30 Les sélecteurs 00:07:48 Les déclarations en CSS 00:08:51 Box model 00:10:14 Les marges en css 00:15:15 Stucture HTML projet 00:20:21 Ajout d'une icone en html 00:30:11 Mis en forme header (barre de navigation) 00:46:39 Mise en forme partie Hero 01:05:18 Mise en forme partie service 01:14:50 Mise en forme Album avec grid 01:20:27 Mise en forme contact 01:34:36 Mise en forme Footer 01:36:47 Mise en forme Reseaux sociaux 01:41:38 Les medias queries 01:51: 52 Hebergement sur netlify Au cours de cette vidéo captivante, nous allons explorer les bases du CSS et plonger dans des notions plus avancées telles que `display: flex` et `grid`. Nous apprendrons comment rendre nos sites web réactifs en utilisant les principes du responsive web design, ce qui garantira une expérience optimale pour les utilisateurs sur toutes les tailles d'écran. Mais ce n'est pas tout ! Nous irons au-delà de la conception en abordant également le processus de déploiement. Vous apprendrez comment mettre votre site web en ligne en utilisant Netlify, une plateforme de déploiement simple et efficace. Que vous souhaitiez créer votre propre portfolio en ligne, un blog personnel ou même une page d'entreprise attrayante, ce cours complet sur le CSS vous fournira toutes les compétences dont vous avez besoin pour réaliser vos projets web. N'oubliez pas de vous abonner, de liker la vidéo et de partager avec vos amis qui pourraient également bénéficier de ces connaissances. Merci de faire partie de notre communauté d'apprentissage, et à très bientôt dans cette passionnante aventure de développement web ! 💻🎨🌐 Réjoignez la communauté: https://t.me/+bn_KQqOUyv9hOWI0 Tweeter: https://twitter.com/drcmin2 Facebook: https://facebook.com/DrcMin2 WhatsApp: https://chat.whatsapp.com/BdRKTITTrWS1VBb8t2s15a