Créer un site professionnel et responsive
Entraînez-vous comme dans la vraie vie
Regarder la promo S'inscrire au coursBonjour et bienvenue dans ce cours "Coder un site professionnel et responsive de A à Z".
La théorie, c'est bien, mais il faut aussi mettre la main à la patte et construire de vrais projets afin de parfaire son apprentissage du web.
Dans ce cours, nous allons coder ensemble un site pour un barbier(coiffeur).
Le but est de pratiquer les trois piliers du web, l'HTML, le CSS et le JavaScript.
Rien ne va être laissé au hasard, des performances à la compatibilité, en passant par la réactivité(responsive) et l'accessibilité.
Voici quelques sujets importants que nous allons aborder :
- Flexbox
- La sémantique
- Création d'un slider en CSS et en JavaScript
- Les bonnes pratiques en terme de SEO
- La création d'une navigation responsive
- La mise en place d'un "smooth scroll"
- Bien gérer un fichier CSS
- L'utilisation de variables CSS
- L'utilisation de media queries
- Etc ...
Ce cours est fait pour les développeurs ayant un niveau débutant à intermédiaire, de simple bases vous permettent de suivre ce cours qui vous apportera beaucoup.
Et pour finir, le code source sera à vous, vous pourrez le réutiliser comme bon vous semble dans votre carrière pro, que ce soit une section, une animation, ou la maquette entière !
Rendez-vous de l'autre côté pour commencer à coder.
Je reste disponible si vous avez des questions.
Votre instructeur
Développeur web, créateur et entrepreneur.
Cette École est née comme une réponse au manque de contenu Français concernant le Développement Web.
L'écosystème Front-End/Back-End/Full-Stack est devenu une vraie pieuvre tentaculaire et on se retrouve très rapidement submergé de tonnes de Frameworks, librairies et autres langages à devoir maîtriser si l'on veut rester compétitif et à jour.
Ce site a pour vocation de réunir des ressources et de t'apprendre tout ces concepts rapidement et efficacement, afin de te permettre de plonger au plus vite dans le monde professionnel et ce dans les meilleures conditions.
Curriculum du cours
-
VoirMise en place et explication de REM (12:47)
-
VoirCoder l'HTML du Header (8:07)
-
VoirCoder le CSS de la navigation (14:41)
-
VoirCoder le JavaScript de la navbar (8:05)
-
VoirCoder le style de la "Hero section" (20:27)
-
VoirCoder la partie responsive de la "Hero section" (11:48)
-
VoirCoder le contenu de la section "Nos valeurs" (11:02)
-
VoirGérer les classes utilitaires (8:10)
-
VoirCoder le style de la section "nos valeurs" (10:37)
-
VoirCoder le slider en JavaScript (10:08)
-
VoirCoder le contenu de la section "Préstations" (7:28)
-
VoirCoder le style de la section "Préstations" (12:40)
-
VoirCoder le contenu de la section "Team" (4:26)
-
VoirCoder le style de la section "Team" (8:40)
-
VoirCoder un slider en pur CSS (13:43)
-
VoirCoder le contenu de la section Contact (4:35)
-
VoirCoder le CSS de la section Contact (9:27)
-
VoirFooter et retouches (2:22)
-
VoirAjouter la fonctionnalité de Smooth Scroll (8:32)
-
VoirFaire un audit d'accessiblité (15:15)