Créer un site de A à Z : Le Portfolio
ERROR
00:00
00:00

TUTO Créer un site de A à Z : Le Portfolio

Enzo Ustariz
Promo -51% Jusqu'au 31 mars, 23:00
22,00€45,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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é !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Création du site (HTML / CSS)
Chapitre 3
Animations JavaScript

Plan détaillé du cours

Chapitre 1 : Introduction
03m02s
 
Leçon 1Introduction
Leçon 2Code source
Chapitre 2 : Création du site (HTML / CSS)
3h17m
 
Leçon 1Création du dossier
Leçon 2Navbar HTML
Leçon 3Navbar partie CSS
Leçon 4Navbar images
Leçon 5Ouverture du menu
Leçon 6Medias queries et animation de la navbar
Leçon 7Partie accueil HTML
Leçon 8Partie accueil CSS
Leçon 9Medias queries accueil
Leçon 10Animation JS accueil
Leçon 11Section présentation HTML
Leçon 12Section présentation CSS
Leçon 13Section présentation Medias queries
Leçon 14Section Portfolio HTML
Leçon 15Section Portfolio CSS
Leçon 16Section portfolio Media queries
Leçon 17Section Range html
Leçon 18Section Range CSS
Leçon 19Section range media queries
Leçon 20Section experience HTML
Leçon 21Section expérience CSS
Leçon 22Section expérience media querie
Leçon 23Section Parallax
Leçon 24Section contact HTML
Leçon 25Section Contact CSS
Leçon 26Animation des inputs
Chapitre 3 : Animations JavaScript
31m20s
 
Leçon 1Animation de la page d'acceuil
Leçon 2Animation Scrollmagic
Leçon 3Animation du Portfolio
Leçon 4Animation de la partie Range et fin

Avis des apprenants

Détail des avis
24
Apprenants
6
Commentaires
4,9/5
Note moyenne
5/5
5
4/5
1
3/5
0
2/5
0
1/5
0
Membre-9910-3707
Membre-9910-3707
Publié le 02/02/2023
C'est super Parlée moins vite!!! C'est une bonne idée Merci cordialement
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 08/04/2022
Bien mais, un peu trop rapide pour bien suivre les liens entre les différentes feuilles HTML/CSS/JAVASCRIPT .
Anthony Mini
Anthony Mini
Publié le 21/04/2021
Très bon cours, toute fois je début dans le developpement web et le rythme de parole est très soutenu. Bien que chaque partie est bien détaillé, j'aurai aimé plus de détail sur certain éléments. Je part de ce pas faire la reste de vos cours !

Vos questions sur le cours

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

CSS , JavaScript , HTML

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données