Coder une page d'accueil animée en JavaScript.

Sdílet
Vložit
  • čas přidán 28. 08. 2024

Komentáře • 75

  • @EcoleduWeb
    @EcoleduWeb  Před 9 měsíci

    🎓 Tous mes cours sur l'École du Web (si tu veux tous les suivre d'un seul coup) : www.ecole-du-web.net/
    🎁 Tous mes cours sur UDEMY : www.liste-des-cours.com/

  • @fafa92elsueno81
    @fafa92elsueno81 Před 4 lety +11

    Énorme travail abattu depuis quelque temps courage Enzo : )

  • @nicolasbarthes7622
    @nicolasbarthes7622 Před 2 lety +7

    Exactement ce que je cherchais, juste une tuerie !! Merci beaucoup Enzo, tu as vraiment le contenu le plus précieux du web pour tout ce qui est web design et front ...

  • @alex-lbd
    @alex-lbd Před rokem

    M A L A D E !!!
    Solides bases pour la compréhension mais aussi la pratique!
    Bien sûr que je te suis dès maintenant! New Letter aussi sous peu!
    Bravo et M E R C I !!!

  • @user-qc1fs7pu4u
    @user-qc1fs7pu4u Před 6 měsíci

    c'est bon, j'ai réussi à acclimaté ton code au mien, merci mec, tout marche bien.

  • @paul-ericksaintange2071
    @paul-ericksaintange2071 Před 4 lety +3

    Merci Enzo pour ton super travail , sur les 30h de cours sur (udemy ) html, css . Tu ma apporté quelque astuce intéressante. Continue comme cela c'est vraiment génial . Bonne continuation , bon courage , reste fort . Peace paul

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety +2

      Merci pour le soutien Paul-Érick!

  • @jbjourne
    @jbjourne Před 3 lety +2

    Ta vitesse de frappe.... Bravo, je suis très impressionné de voir ton travail, et tu me donne envie de m'intéresser à fond sur le design!! Le seul truc que je regrette, c'est de ne pas avoir ton niveau, et de ne t'avoir pas découvert plus tôt! xD
    Continue comme ça!

    • @EcoleduWeb
      @EcoleduWeb  Před 3 lety +2

      Ce n’est que de la pratique, tu peux y arriver aussi ;)
      Merci pour le soutien!

    • @jbjourne
      @jbjourne Před 3 lety

      ​@@EcoleduWeb Je fais en ce moment une formation dactylographie (44mpm, je vais y arriver xD)
      Merci de prendre le temps de répondre aux commentaires!

  • @codeurdell2231
    @codeurdell2231 Před 2 lety

    super tuto même si on est pas trop motivé avec la voix ça me donne plus de courage , c'est hyper cool en plus les explications sont trop top merci

  • @antoinewack8987
    @antoinewack8987 Před 3 lety +1

    Mec t’es juste hyper bon je te souhaite de beaucoup réussir dans la vie juste bravo

  • @greglal2810
    @greglal2810 Před 2 lety +1

    Merci beaucoup pour cette super vidéo

  • @Imloic
    @Imloic Před 4 lety +2

    Merci pour la vidéo. C’est top. Je ne sais pas coder mais j’essaie d’avoir quelques bases

  • @benji5589
    @benji5589 Před 4 lety +3

    Wow tu es en forme enzo même un dimanche 👍. Encore merci pour ton travaille. En plus toujours voulu savoir comment faire ce genre d'animation merci.

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety +1

      Yep je m'arrête pas ;)

    • @alpasc
      @alpasc Před 4 lety

      @@EcoleduWeb gaffe au burn out, quand meme ;-)

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety +1

      @@alpasc Pour l'instant ça va, merci de s'en soucier!

  • @cerisen
    @cerisen Před 4 lety

    Coucou Enzo faut vraiment que l'on encourage tu fais un travail de ouf et surtout de qualité Merci

  • @tchapgaemmanuelserge4505
    @tchapgaemmanuelserge4505 Před 3 lety +1

    Merci infiniment, javascipt est compliqué pour moi.

  • @djalildjalil938
    @djalildjalil938 Před rokem +1

    vidéo parfaite

  • @romainseptier3438
    @romainseptier3438 Před 4 lety +1

    Superbe, trés pratique et trés clair. Merci a toi

  • @baptistebidaux
    @baptistebidaux Před 3 lety +1

    La classe, génial le design je trouve !

  • @sidyniang_coding4101
    @sidyniang_coding4101 Před 2 lety

    Thank you !!!

  • @misterpoof3197
    @misterpoof3197 Před 2 lety

    merci pour le tuto King

  • @leticiamohdeb9276
    @leticiamohdeb9276 Před 2 lety

    coucou j'adore ta vidéo je trouve que c'est très pratique et très clair mais petit bémol un peu trop vite à mon gout surtout que je suis étudiante donc débutante en quelque sorte sinon bravo continue😊

  • @cedriquefossi5273
    @cedriquefossi5273 Před 2 lety

    super. Merci pour cette video

  • @soribakaba7366
    @soribakaba7366 Před 3 lety

    C'est vraiment génial

  • @ri6thechameleon
    @ri6thechameleon Před 3 lety +1

    J suis époustouflé par ta vitesse d exécution, depuis combien de temps tu codes ? Moi j viens juste de commencer cette année 😅

    • @EcoleduWeb
      @EcoleduWeb  Před 3 lety +2

      7-8 ans !
      Continue à travailler consciencieusement et ça va le faire :)

  • @mohamedelaminelaghouati5024

    Bonjour
    vous pouvez nous mettre une vidéo sur end et start de scrollTrigger avec explications détaillées avec exemple *** top top** bottom center*** etc
    merci

  • @theomhn
    @theomhn Před 4 lety

    Vraiment super vidéo continu comme sa tu gère, j'ai pas vu si tu m'avais répondu dans les commentaires au sujet du carrousel ?!

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety

      Quelle était la question ? :)

    • @theomhn
      @theomhn Před 4 lety

      Le Designer du Web - Enzo Ustariz je te demandais si tu pouvais faire une vidéo pour faire une galerie (carrousel) !

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety

      @@theomhn Elle existe déjà ;)

    • @theomhn
      @theomhn Před 4 lety

      Le Designer du Web - Enzo Ustariz oui mais tu la fait avec boostrap non ?!

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety +1

      @@theomhn Il y en a un en HTML/CSS/JS Natif ;)

  • @misternexoos
    @misternexoos Před 3 lety +1

    Salut tu pourrais me dire comment faire pour que les buttons marche par exemple quand je click sur le bouton Discover ou contact ça m'envoie sur ma page même pour les réseaux jcp comment mettre un lien deçu ducoup c beau oui mais on peut pas les utiliser 😢

  • @nl3007
    @nl3007 Před rokem

    Salut !
    Petite question technique.
    Pour les animations il n'existe que le Javascript ?
    Si non, est-ce le meilleur ?
    Ou peut-être le plus simple ?

  • @djelal_
    @djelal_ Před 6 měsíci

    Si on met pas le CDN en bas du fichier index ça marche quand-même ?

  • @pascal4770
    @pascal4770 Před 4 lety

    Mais on m'a appris à faire du Mobile First !! Je rigole, belle production au top 😍

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety

      Aha c’était pour avoir de grandes animations mais on peut le faire en mobile first :)

  • @anaisflavion6725
    @anaisflavion6725 Před rokem

    Top la vidéo elle m'a beaucoup aidée, j'ai juste une petite question, dans mon JS le gsap ne fonctionne pas il ma marque "any" quand je le survole, savez-vous pourquoi ?

  • @sakaleleaders1327
    @sakaleleaders1327 Před 2 lety

    trop cool

  • @GregBSC
    @GregBSC Před 2 lety

    C'est pas mieux de les faire en css les animations ?

  • @Olivultra
    @Olivultra Před 3 lety +1

    gsap est intéressant mais n'est-ce pas mieux de faire ce genre d'animation directement sur css pour ne pas avoir à importé une lib pour juste gagné quelque ligne de code ?

    • @EcoleduWeb
      @EcoleduWeb  Před 3 lety +1

      Tout dépend de ce que tu veux faire, dès que le nombre d’animations devient élevé il est préférable d’utiliser GSAP :)
      GSAP permet aussi les animations au scroll, les fonctions callback, les timelines et j’en passe

    • @Olivultra
      @Olivultra Před 3 lety

      @@EcoleduWeb d'accord donc c'est surtout intéressant pour les gros projets ou des effets particulier comme le scroll. Merci de l'info

  • @noacantrelle6168
    @noacantrelle6168 Před rokem

    Hello, super vidéo.
    J'ai un problème pour afficher la photo en arrière plan, elle ne s'affiche pas alors que les chemin est reconnu dans le code.
    Avez-vous une idée ?

    • @EcoleduWeb
      @EcoleduWeb  Před rokem

      Vérifiez vos chemins, c'est une erreur courante quand on veut afficher un média

  • @bozaelenamorado2425
    @bozaelenamorado2425 Před 2 lety

    Salut excusez moi mais j'ai besoin du code source je me suis abonné partout mais j'arrive à rien. J'ai pas accès au code source

  • @bowak8517
    @bowak8517 Před 2 lety

    c 'est superbe mais comment fait si on veut reproduire la meme chose avec reac.js

  • @Dr_Health
    @Dr_Health Před 2 lety

    bonjour, j'ai essayé de recopier ça n'a pas fonctionné chez moi snif

  • @gindevgin9298
    @gindevgin9298 Před 4 lety

    J'adore 👍🙂

    • @gindevgin9298
      @gindevgin9298 Před 4 lety

      Tu dois sûrement commencer à être fatigué de nous faire toute ces vidéos vu le titre que tu as choisi ! 😄😄😄

    • @EcoleduWeb
      @EcoleduWeb  Před 4 lety

      Aha oui! Message subliminal :)

  • @othnieldouahi4416
    @othnieldouahi4416 Před 3 lety

    Salut, moi j'ai un propbem ,dans ma console s'est écrire gsap n'est pas defini

    • @EcoleduWeb
      @EcoleduWeb  Před 3 lety

      Hello, il faut que tu importes la librairie GSAP au dessus de ton script JS

  • @kahinanaouri4340
    @kahinanaouri4340 Před 3 lety

    Svpl comment activer les boutons Facebook instagram..

  • @blackwolfman4423
    @blackwolfman4423 Před 3 lety

    Super vidéo, elle m'est très utile ^^
    J'ai juste un petit problème, les animations de déplacement ne fonctionnent pas (left, top etc...), mais toutes les autres marchent (width, opacity) je sais pas pourquoi '-'

    • @EcoleduWeb
      @EcoleduWeb  Před 3 lety +1

      Il faut animer avec x & y et éviter left et top.
      En effet la prop transform est super optimisée pour les animations :)

    • @blackwolfman4423
      @blackwolfman4423 Před 3 lety

      @@EcoleduWeb D'accord, merci beaucoup ^^ Je vais essayer !

    • @blackwolfman4423
      @blackwolfman4423 Před 3 lety

      @@EcoleduWeb J'ai essayé de le faire avec la documentation, mais je vois pas quelle propriété il faut utiliser ^^' J'ai essayé avec transform : translateY, mais ça ne fait que déplacer l'image, ça crée pas une animation ^^'

    • @damienmiremont3163
      @damienmiremont3163 Před 2 lety +1

      @@blackwolfman4423 Juste x: -50 fonctionne pour moi

  • @mamadidiarrisso7155
    @mamadidiarrisso7155 Před 4 lety

    Sauber !! comme on dit ici, peut-tu me mettre le nom de la Librairie js que nous recommande merci.... bon boulot ,tu es le meilleur

  • @othnieldouahi4416
    @othnieldouahi4416 Před 3 lety

    Quelqu'un peut m'aider

  • @HAPPYHEALINGOFFICIAL
    @HAPPYHEALINGOFFICIAL Před 2 lety

    It’s done ✔️ Thanks for the help … New Sub in your Channel and lot of likes 👍👍 Keep going on!