Intégrez un site onepage pour les débutants
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Intégrez un site onepage pour les débutants

Steven Sil
15,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tutoriel en vidéo, vous allez apprendre à intégrer un site onepage responsive de A à Z en ayant seulement les bases des langages HTML et CSS et en option, de JavaScript (voir l'introduction vidéo).

Cette formation en ligne a un objectif simple : vous faire réussir à intégrer un site onepage moderne tout en étant débutant dans le développement Web !

Côté CSS, il sera quand même préférable d'avoir des connaissances basiques des points suivants :

Un QCM vous sera proposé en fin de formation pour vous assurer que vous n'êtes passé à côté de rien ! 

Si jamais vous avez déjà un peu d'expérience et que vous souhaitez intégrer ce site avec des outils modernes, j'ai fait une formation totalement indépendante de celle-ci, qui vous permettra d'obtenir exactement le même résultat mais en utilisant le framework Tailwind CSS : Intégrez un site onepage avec un framework CSS.

Comme d'habitude, les fichiers du projet terminé ainsi que les différents liens utilisés durant la formation vous seront fournis en fichiers sources.
En cas de besoin, vous pourrez me retrouver dans le salon d'entraide pour que je puisse vous épauler durant votre intégration !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
On met en place notre site
Chapitre 2
Le header
Chapitre 3
Le corps de la page
Chapitre 4
Le footer
Chapitre 5
La partie JavaScript

Plan détaillé du cours

Chapitre 1 : On met en place notre site
07m40s
 
Leçon 1Introduction
Leçon 2Projet de base
Chapitre 2 : Le header
52m03s
 
Leçon 1Importer Raleway depuis Google Fonts
Leçon 2Création du conteneur et du logo
Leçon 3La fenêtre de navigateur
Leçon 4Le lien
Leçon 5Font Awesome pour nos icônes
Chapitre 3 : Le corps de la page
18m19s
 
Leçon 1Le premier média
Leçon 2Les 3 autres médias
Leçon 3On s'adapte aux plus grands écrans
Chapitre 4 : Le footer
09m
 
Leçon 1Le footer
Leçon 2Conclusion
Chapitre 5 : La partie JavaScript
20m03s
 
Leçon 1On prépare notre projet
Leçon 2Typed.js pour animer notre texte
Leçon 3ScrollReveal pour animer nos éléments

Aperçus

Avis des apprenants

Détail des avis
8
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Jef Brunet
Jef Brunet
Publié le 04/07/2019
Merci pour ce tuto il est plaisant a découvrir , je le garde sous le coude pour les effets que je viens de découvrir type.js et scroll reveal que je vais essayer d'approfondir quand j'aurais une meilleure maîtrise du javascript . Sinon comme d'habitude excellent tuto que je recommande aux étudiants .
Steven Sil
Steven Sil
Merci :)
Sandrine Laskawiec
Sandrine Laskawiec
Publié le 01/07/2019
Excellent tuto, merci beaucoup. Il est clair et très efficace. Je suis ravie ;-)
Steven Sil
Steven Sil
Merci à vous ! :)

Vos questions sur le cours

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

HTML 5, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données