Salut Enzo Super tuto comme toujours j'ai pris un grand plaisir a le faire. J' ai toutefois rencontrer un petit problème avec l'alignement du bouton, pour l'avoir bien au centre j'ai du mettre un left de 43% une explication ?
@EcoleduWebКүн бұрын
Ce n'est pas normal. Tu as le code source en description si tu veux comparer. 👍
@JavaChrist31Күн бұрын
@@EcoleduWeb Merci pour ta réponse très rapide. Effectivement une petite erreur de ma part un espace après translate et avant les parenthèses. J'aime beaucoup tes vidéo j'attend les prochaines promos de l'école du web pour suivre une formation avec toi.
@donatien975Күн бұрын
Trés sympa merci c'est assez bien expliqué après je serais curieux de savoir pourquoi les devs on mis un sens anti horaire sur l'axe Y ? c'est étonnant mais bon ça ce fixe donc pas grave 👍
@EcoleduWeb8 сағат бұрын
Merci et les deux axes fonctionnent similairement, le positif est horaire et le négatif anti horaire.
@cronosuКүн бұрын
problème de son, je n'entend que d'un coté uniquement sur cette video sur pc , non ?
@EcoleduWebКүн бұрын
Ah oui en effet, merci du retour. J'ai pourtant utilisé la même config pour monter la vidéo. C'est rageant.
@traoreaziz405516 сағат бұрын
Sur portable aussi
@TheUltimatePingКүн бұрын
super vidéo bien expliquer plein d'élément a savoir elle passe super bien, continu comme ça
@Alone_CitКүн бұрын
Et sur mobile comment l'utilisateur il fait ?
@TheUltimatePingКүн бұрын
comme il l'a expliquer seulement les "pointer:fine" donc les souris vont être détecter donc il ne se passera rien sur mobile il n'y aura pas de déplacement
@Alone_CitКүн бұрын
@@TheUltimatePing merci
@lmz-devКүн бұрын
Trop fastoche ! 😁
@EcoleduWebКүн бұрын
"il y a 48 secondes" - Trop rapide !
@lmz-devКүн бұрын
@@EcoleduWeb Je viens de finir la vidéo, c'est chouette et c'est pas si compliqué au niveau trigo, je m'attendais à des Math.atan2() (et des nombres complexes pour donner un peu de piquant à tout ça 🌶) Bravo !
@user-mb2nd9sz3e4 күн бұрын
pourrais tu faire une video pour montrer comment fair une animation sur un ecran tactile pour que quand on touche l'ecran une petite animation se face seulement a l'endroit ou l'on a appuyé sinon bonne continuation et merci d'avance
@Kevin-cl7zq6 күн бұрын
comment faire en sorte que prettier laisse une <img> sur une seule ligne plutôt que me faire plusieurs lignes avec src, alt ect ?
@Guillaume80_surYT8 күн бұрын
Faire une erreur de code => bonne exercice pour ceux qui regardent ta vidéo, et chercher la solution ;)
@EcoleduWebКүн бұрын
Salut, je n'ai pas compris :)
@abrahammougle6398 күн бұрын
j'ai suivi d'un trait votre video mais au niveau de index.css quand je copie les trois lignes du doc et je colle auto les 3 ligne sont soulignée et je après avoir tapé npm run start je vois une page vierge qui prend tout son temps a se charger. Je suis navré avec react et tailwind
@jagre70139 күн бұрын
BRAVO ET MERCI !
@10ensura9 күн бұрын
si quelqu'un sait ce qu'est le u en vert, j'ai cherché c'est untracked mais je ne sais pas comment l'enlever surtout que jai mis trust parent...
@ManuAndrian9 күн бұрын
Est ce que cette methode marche meme avec l'utilisation de base de donnee mysql?
@HyacintheTindanahire11 күн бұрын
Merci 😊
@loicnguefack89111 күн бұрын
comment relancé l'event apres ?
@jspt5612 күн бұрын
Je suis super satisfait de la formation front end je conseille école du web à tous ceux qui veulent découvrir le codage...👌👏
@user-qm6vy8br9z15 күн бұрын
Salut je voulais faire le même like sur plusieurs imamge mais malheureusement ça marche que sur la première et pas sur les autres. Comme.t faire? Merci d'avance et sinon super sympa.
@MalcolmLomacx111116 күн бұрын
👍🏼🙏🏼
@JohnSmithhh17 күн бұрын
On est sensé utiliser quoi ? Dans un autre short tu parles des problèmes de rem, donc au final on met tout en px ??
@aboubacaroptimistesow647817 күн бұрын
Très cool. Merci.
@aboubacaroptimistesow647817 күн бұрын
Merci beaucoup
@fananatechland20 күн бұрын
merci beaucoup, j'ai vraiment appréciée
@gregyoung665120 күн бұрын
Top ! Pour info, :has semble être défini comme une pseudo-classe "fonctionnelle", tout comme :not, :is ou encore :where. Quoiqu'il en soit, on est bien d'accord qu'on l'utilise uniquement sur un sélecteur-parent ? Merci Enzo
@EcoleduWeb20 күн бұрын
Tout est exact dans ce que tu viens de dire. 👏 On croit souvent, à tort, que les pseudo classes servent seulement à gérer des états (:hover, :focus) mais certaines permettent de sélectionner des éléments ou d'affiner des sélections. Et oui, on l'utilise sur un parent, c'est là toute la nouveauté de cette pratique.
@gregyoung665120 күн бұрын
Toujours au top. Comme d'habitude 👍
@gregyoung665120 күн бұрын
Super. Merci Enzo. Merci pour cette nouvelle méthodologie et la petite info concernant la pertinence d'utiliser une fonction nommée dans un addEventListener() plutôt que d'écrire toute la fonction à l'intérieur. L'effet final est tout à fait sympathique au demeurant. +++
@joellelouis12421 күн бұрын
Tu es fantastique Ecole du Web ! Bravo et merci
@claudefournier494021 күн бұрын
Merci pour ce video. Quels sont les avantages de passer des props d'un composant parent à un composant enfant plutôt que de les coder directement dans le composant enfant?
@Markmuzika21 күн бұрын
merci
@batofficiel549721 күн бұрын
Je suis le 1000ième à cliquer sur la vidéo alors je peux avoir un bon d'achat de 20€ chez Micromania ?
@batofficiel549721 күн бұрын
bien sûr c'est pour rire ! je faisais référence au pubs d'arnaques sur internet qui te disait "felicitation vous êtes le 1000ième visiteurs cliquer sur l'offre pour le recevoir"
@gabykropp21 күн бұрын
Interessant comme d’hab, merci ! C’est tout con mais fallait y penser 😅 Question : du coup à chaque scroll ça réécrit le translate, est-ce que le navigateur est suffisamment intelligent / optimisé pour qu’il n’y ait pas de problème de performance ? Ou faudrait-il garder un état comme quoi on scrollait déjà dans la même direction ?
@EcoleduWeb21 күн бұрын
On utilise la propriété performante translate, donc aucun soucis de ce côté-là. Ce qui peut être dommageable est l'utilisation d'un évènement "global" pour ça. C'est à dire qu'à chaque pixel scrollé, une fonction callback est exécutée sur le thread JS principal. Ce n'est pas une mauvaise pratique per se, mais il faut faire attention à ne pas trop en rajouter et à bien optimiser le code dans ces callbacks.
@cyrilcachat214922 күн бұрын
Toujours des explications de haute qualité.. merci
@pandamanou22 күн бұрын
c'est une bonne pratique de cacher la navbar ?
@EcoleduWeb22 күн бұрын
Ça dépend de ce qu’on cache. En général on ne cache pas la navigation principale mais seulement certaines parties du header comme des promotions.
@hans_rik22 күн бұрын
Si je fais des modifications sur mon site je dois recréer un nouveau repository ? ou je peux faire git add . git commit -m "new site" et git push ?
@EcoleduWeb22 күн бұрын
Seconde option 👍
@hans_rik22 күн бұрын
@@EcoleduWeb Et du coup quelles sont les lignes exactes pour être sur de ne pas me tromper ?
@hans_rik22 күн бұрын
@@EcoleduWeb Et si je l'ai déjà deploy il faut que je le refasse après ou pas besoin, il comprends qu'il faut qu'il change juste quelques fichiers ?
@EcoleduWeb22 күн бұрын
@@hans_rik add - commit - push, c'est tout. ça update ton dépôt et donc site.
@hans_rik22 күн бұрын
@@EcoleduWeb Le deploy qu'il fait automatiquement me mets une erreur.
@claudefournier494023 күн бұрын
Merci pour ces explications claires.
@Fox7422023 күн бұрын
attent pourquoi sa ma maarqué please tel me who are you et apprès sa a marqué delect adresse et mon nom du pc
@Fox7422023 күн бұрын
salut pourquoi moi la commande git ne marche pas
@EcoleduWeb22 күн бұрын
Il faut installer git, faire un compte github et se connecter à git via le terminal. Après ça, tu peux suivre la vidéo.
@homelearning54725 күн бұрын
Merci🎉🎉🎉🎉🎉🎉 Ouffff... Super vidéo. J'étais dans problème de position dans une nav et ta vidéo m'a aidé. Dans une nav, j'ai deux div que j'ai voulu placer l'autre à gauche et l'autre à droite. Mais quand j'applique left, ça passait pas. Je sais que tes explications vont bien m'aider.
@hellomali501526 күн бұрын
Trop 🎉🎉 cool 👍🏼 et vraiment intéressant, et si on voulait ajouter avec ce même exemple afficher en bas de chaque image quelques infos ou description de façon statique, par exemple le nom et le prix si Mes images était des articles articles.. Merci d'avance.. j'ai plus appris ici qu'à l'école 🎉🎉
@gaspardkamangoepogui1832Ай бұрын
merci pour le nouveau et excellent tutoriel
@cheikhthiam6319Ай бұрын
React Router. Bien expliqué. Claire. Bien bien bien . Merci
@lucblouin2747Ай бұрын
Merci Enzo! Encore un autre excellent tutoriel !
@jean-lucdetcherry8752Ай бұрын
Bonjour Enzo je viens d'acheter ton cours sur Next.JS. J'aurais une question avant de commencer à bosser dessus, j'ai crée une application entièrement en REACT avec vite et je me demande si c'est compliqué de faire une mise à jour vers NEXT.JS.
@iboy35Ай бұрын
Allez un petit Wiki pour hamburger : « Hamburger » fait référence à la ville de Hambourg, en Allemagne. Il n'existe aucun rapport étymologique entre le hamburger et le jambon (en anglais : ham), puisque le nom de la ville de Hambourg a une étymologie différente. Il est courant en Allemagne de nommer les spécialités culinaires selon leur ville d'origine.
@user-jg4fg4qo2dАй бұрын
Merci.
@lalletalbert4008Ай бұрын
Le code promo du parcours frontend
@MV-bp8jyАй бұрын
Du coup l'event Listener ajouté n'est pas retiré? Il ne risque pas de rester et qu'on se retrouve avec des doublon d'eventListener pour un survole plusieurs fois?
@EcoleduWebАй бұрын
Il n’est ajouté qu’une seule fois. 👍 Il n’y a pas besoin de le retirer ici.
@ahmedwali4665Ай бұрын
comment le faire avec un projet flutter
@Choubang59Ай бұрын
Navbar 😉
@lilpitaham7318Ай бұрын
Thanks 🎉
@EmileCimАй бұрын
Je besoin de nom de librairie que tu as utilisé pour anime un text
Пікірлер
Salut Enzo Super tuto comme toujours j'ai pris un grand plaisir a le faire. J' ai toutefois rencontrer un petit problème avec l'alignement du bouton, pour l'avoir bien au centre j'ai du mettre un left de 43% une explication ?
Ce n'est pas normal. Tu as le code source en description si tu veux comparer. 👍
@@EcoleduWeb Merci pour ta réponse très rapide. Effectivement une petite erreur de ma part un espace après translate et avant les parenthèses. J'aime beaucoup tes vidéo j'attend les prochaines promos de l'école du web pour suivre une formation avec toi.
Trés sympa merci c'est assez bien expliqué après je serais curieux de savoir pourquoi les devs on mis un sens anti horaire sur l'axe Y ? c'est étonnant mais bon ça ce fixe donc pas grave 👍
Merci et les deux axes fonctionnent similairement, le positif est horaire et le négatif anti horaire.
problème de son, je n'entend que d'un coté uniquement sur cette video sur pc , non ?
Ah oui en effet, merci du retour. J'ai pourtant utilisé la même config pour monter la vidéo. C'est rageant.
Sur portable aussi
super vidéo bien expliquer plein d'élément a savoir elle passe super bien, continu comme ça
Et sur mobile comment l'utilisateur il fait ?
comme il l'a expliquer seulement les "pointer:fine" donc les souris vont être détecter donc il ne se passera rien sur mobile il n'y aura pas de déplacement
@@TheUltimatePing merci
Trop fastoche ! 😁
"il y a 48 secondes" - Trop rapide !
@@EcoleduWeb Je viens de finir la vidéo, c'est chouette et c'est pas si compliqué au niveau trigo, je m'attendais à des Math.atan2() (et des nombres complexes pour donner un peu de piquant à tout ça 🌶) Bravo !
pourrais tu faire une video pour montrer comment fair une animation sur un ecran tactile pour que quand on touche l'ecran une petite animation se face seulement a l'endroit ou l'on a appuyé sinon bonne continuation et merci d'avance
comment faire en sorte que prettier laisse une <img> sur une seule ligne plutôt que me faire plusieurs lignes avec src, alt ect ?
Faire une erreur de code => bonne exercice pour ceux qui regardent ta vidéo, et chercher la solution ;)
Salut, je n'ai pas compris :)
j'ai suivi d'un trait votre video mais au niveau de index.css quand je copie les trois lignes du doc et je colle auto les 3 ligne sont soulignée et je après avoir tapé npm run start je vois une page vierge qui prend tout son temps a se charger. Je suis navré avec react et tailwind
BRAVO ET MERCI !
si quelqu'un sait ce qu'est le u en vert, j'ai cherché c'est untracked mais je ne sais pas comment l'enlever surtout que jai mis trust parent...
Est ce que cette methode marche meme avec l'utilisation de base de donnee mysql?
Merci 😊
comment relancé l'event apres ?
Je suis super satisfait de la formation front end je conseille école du web à tous ceux qui veulent découvrir le codage...👌👏
Salut je voulais faire le même like sur plusieurs imamge mais malheureusement ça marche que sur la première et pas sur les autres. Comme.t faire? Merci d'avance et sinon super sympa.
👍🏼🙏🏼
On est sensé utiliser quoi ? Dans un autre short tu parles des problèmes de rem, donc au final on met tout en px ??
Très cool. Merci.
Merci beaucoup
merci beaucoup, j'ai vraiment appréciée
Top ! Pour info, :has semble être défini comme une pseudo-classe "fonctionnelle", tout comme :not, :is ou encore :where. Quoiqu'il en soit, on est bien d'accord qu'on l'utilise uniquement sur un sélecteur-parent ? Merci Enzo
Tout est exact dans ce que tu viens de dire. 👏 On croit souvent, à tort, que les pseudo classes servent seulement à gérer des états (:hover, :focus) mais certaines permettent de sélectionner des éléments ou d'affiner des sélections. Et oui, on l'utilise sur un parent, c'est là toute la nouveauté de cette pratique.
Toujours au top. Comme d'habitude 👍
Super. Merci Enzo. Merci pour cette nouvelle méthodologie et la petite info concernant la pertinence d'utiliser une fonction nommée dans un addEventListener() plutôt que d'écrire toute la fonction à l'intérieur. L'effet final est tout à fait sympathique au demeurant. +++
Tu es fantastique Ecole du Web ! Bravo et merci
Merci pour ce video. Quels sont les avantages de passer des props d'un composant parent à un composant enfant plutôt que de les coder directement dans le composant enfant?
merci
Je suis le 1000ième à cliquer sur la vidéo alors je peux avoir un bon d'achat de 20€ chez Micromania ?
bien sûr c'est pour rire ! je faisais référence au pubs d'arnaques sur internet qui te disait "felicitation vous êtes le 1000ième visiteurs cliquer sur l'offre pour le recevoir"
Interessant comme d’hab, merci ! C’est tout con mais fallait y penser 😅 Question : du coup à chaque scroll ça réécrit le translate, est-ce que le navigateur est suffisamment intelligent / optimisé pour qu’il n’y ait pas de problème de performance ? Ou faudrait-il garder un état comme quoi on scrollait déjà dans la même direction ?
On utilise la propriété performante translate, donc aucun soucis de ce côté-là. Ce qui peut être dommageable est l'utilisation d'un évènement "global" pour ça. C'est à dire qu'à chaque pixel scrollé, une fonction callback est exécutée sur le thread JS principal. Ce n'est pas une mauvaise pratique per se, mais il faut faire attention à ne pas trop en rajouter et à bien optimiser le code dans ces callbacks.
Toujours des explications de haute qualité.. merci
c'est une bonne pratique de cacher la navbar ?
Ça dépend de ce qu’on cache. En général on ne cache pas la navigation principale mais seulement certaines parties du header comme des promotions.
Si je fais des modifications sur mon site je dois recréer un nouveau repository ? ou je peux faire git add . git commit -m "new site" et git push ?
Seconde option 👍
@@EcoleduWeb Et du coup quelles sont les lignes exactes pour être sur de ne pas me tromper ?
@@EcoleduWeb Et si je l'ai déjà deploy il faut que je le refasse après ou pas besoin, il comprends qu'il faut qu'il change juste quelques fichiers ?
@@hans_rik add - commit - push, c'est tout. ça update ton dépôt et donc site.
@@EcoleduWeb Le deploy qu'il fait automatiquement me mets une erreur.
Merci pour ces explications claires.
attent pourquoi sa ma maarqué please tel me who are you et apprès sa a marqué delect adresse et mon nom du pc
salut pourquoi moi la commande git ne marche pas
Il faut installer git, faire un compte github et se connecter à git via le terminal. Après ça, tu peux suivre la vidéo.
Merci🎉🎉🎉🎉🎉🎉 Ouffff... Super vidéo. J'étais dans problème de position dans une nav et ta vidéo m'a aidé. Dans une nav, j'ai deux div que j'ai voulu placer l'autre à gauche et l'autre à droite. Mais quand j'applique left, ça passait pas. Je sais que tes explications vont bien m'aider.
Trop 🎉🎉 cool 👍🏼 et vraiment intéressant, et si on voulait ajouter avec ce même exemple afficher en bas de chaque image quelques infos ou description de façon statique, par exemple le nom et le prix si Mes images était des articles articles.. Merci d'avance.. j'ai plus appris ici qu'à l'école 🎉🎉
merci pour le nouveau et excellent tutoriel
React Router. Bien expliqué. Claire. Bien bien bien . Merci
Merci Enzo! Encore un autre excellent tutoriel !
Bonjour Enzo je viens d'acheter ton cours sur Next.JS. J'aurais une question avant de commencer à bosser dessus, j'ai crée une application entièrement en REACT avec vite et je me demande si c'est compliqué de faire une mise à jour vers NEXT.JS.
Allez un petit Wiki pour hamburger : « Hamburger » fait référence à la ville de Hambourg, en Allemagne. Il n'existe aucun rapport étymologique entre le hamburger et le jambon (en anglais : ham), puisque le nom de la ville de Hambourg a une étymologie différente. Il est courant en Allemagne de nommer les spécialités culinaires selon leur ville d'origine.
Merci.
Le code promo du parcours frontend
Du coup l'event Listener ajouté n'est pas retiré? Il ne risque pas de rester et qu'on se retrouve avec des doublon d'eventListener pour un survole plusieurs fois?
Il n’est ajouté qu’une seule fois. 👍 Il n’y a pas besoin de le retirer ici.
comment le faire avec un projet flutter
Navbar 😉
Thanks 🎉
Je besoin de nom de librairie que tu as utilisé pour anime un text