Créer un Site professionnel et responsive
Utiliser HTML, CSS et JavaScript pour construire un site Professionnel
Regarder la promoBonjour 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
-
DébutVue d'ensemble du site (7:25)
-
DébutMise en place du CSS (12:42)
-
DébutExplication de l'utilisation de l'unité REM (11:41)
-
DébutCoder l'HTML du Header, de la navbar et de la hero section (8:54)
-
DébutCoder l'HTML de la section About (7:04)
-
DébutMise en place des classes utilitaires (7:17)
-
DébutCSS de la navbar et de la hero section (12:24)
-
DébutCSS de la section about (8:25)
-
DébutCoder le JavaScript du slideshow (12:11)
-
DébutCoder l'HTML de la section de services (4:49)
-
DébutCSS de la section de services (7:47)
-
DébutHTML de la section team (4:44)
-
DébutCSS de la section team (10:48)
-
DébutHTML & CSS de la section "testimonials" (8:11)
-
DébutCoder l'HTML de la section de contact et le footer (8:53)
-
DébutCSS de la section de contact (6:53)