45,00

Tuto Créer un site de A à Z : Le Portfolio avec CSS, JavaScript, HTML

45,00

  • Une formation vidéo de 3h52m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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

Table des matières de cette formation CSS, JavaScript, HTML (durée : 3h52m)

  • Introduction
    • Introduction gratuit 00:01:20
    • Code source gratuit 00:01:42
  • Création du site (HTML / CSS)
    • Création du dossier 00:06:52
    • Navbar HTML 00:07:28
    • Navbar partie CSS 00:10:40
    • Navbar images 00:05:40
    • Ouverture du menu 00:11:48
    • Medias queries et animation de la navbar 00:06:53
    • Partie accueil HTML 00:06:18
    • Partie accueil CSS 00:11:03
    • Medias queries accueil 00:13:39
    • Animation JS accueil 00:11:09
    • Section présentation HTML 00:05:27
    • Section présentation CSS 00:10:27
    • Section présentation Medias queries 00:06:24
    • Section Portfolio HTML 00:05:02
    • Section Portfolio CSS 00:10:44
    • Section portfolio Media queries 00:03:17
    • Section Range html 00:03:15
    • Section Range CSS 00:10:01
    • Section range media queries 00:05:00
    • Section experience HTML 00:04:24
    • Section expérience CSS 00:10:04
    • Section expérience media querie 00:04:17
    • Section Parallax 00:05:08
    • Section contact HTML 00:02:59
    • Section Contact CSS 00:10:13
    • Animation des inputs 00:09:30
  • Animations JavaScript
    • Animation de la page d'acceuil 00:11:04
    • Animation Scrollmagic 00:06:41
    • Animation du Portfolio 00:06:07
    • Animation de la partie Range et fin 00:07:28



Formateur : Enzo Ustariz

Enzo Ustariz a publié 40 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 156 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de grassel laissé le 24/04/2020
    Ravi de ce tuto... Le débit de parole est rapide certes et oblige à une concentration accrue mais au final c'est agréable car on ne perd pas de temps pour les notions qui sont déjà acquises. C'est la raison du niveau "intermédiaire" car autrement il n'y a pas de difficulté particulière ;=) Merci pour le job !
    "Merci beaucoup pour ce retour et à bientôt."

  • 5
    avis de lebeud laissé le 16/04/2020
    Encore un superbe tuto, qui nous permet d'aborder différents aspects du HTML et CSS avec une touche agréable de Javascript, comme tous les tutos d'Enzo, je le recommande !!

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    CSS , JavaScript , HTML
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1214 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données