Coder un site professionnel et responsive de A à Z
ERROR
00:00
00:00

TUTO Coder un site professionnel et responsive de A à Z

Enzo Ustariz
20,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bonjour 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 en ligne, 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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Création de la partie "mobile"

Plan détaillé du cours

Chapitre 1 : Introduction
17m30s
 
Leçon 1Introduction
Leçon 2Code source et conseils
Leçon 3Explication de figma
Chapitre 2 : Création de la partie "mobile"
3h23m
 
Leçon 1Mise en place et explication de REM
Leçon 2Coder l'HTML du Header
Leçon 3Coder le CSS de la navigation
Leçon 4Coder le JavaScript de la navbar
Leçon 5Coder le style de la "Hero section"
Leçon 6Coder la partie responsive de la "Hero section"
Leçon 7Coder le contenu de la section "Nos valeurs"
Leçon 8Gérer les classes utilitaires
Leçon 9Coder le style de la section "nos valeurs"
Leçon 10Coder le slider en JavaScript
Leçon 11Coder le contenu de la section "Préstations"
Leçon 12Coder le style de la section "Préstations"
Leçon 13Coder le contenu de la section "Team"
Leçon 14Coder le style de la section "Team"
Leçon 15Coder un slider en pur CSS
Leçon 16Coder le contenu de la section Contact
Leçon 17Coder le CSS de la section Contact
Leçon 18Footer et retouches
Leçon 19Ajouter la fonctionnalité de Smooth Scroll
Leçon 20Faire un audit d'accessiblité

Aperçus

Avis des apprenants

Détail des avis
98
Apprenants
10
Commentaires
4,6/5
Note moyenne
5/5
8
4/5
1
3/5
0
2/5
1
1/5
0
Eric Reynaud
Eric Reynaud
Publié le 02/06/2023
Merci Enzo pour cette formation qui est vraiment géniale ! J'ai beaucoup appris ! A bientôt pour de nouveaux tutos de grande qualité ! Eric.
Jean-Pascal Imbert
Jean-Pascal Imbert
Publié le 24/02/2023
Formation très bien conçue, j'ai appris et confirmé pas mal de notions importantes. Merci...pour moi c'est 5 ⭐️!
Bruno Roullier
Bruno Roullier
Publié le 11/01/2021
Très bon tuto ! Tu es rapide à la frappe sur le clavier, il suffit de faire pose c'est tout. Je pense pas être un débutant en html/css. Mais j'ai retenu des choses sympas. Le (nth-child, class^="col-"), avant je n'utilisait pas et ça rallongeait le code et je l'ai trouvé très sympas. Je vais bien l'utiliser. Je conseille cette formation.
Enzo Ustariz
Merci beaucoup pour ce retour et à bientôt.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

HTML , CSS , JavaScript

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données