Création de mon site étape par étape (three.js, html/css, javascript)

🎁 15% offerts avec le code BENJAMIN15 sur les offres LegalPlace

Grâce à Notion, j'ai pu prendre des notes tout le long de mon processus de création. C'est un truc que je ne fais jamais d'habitude car je n'avais pas d'outils adapté. Là c'était ultra intuitif, j'ai pu tout noter au fur et à mesure et de ce fait cette vidéo a pu voir le jour. J'espère qu'elle vous plaira. Faites me le savoir par un like ou un commentaire que je sache si par l'avenir ce genre de vidéo étape par étape vous intéresse.

#threejs #html #css #glsl

Le design du site a été entièrement recopié sur le site de Greta qui a gagné l'une des plus prestigieuse récompense à savoir The Awwwards of the Month. Le but du jeu pour moi ici était de recoder tout ça de 0 juste en regardant le site original. C'était super instructif et passionnant.

Le scan 3D a été réalisé par Digitage

Rejoignez moi sur Twitter :

Candidatez pour mon Slack de développeurs freelances pour partager des missions et des bons plans :

2 mois gratuits pour l'ouverture de votre compte Shine :

[LouistitiFr]

Je partage complètement ton excitation. Quand tu ressens ces papillons pendant le développement d'un projet, cette flamme qui devrait animer tous les développeurs, c'est juste l'extase ! Bravo pour le travail ! 👏

[gunkat]

Très beau site, bsahtek benjamin ! Et les projets étapes par étapes sont une super bonne idée

[yannyver]

Tu gères, j'adore et curieux de voir comment on réalise ce truc. C'est effectivement trop bon, cette excitation quand tu es sur un projet qui te prend et t'emmène si loin que tu as même oublié de manger. Pour cette raison que j'adore ce job. Félicitations pour ton site et tes vidéos. 👏

[manuel-hadriensalard]

Merci pour cette vidéo. Je suis en train de songer à devenir developpeur web alors que je n'ai aucune compétence en la matière. Tes vidéos sont très motivantes et donnent envie de faire ton métier. Je suis en train de postuler à l'école le wagon en espèrant être sélectionné.

[tanguybruwaert]

Je kiff comment tu communique cette passion😆, je suis actuellement au début de html, ces, tellement d'univers découvrir.
Bravo pour ta communication, ton travail, ton enthousiasme 🙏👏

[chokdeesam]

Au top !
Voilà pourquoi j’aime le front end : les possibilités de design et d’interactions infinis, qui procurent au final une expérience incroyable, et surtout mémorable:)
Je suis débutant, mais vraiment le back end, ça me fait pas rêver du tout...
Merci pour cette vidéo géniale!

J'ai adoré le parallèle très vrai entre la découpe du site brique par brique et l'algorithmique ! Fabuleuse vidéo et fabuleux site, bravo Benjamin ! 👏

[cedricchaffard]

Absolument merci de nous faire partager tout ça Benjamin. C’est intéressant au plus haut point et tellement motivant de voir toutes ces incroyables possibilités de création web 👍🏻👍🏻🤘🏻

[swarm]

C’est vraiment un domaine qui me plait, j’étais en formation à l’AFPA en tant que développeur web et web mobile, c’était très intéressant de jour en jour, je progressais, du CSS Brut aux flexbox - grid /Bootstrap puis semantic et d’autres. Malheureusement, je n’ai pas trouvé de stage malgré le fait d’avoir envoyé énormément de CV. Ça m’a démotivé alors que j’aurais pu être un bon développeur si j’avais pu du coup suivre la seconde partie de la formation sur le back-end. J’aurais pu passé de sans BAC à titre de niveau de 3. Mais bon, je pratique encore et je me suis mis à vuejs, sans diplôme j’ai encore espoir de trouver quelque chose ^^

[Maertaugh]

Just bluffant... je suis émerveillé par ta ténacité et ta motivation... bravo.
Le resultat a l air super top comme ca sur youtube

[benoitchrl]

Super intéressante ta vidéo ! J'adore découvrir en détail ton travail et ton processus créatif. Ça démystifie pas mal de tout découper en petits morceaux de taf comme tu le fais. Continues comme ça et bravo !

[zaaaaz]

4:00 > "Et là, patatrac. Je me rends compte que ce que j'ai fait la veille c'est de la merde."

C'est la base ça. C'est même la quintessence du dev.^^

[zennadizaki]

Il faut dire que le contenu que tu nous présentes et juste excellentissime

[roadnkite]

C'est trop bien ça de voir comment tu réfléchis, voir le cheminement du début à la fin

[napoleonkhan]

Whaou. Le résultat est juste dingue. Franchement bravo.
Ce serait super cool que tu nous parles plus de webgl et des shaders, même des bases. Car il n'y aucune vidéo sérieuse la dessus en français. Et sur un sujet complexe comme ça, c'est toujours agréable d'avoir des ressources en langue maternelle pour se lancer.
En tout cas, bravo encore. Super vidéo !

[jiro]

A chaque fois que j'ai une baisse de motiv' tu sors une vidéo. En tt cas beau boulot!

[Mihawkkun]

Woaw c'est ouf ! Un taff incroyable. J'aime beaucoup les étapes d'explication tout le long de la vidéo, j'aurais aimé en savoir plus sur cette technique de 3D que tu as utilisé pour faire ton corps avec cette société, peut-être une prochaine vidéo sur ça pourrait être cool !

[ifecojahs]

Wait a minute. All the great THREE.js guys are from France. Wow! That's cool!

[babali]

Super vidéo, j'adore ta motivation c'est trop cool !
Longue vie aux shaders

[laurentmottet]

Hello, super inspirante ta vidéo (et la plupart de celles sur ta chaîne !) pour voir jusqu'où peut nous mener le développement front pour moi qui débute en HTML/CSS. La route est longue mais tout cela est passionnant ! Merci pour le partage.