Créer Un Site de Portfolio Responsive et Moderne en HTML, CSS et JavaScript | Avec mode Sombre
👋 Bonjour et bienvenue dans cette nouvelle vidéo ! Aujourd'hui je vais vous montrer comment créer un site de Portfolio Responsive et Moderne en HTML, CSS et JavaScript avec comme bonus, la mise en place d'un Dark Mode ou Mode sombre !
✅ Reçois tous les jours du nouveau contenu sur :
👉 Instagram : https://urlz.fr/dFEK
🧑💻 Mon site : https://frenchcoder.fr
📃 Les liens :
⌨️ Le code du tuto : https://codepen.io/frenchcoder/pen/PoRNwMN
La police : https://fonts.google.com/specimen/Roboto
Les icônes : https://fonts.google.com/icons
Voici les chapitres de la vidéo :
0:00 Introduction & Présentation du projet
02:30 Mise en place du code HTML
03:56 HTML - Barre de navigation
07:47 HTML - Header
12:50 HTML - Partie à propos
15:14 HTML - Partie des projets / images
19:07 HTML - Pied de page
20:18 Mise en place du code CSS
26:43 CSS - Barre de navigation
35:10 CSS - Header
44:46 CSS - Partie à propos
47:41 CSS - Partie des projets / images
50:37 CSS - Pied de page
51:12 CSS - Adaptation au format mobile (Responsive)
01:00:19 JavaScript - Dark Mode / Mode Sombre
01:09:00 Fin
📖 50 idées de projets en JavaScript : https://urlz.fr/dFEL
🎦 S'abonner à la chaîne YouTube : https://urlz.fr/dFEM
📩 Contact : https://urlz.fr/dFEK
❤️ Un abonné qualifié : S'abonne ▶️ Partage la vidéo ▶️ Laisse un commentaire.
Видео Créer Un Site de Portfolio Responsive et Moderne en HTML, CSS et JavaScript | Avec mode Sombre канала FrenchCoder - Développement Web
✅ Reçois tous les jours du nouveau contenu sur :
👉 Instagram : https://urlz.fr/dFEK
🧑💻 Mon site : https://frenchcoder.fr
📃 Les liens :
⌨️ Le code du tuto : https://codepen.io/frenchcoder/pen/PoRNwMN
La police : https://fonts.google.com/specimen/Roboto
Les icônes : https://fonts.google.com/icons
Voici les chapitres de la vidéo :
0:00 Introduction & Présentation du projet
02:30 Mise en place du code HTML
03:56 HTML - Barre de navigation
07:47 HTML - Header
12:50 HTML - Partie à propos
15:14 HTML - Partie des projets / images
19:07 HTML - Pied de page
20:18 Mise en place du code CSS
26:43 CSS - Barre de navigation
35:10 CSS - Header
44:46 CSS - Partie à propos
47:41 CSS - Partie des projets / images
50:37 CSS - Pied de page
51:12 CSS - Adaptation au format mobile (Responsive)
01:00:19 JavaScript - Dark Mode / Mode Sombre
01:09:00 Fin
📖 50 idées de projets en JavaScript : https://urlz.fr/dFEL
🎦 S'abonner à la chaîne YouTube : https://urlz.fr/dFEM
📩 Contact : https://urlz.fr/dFEK
❤️ Un abonné qualifié : S'abonne ▶️ Partage la vidéo ▶️ Laisse un commentaire.
Видео Créer Un Site de Portfolio Responsive et Moderne en HTML, CSS et JavaScript | Avec mode Sombre канала FrenchCoder - Développement Web
Показать
Комментарии отсутствуют
Информация о видео
9 июля 2022 г. 12:00:10
01:10:22
Другие видео канала
👨💻 Recréer la page de connexion d'Instagram en HTML et CSS !Créer un Blog complet en utilisant Bootstrap🖥 Apprendre le JavaScript en créant un Espace d'Administration (gestion des utilisateurs)Créer le Clone de NETFLIX de A à Z et étape par étape en HTML & CSS 💡Les outils dont vous avez besoin pour coder !TUTO PHP - Créer une Barre de Recherche en PHP & MySQLTUTO PHP - Créer un Système de Messages Privés en PHP & MySQLTUTO PHP - Confirmation de Compte par mailComment Créer un Site Web Simple et Moderne à partir de Zéro en HTML & CSS !Comment Créer une Landing Page Moderne et Responsive en HTML & CSS de A à ZComment Créer un Site Responsive à partir de Zéro en HTML & CSS - DébutantsTUTO PHP - Créer Un Espace d'Administration complet de A à Z en PHP & MySQLTUTO PHP - Créer une Messagerie Instantanée (un chat) en PHP & MySQLComment créer un Portfolio Moderne en HTML & CSS de A à Z et le mettre en Ligne Facilement ?TUTO PHP - Créer un Forum complet de A à Z en PHP & MySQL ! (Formation complète)Créer le CLONE de Google en HTML & CSS 💡Comment créer un Site Complet Moderne et Facile en HTML & CSSTUTO PHP - Système de Connexion pour vos UtilisateursCréer un Blog complet et moderne en HTML & CSS !TUTO PHP - Système de Déconnexion d'utilisateur