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
-
DébutCréation du dossier (6:52)
-
DébutNavbar HTML (7:28)
-
DébutNavbar partie CSS (10:40)
-
DébutNavbar images (5:39)
-
DébutOuverture du menu (11:47)
-
DébutMedias queries et animation de la navbar (6:53)
-
DébutPartie accueil HTML (6:18)
-
DébutPartie accueil CSS (11:03)
-
DébutMedias queries accueil (13:38)
-
DébutAnimation JS accueil (11:09)
-
DébutSection présentation HTML (5:26)
-
DébutSection présentation CSS (10:27)
-
DébutSection présentation Medias queries (6:23)
-
DébutSection Portfolio HTML (5:01)
-
DébutSection Portfolio CSS (10:43)
-
DébutSection portfolio Media queries (3:16)
-
DébutSection Range HTML (3:15)
-
DébutSection Range CSS (10:01)
-
DébutSection range media queries (4:59)
-
DébutSection experience HTML (4:23)
-
DébutSection expérience CSS (10:03)
-
DébutSection expérience media queries (4:16)
-
DébutSection Parallax (5:08)
-
DébutSection Contact HTML (2:58)
-
DébutSection Contact CSS (10:12)
-
DébutAnimation des inputs (9:29)
Animations JavaScript
Disponible en
journées
journées
après vous être inscrit