Dans ce cours en ligne nous allons créer un site de A à Z dans les règles de l'art, le tout en HTML / CSS et JavaScript pour les animations.
Le site en question sera un portfolio 100% responsive, qui utilisera pas mal de concepts clés en CSS.
À travers ce projet de Portfolio, vous apprendrez à :
- Positionner des éléments avec Flexbox,
- Utiliser les medias queries,
- Utiliser CSS Grid pour faire une grille,
- Animer vos éléments avec TypeWriter, Greensock et ScrollMagic,
- Créer un site de A à Z, tout simplement.
Le code source est disponible avec la formation.
On se donne rendez-vous de l'autre côté !
Curriculum du cours
Introduction
Disponible en
journées
journées
après vous être inscrit
Création du site (HTML / CSS)
Disponible en
journées
journées
après vous être inscrit
-
VoirCréation du dossier (6:52)
-
VoirNavbar HTML (7:28)
-
VoirNavbar partie CSS (10:40)
-
VoirNavbar images (5:39)
-
VoirOuverture du menu (11:47)
-
VoirMedias queries et animation de la navbar (6:53)
-
VoirPartie accueil HTML (6:18)
-
VoirPartie accueil CSS (11:03)
-
VoirMedias queries accueil (13:38)
-
VoirAnimation JS accueil (11:09)
-
VoirSection présentation HTML (5:26)
-
VoirSection présentation CSS (10:27)
-
VoirSection présentation Medias queries (6:23)
-
VoirSection Portfolio HTML (5:01)
-
VoirSection Portfolio CSS (10:43)
-
VoirSection portfolio Media queries (3:16)
-
VoirSection Range HTML (3:15)
-
VoirSection Range CSS (10:01)
-
VoirSection range media queries (4:59)
-
VoirSection experience HTML (4:23)
-
VoirSection expérience CSS (10:03)
-
VoirSection expérience media queries (4:16)
-
VoirSection Parallax (5:08)
-
VoirSection Contact HTML (2:58)
-
VoirSection Contact CSS (10:12)
-
VoirAnimation des inputs (9:29)
Animations JavaScript
Disponible en
journées
journées
après vous être inscrit