Alors challenge réussi ou pas ? Voila les assets pour refaire le challenge de votre côté : www.dropbox.com/s/wjaq0mnyfjdcgnm/Challenge%205%20-%20Overthesea.zip?dl=0 Taggez moi sur Twitter et ajoutez les hashtag : #benjamincodechallenge
Super vidéo ! 2 extensions Chrome qui pourraient t'être utiles: - Pesticide pour faire ressortir les contour de tes blocs - Fonts Ninja pour retrouver les Polices facilement
J'ai essayé avec transform-orgin: center pour le titre vertical combiné à transform : rotate(); merci pour tes challenges enrichissants ! Aah si seulement tu etais formateur... j'aurai sincèrement investie dans tes formations à coup sûr!
Hello. Quel est l’IDE que tu utilises et dois-je comprendre que pour devenir dev front end on doit passer par la case HTML/CSS (JavaScript à la fin)? Merci
Super, merci :) Je me pose une question, il y a beaucoup de boulot pour les développeurs qui savent intégrer des maquettes comme tu le fais ? On trouve tout et n'importe quoi sur internet comme avis. Au top en tout cas, comme d'hab :)
Salut ! Je me permets de répondre, je suis dev front-end aussi. Quand j'ai commencé y'a 10 ans, on était intégrateurs HTML CSS et on faisait beaucoup d'intégration de maquettes comme ça avec des interactions via jQuery ou JavaScript. Avec l'explosion des frameworks JS et la modernisation de JS, on est devenus Développeurs Frontend. On continue de créer des UI mais ça va plus loin : on connecte des APIs backend, beaucoup + de JavaScript est demandé pour générer des apps ou sites webs. Si c'est juste pour faire de l'intégration classique je trouve que ça s'est perdu alors que ça demande une grande maîtrise HTML CSS (grid, flexbox, accessibilité....). J'espère avoir aidé :)
Salut chacal, encore une fois très bonne vidéo qui donne envie qu'on entre un peu plus en détails dedans. Sais tu quand la version longue sortira ? merci a toi et continue comme ça
D'abord, félicitations pour le challenge réussi. C'était juste :D Petite question qui m'est venue en fin de video quand tu parles de rajouter un breakpoint pour le mobile... Quand on parle de "mobile first", on est d'accord qu'il s'agit de faire le css "de base" pour la version mobile et ensuite de rajouter via les media queries le css des breakpoints suivants ? Ou je mélange avec un autre truc ? Je suis pas certain de bien interpréter ce concept... Merci à qui prendra le temps de répondre :)
Oui Miguel, c'est ce que tu décris le mobile first, après en vérité on réfléchit déjà à la version desktop qui généralement demande plus de travail, notamment sur la structure. Et on place (quand on est pas en mode chacal/banzai) tous les styles pour desktop dans des media-queries, c'est ça.
Salut Benjamin, j'adore tes vidéos sur les challenges code, ce serait possible d'avoir ton repo github où tu précharges les bases de tes projets ? Merci pour tes vidéos :)
Bonjour, J'aimerais savoir comment tu fais pour avoir tes changements en direct ? (sans avoir besoin de cliquer sur le bouton refresh du navigateur) Bonne journée :)
J'arrive jamais à savoir si je devrais plus faire l'utilisation de grid, que de flex... Les flex ca me semble tellement plus approprié, ca passe dans tout cas...
Salut tout lmonde :ddd Merci pour ces challenges! que c'est stimulant surtout lorsque l'on apprend. Comment fait-il pour retrouver la police Voyage je la retrouve payante (80€) ?
Gg le montage 😉 La photo en superposition est pas ouf, dans la maquette les proportions sont harmonieuses, les tiennes sont bien moins carrées ... J'aurais bien aimé voir le responsive du site original pour comparer 😊
salut , bon travail le rendu est bien mais une qestion qui me vient moi qui sait pas coder pourquoi s'amuser à coder tout ca alors qu'un photoshop t'aurais fait ca en 10 minutes ? bravo encore
Alors challenge réussi ou pas ?
Voila les assets pour refaire le challenge de votre côté :
www.dropbox.com/s/wjaq0mnyfjdcgnm/Challenge%205%20-%20Overthesea.zip?dl=0
Taggez moi sur Twitter et ajoutez les hashtag : #benjamincodechallenge
Super vidéo !
2 extensions Chrome qui pourraient t'être utiles:
- Pesticide pour faire ressortir les contour de tes blocs
- Fonts Ninja pour retrouver les Polices facilement
Yes ou pour les fonts il y a « What font » pour chrome aussi
Merci pour S/O
J'ai essayé avec transform-orgin: center pour le titre vertical combiné à transform : rotate(); merci pour tes challenges enrichissants ! Aah si seulement tu etais formateur... j'aurai sincèrement investie dans tes formations à coup sûr!
Par contre le grid generator incroyable tu viens de m'apprendre quelque chose
Merci pour ses vidéos challenges, je suis toujours absorber.
Continues j'adore !
Bien joué ! Encore du très beau boulot :)
En vrai ça serait super cool d'avoir une Discord pour pouvoir discuter des challenges entre nous !
Merci pour ta vidéo Benjamin !
Super vidéo ! J’ai adoré
purée le plan avec les caméras est superbe 🤩 du bon matos
Gg super sympa comme rush !
Haha Excellent avec le ptit stress de fin j'adore
A quand le résultat du réaménagement de l’appart à Malaga ? 😊
Quel plaisir de revoir tes belles petites oreilles
Très cool !!!
Merci mille fois pour le CSS grid generator : une perle !
Toujours aussi cool Ben, et gg pour ce challenge 😁 hey tu l’as peut être déjà dit mais c’est quoi ta chaise ?
Vraiment pratique ce truc ! XD GG
Hello. Quel est l’IDE que tu utilises et dois-je comprendre que pour devenir dev front end on doit passer par la case HTML/CSS (JavaScript à la fin)? Merci
Super, merci :)
Je me pose une question, il y a beaucoup de boulot pour les développeurs qui savent intégrer des maquettes comme tu le fais ?
On trouve tout et n'importe quoi sur internet comme avis.
Au top en tout cas, comme d'hab :)
J'avoue que la réponse m'intéresse, si tu as des infos je veux bien que tu me les partages 😉😁
Salut ! Je me permets de répondre, je suis dev front-end aussi. Quand j'ai commencé y'a 10 ans, on était intégrateurs HTML CSS et on faisait beaucoup d'intégration de maquettes comme ça avec des interactions via jQuery ou JavaScript. Avec l'explosion des frameworks JS et la modernisation de JS, on est devenus Développeurs Frontend. On continue de créer des UI mais ça va plus loin : on connecte des APIs backend, beaucoup + de JavaScript est demandé pour générer des apps ou sites webs. Si c'est juste pour faire de l'intégration classique je trouve que ça s'est perdu alors que ça demande une grande maîtrise HTML CSS (grid, flexbox, accessibilité....). J'espère avoir aidé :)
@@clementcreusat5943 Super merci. :)
Merci pour tes vidéos toujours intéressantes et enrichissantes.
Salut chacal, encore une fois très bonne vidéo qui donne envie qu'on entre un peu plus en détails dedans.
Sais tu quand la version longue sortira ? merci a toi et continue comme ça
Vous utilisez quel logiciel
On peut utiliser les flex box ?
Bonjour combien coute ton expertise svp
J'ai repris le HTML CSS depuis 1 semaine je vais essayer ça ce soir.
Génial comme vidéo 👌 ça me fait penser que je devrais peut être commencer à coder 😁
D'abord, félicitations pour le challenge réussi. C'était juste :D Petite question qui m'est venue en fin de video quand tu parles de rajouter un breakpoint pour le mobile... Quand on parle de "mobile first", on est d'accord qu'il s'agit de faire le css "de base" pour la version mobile et ensuite de rajouter via les media queries le css des breakpoints suivants ? Ou je mélange avec un autre truc ? Je suis pas certain de bien interpréter ce concept... Merci à qui prendra le temps de répondre :)
Oui Miguel, c'est ce que tu décris le mobile first, après en vérité on réfléchit déjà à la version desktop qui généralement demande plus de travail, notamment sur la structure. Et on place (quand on est pas en mode chacal/banzai) tous les styles pour desktop dans des media-queries, c'est ça.
Je suis vraiment débutant mais pour la bille que tu as appelé merdoum, pourquoi pas mettre simplement une " list-style-type: disc; " ?
Quel logiciel utilise t-il pour coder ?
Est-ce qu'il existe un site gratuit proposant des maquettes et qui donne tout les assets afin d'apprendre ?
Salut Benjamin, j'adore tes vidéos sur les challenges code, ce serait possible d'avoir ton repo github où tu précharges les bases de tes projets ? Merci pour tes vidéos :)
pas mal
Bonjour,
J'aimerais savoir comment tu fais pour avoir tes changements en direct ? (sans avoir besoin de cliquer sur le bouton refresh du navigateur)
Bonne journée :)
J'utilise Parcel js je te laisse passer sur leur site et doc pour voir comment ça marche, c'est tres simple
@@BenjaminCode D'accord merci beaucoup pour ta réponse, je vais allé me renseigner
J'arrive jamais à savoir si je devrais plus faire l'utilisation de grid, que de flex...
Les flex ca me semble tellement plus approprié, ca passe dans tout cas...
Le grid trop casse tête pour moi le flex gère au pire des cas si jai besoin de grid un tour vite fait sur grid generator et c bon .
@@gobajoseph5064 Surtout niveau responsive, je trouve pas ça facile non plus
@@Mariiius53 ouii en tout cas css generator facilite les choses
Comment retrouver les images comme ça d'un site qu' on trouve en ligne ? Help me please
Oui comment ?
Google images est suffisant la plupart du temps, il suffit d'insérer l'image dans la barre de recherche google
Pour tes futurs challenge tu peux regarder du côté de frontendmentor ça pourrais être intéressant de voir comment tu les gère.
Les challenge front-end sont pas trop intégration
Salut tout lmonde :ddd
Merci pour ces challenges! que c'est stimulant surtout lorsque l'on apprend.
Comment fait-il pour retrouver la police Voyage je la retrouve payante (80€) ?
Ok il le dit à la fin de vidéo. Elle est bien payante!
Point faible : Trop fort
ça a l’air tellement facile 🥲
Ça a l'air 🥲
super
J'ai quiffé le suspens de la fin de la vidéo
La ref à Zemmour, trop fort.
En no code, ça marcherait pour le défi ? 😉🙏
avec Bubble ou Webflow oui, on pourrait le reproduire en moins de temps
Mais faut qu'on fasse ça en mode "pair design" : je design, tu codes! 🤓
MercI.
Depuis quand fait on de l'infographie en utilisant un clavier 😂.
Bizarre
Gg le montage 😉
La photo en superposition est pas ouf, dans la maquette les proportions sont harmonieuses, les tiennes sont bien moins carrées ... J'aurais bien aimé voir le responsive du site original pour comparer 😊
salut , bon travail le rendu est bien mais une qestion qui me vient moi qui sait pas coder pourquoi s'amuser à coder tout ca alors qu'un photoshop t'aurais fait ca en 10 minutes ? bravo encore
les surnoms de tes raccourcis google xD
J'aime bien tes vidéo mais je trouve que c'est dommage qu'il faut être membre et payé pour voir la vidéo en entier.
Un peu forte la musique
2ème commentaire :P
Cheh
pքɾօʍօʂʍ 😣
Vou ser sincero, se você falar mais rapido vai parece que você está cantando rap lord ksksksk
J'ai mis 4h pour aligner 3 images et un texte ...mdr
First
Dommage j'ai pas pensé à commenter avant de commencer à regarder la vidéo, j'aurais pu être prems' :P
Et le background color un peu crème ?
Aïe, l'oubli du joueur français!
"coder" "front"
jerry