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
Créer un site de A à Z : Le Portfolio

ajouter ce cours aux favoris retirer ce cours des favoris

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é 53 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 886 tutoriels vendus. Voir les autres formations de Enzo Ustariz

4,8
note moyenne

5
avis laissés
5 étoiles
4
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de membre-7129-6122 laissé le 08/04/2022
    Bien mais, un peu trop rapide pour bien suivre les liens entre les différentes feuilles HTML/CSS/JAVASCRIPT .

  • 5
    avis de anthony-mini laissé 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 !

  • 5
    avis de arthelys laissé le 12/04/2021
    Merci pour ce chouette tuto et toutes ces nombreuses explications ! Oui c'est parfois compliqué mais en prenant le temps de revenir sur les points qui pêchent (surtout en JS ^^) ça finit par rentrer !

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données