Coder Une Recherche Dynamique En JavaScript

[@copernic8466]

Front-End, très intéressant même si j'appréhende beaucoup l'apprentissage du JavaScript et que j'ai bien du mal quand je voie la possibilité comme cela, je trouve ça vraiment cool

[@MarckPivi]

Je ne sais pas comment puis-je vous dire merci... de tout le fond du coeur votre video m'a touché et je vous dis merci infiniment. Thank you brother

[@sandrinerodriguez9425]

Front-End, super intéressant, clair et pratique. correspond à un réel besoin MERCI

[@doriantheo5134]

#Front-End Très instructif, j’ai beaucoup appris. Je vais pouvoir améliorer ma fonction de filtre de recherche. Merci Enzo.

[@artveraa]

Sans recherche KZbin me suggère cette vidéo alors que je travaille justement sur une problématique similaire ! Merci pour cette vidéo

[@user-ph5jm6st4n]

Vraiment merci !!! des jours que je cherchais une solution et grâce à toi problème résolu en quelques minutes. C'est super clair en plus de ça! Front-End bien sûr !

[@jessychandler4160]

Front-End !!! franchement super bon tuto ,j'ai encore du mal avec le javascript j'était bloqué à cause des recherches cela me sauve ! continue tes videos

[@damienstephan5825]

Merci pour cette vidéo, elle arrive pile au bon moment pour moi !

[@isa8383]

Front-end 👍. Je n'ai pas encore abordé le JS (mais je commence à essayer de me familiariser ). Vidéo très complète et comme toujours bien expliquée 👍👍👍. Merci pour ton travail Enzo 🙏👍

[@EcoleduWeb]

Le code secret fonctionne ! :)

[@PabloCiezar]

Complet et clair comme vos cours ! Merci ! (Front-End juste pour dire que je suis arrivé jusqu’au bout)

[@Skyflyer]

Front-End. Ce genre de vidéo use-case que j'apprécie. De plus tu expliques très bien ce qui nous aide à comprendre la logique.

[@EcoleduWeb]

Merci beaucoup!

[@tojorarivoson8589]

Front-end bro, vraiment merci

[@rardoobaCode]

Front-End évidemment ! tes explications sont tellement claire senseï...😍

[@Jordan-ie5nd]

Front-End. Propre, dynamique, bonne vidéo 👍

[@ruthkamno5637]

Front-End, j'ai beaucoup appris

[@Daniel.San.1977]

Front-End. Top. Ça donne envie de coder. 👍🏼

[@cedrickjaguar1830]

front-end c'est magnifique les explication

[@ids126]

J'ai pas encore regardé et ça me semble déjà incroyable x)

[@TBM21]

Front-end, merci, j'utilise tes vidéos en complément et en alternant avec un cours théorique JavaScript et ça me permet aussi de consolider mes acquis CSS et HTML. Reste plus qu'à pratiquer. Si tu as créé une série d'exercices pratiques front-end, avec une gradation en difficulté et balayant toutes les notions les plus utilisés ( HTML/CSS/JS) , je suis payeur. Ça serait pour moi la prochaine étape avant de me lancer dans la copie de site ou encore la création ;)

[@EcoleduWeb]

Je réfléchis à coder un site qui proposerait ce genre de choses! J’ai aussi des cours, tu peux les voir en suivant les liens de la description.

[@Madabeer]

Front-end. Merci c'est bien expliqué

[@laurentjouron9988]

Front-End Super comme d'hab.

[@Vdarcel]

Front-end très cool comme d’habitude

[@juniorbila5406]

Front-End Comme d'habitude. Super tuto.

[@abdelmounsifsafir6024]

Bonjour, merci pour cet vidéo qui m a bien aidé pour mon application "front-end"

[@rodriguengnouzoupasaademez2495]

Front-End, merci bro

[@PopCultureQuest]

Front-End ! J'adore tes tutos, même si je suis obligé d'écrire à la vitesse de l'éclair lol

[@Digital_mans]

Merci toujours au top: front-end bien sur !

[@cybernetiks]

Pour info, 8:52 l'attribut "alt" d'une balise "img" est obligatoire même si il est vide norme w3C

[@angladephil]

Et surtout tient compte d'un pb qcque sur l'image, sans oublier l'accessibilité

[@EcoleduWeb]

C'est pour ça que je répète 3 fois dans la vidéo que c'est juste pour l'exemple que je ne le remplis pas. J'ai aussi répêté des centaines de fois que c'était important sur cette chaîne 😄

[@cybernetiks]

@@EcoleduWeb ok autant pr moi ;-)

[@voidsplit2951]

front-end, toujours au top :)

[@jumtukaay_xarala]

Front-end waw j'ai vue votre cours en front-end sur udemy mais j'hésiter a l'acheter mais la j'y fonce direct 😁💪👌

[@azizbakhadda3659]

Merci pour ce cours ❤❤❤

[@shlomkele]

Front-End . merci et bravo

[@walfrid711]

Front-end, merci a vous pour vos vidéo et bonne années

[@EcoleduWeb]

Bonne année ✌️

[@andre-christopherousseau6063]

Front-End super Merci beaucoup.

[@Boldague]

Merci à toi pour ce tuto vidéo. Front-End

[@avelefrancky5207]

Front-End! 👍🏿

[@electronpositron7005]

Merci Enzo c'est super !!!!! 😊 👍 👍 👍 👍 👍 👍

[@ykles24]

Il aurait pu être intéressant d'ajouter une tolérance typographique (avec l'algo de levenshtein par ex), pour anticiper les fautes de frappe de l'utilisateur et proposer des résultats similaires. Super vidéo nonobstant !

[@EcoleduWeb]

🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/ 📚 Tous mes cours sur UDEMY : liste-des-cours.com/

[@djimbalinux2.047]

Front-end 👍 :) Thank you very much !

[@marcrichet2626]

Front-End of course!

[@ClemIKO2429]

Front-End Superbe vidéo ! J'aimerais savoir si c'est possible de faire une barre comme celle-ci mais avec une liste d'émissions qu'on ajouterai depuis une base de données en php ?

[@jnsdep]

Super vidéo ! Merci beaucoup

[@EcoleduWeb]

Pour une raison étrange la landing page pour le code source fonctionne une fois sur deux, je suis sur le coup 🔎 (Lien en commentaire ci-dessous pour un téléchargement direct)

[@gloirengandu2889]

nous sommes en attente toujours

[@levrairaphaeI]

@@gloirengandu2889 par contre il ne faut pas exagérer, n'oubliez pas que ces contenus sont proposés gratuitement. La moindre des choses c'est d'être poli et patient.

[@gloirengandu2889]

@@levrairaphaeI merci ,je croyais pas avoir étais mal à droit mais merci quand-même 🙏

[@EcoleduWeb]

Voici un lien pour obtenir le dossier en .zip le temps que je m'occupe des automatisations. Le lien : drive.google.com/uc?id=1OH21JCbLVX90dYWzrg8kiL9cmw1gDXdx&export=download

[@gloirengandu2889]

@@levrairaphaeI merci ,je croyais pas avoir étais mal à droit mais merci quand-même 🙏

[@ThierrySamani]

merci pour la video mais comment alors je peux faire pour télécharger les images svg de mon choix

[@EcoleduWeb]

Avec plaisir, il existe des centaines de librairies d'icônes dispo sur le web. Gratuite ou payantes.

[@marcrichet2626]

ook! j'ai trouvé, j'avais un / en fin de balise img (React reflexe lol) Désolé, trop top tes vidéos, keep going!

[@foxypiratecove37350]

Faudrait mettre le container de la barre de recherche en `position: fixed;` ou `position: sticky;`, mais je te conseille `position: sticky;`, car ça fait comme `position: fixed;` sauf que l'élément prend quand même une place dans son container.

[@fethiabla]

Merci et FRONTEND

[@madeinfck2419]

frontend évidemment!

[@xav_624]

Front-End top content ;)

[@EcoleduWeb]

Le code fonctionne 😎

[@oceanerodrigues5132]

Front-End Merci beaucoup pour cette vidéo ! J'aurais une petite question, comment peut-on se passer de l'usage de l'API ? Je souhaiterais utiliser une liste de données :)

[@mrpoupou2521]

Front-end, super boulot je vais tenter que la recherche puisse s'étendre aux mails également, par contre un coup de main pour style Eléa si je tape elea ça n'est pas trouvé comment dépasser les accents ? (toLowerCase pour s'affranchir des majuscules, y a t il une commande semblable pour les accents ?) merci encore c'est très ludique

[@virginiemauger4539]

Front end. Très clair, mais comment ajouter un message d'erreur en cas de recherche infructueuse ?

[@PredragJokic]

Ça serait curieux de voir la variation du code en utilisant comme base de données googlesheet. Si cela ne t'ennuie pas trop tu pourrais faire une série des vidéos sur le sujet codage appscript

[@ssikarim]

Merci frontend

[@netsuretsu1802]

Front-end !!!

[@marcrichet2626]

Hello Enzo, les photos ne se display pas chez moi, j'ai des carré à la place pourtant le code m'a l'air bon, auriez-vous une idée? THX

[@kohelet910]

tres cool merci!

[@JeanPierreBontrontBFE]

1000 merci

[@cyrilgourdon7240]

Front-End !!!

[@titou1806]

Front-end, super vidéo qu’aurais-tu codé afin d’éviter l’inner html pour assurer la sécurité ?

[@EcoleduWeb]

innerHTML n'est pas tout le temps mauvais au niveau de la sécurité, il l'est seulement si il est lié à un input qui est connecté à un serveur/bdd, ici ce n'est pas le cas.

[@titou1806]

@@EcoleduWeb justement dans le cas d’une connexion à un serveur ou bdd

[@doriantheo5134]

Hey Enzo, tes svg où tu les as pris please !?

[@EcoleduWeb]

Flaticons, mais j’ai la version pro

[@CrazyCodingChannel]

Cool video, like

[@seahawk28290]

Front-End, plus qu'à l'appliquer à mon projet React

[@ezaraffandiinzouddine1203]

Front-End ☺

[@ids126]

Front-end ;)

[@rogercauchon3010]

front-end et merci

[@hectoramoussou9254]

Front-end J'ai bien assimilé les différentes techniques

[@superecureuil7236]

Front-End dommage que tu l ai pas fait avant c est le sujet du p7 devReact openclassrooms lol

[@devbottomscratch2484]

Merci pour le contenue de qualité Enzo, tjs un plaisir ! J'ai juste un petit problème, le nom et prénom s'affiche mais les images et mail et téléphone ne s'affiche pas de mon coté, sans doute le problème que vous évoquiez precedement, je vais patienter de mon coté et attendre les corrections

[@EcoleduWeb]

Voici le code source afin que tu trouves les différences avec le tien (c'est très formateur) : drive.google.com/uc?id=1OH21JCbLVX90dYWzrg8kiL9cmw1gDXdx&export=download

[@devbottomscratch2484]

@@EcoleduWeb merci tu gères !

[@davidcoudray2207]

Pas mal. Cependant là tu as déjà les items en JavaScript. Lorsque tu veux faire ça avec des items qui ont été généré en PHP c'est légèrement plus compliqué. Ah moins de les récupérer du HTML ou de faire une API PHP pour les récupérer en JS. PS je n'ai pas bien saisi la fonction sort avec le return 1; -1

[@EcoleduWeb]

L’utilisation d’une Api rend les choses plus simples, tu peux même faire ton backend en JS aujourd’hui et créer une API qui te sert comme dans la vidéo et la boucle est bouclée. Je crois que j’ai une vidéo sur la méthode .sort sur ma chaîne 👍

[@davidcoudray2207]

Merci pour ton retour. J'utilise à 90% WordPress. Oui je sais, ce n'est pas bien... Mais ça me permet d'avoir un backoffice opérationnel, une BDD à minima structuré ainsi qu'une base API. Par contre pour le front je développe mon propre thème. L'API WP est ce qu'elle est... Pas tip top mais elle a le mérite être là. Du coup là génération de la page se fait en PHP, tiré de requête SQL. Du coup l'utilisation de JS nous oblige à soit écrire du JS dans la génération en PHP (balise script dans le HTML) soit d'extraire les infos du DOM, ou d'envoyer un/des objets dans le JS appelé. Bref, il y a des toujours des moyens avec WP mais je trouve parfois que c'est un peu écrire une centaine de ligne pour pas grand chose.

[@EcoleduWeb]

@@davidcoudray2207 Je ne critique pas Wordpress, c'est un formidable outil qui peut répondre à des tas de besoins! Mais en effet parfois c'est un peu une machine à gaz.

[@8pro53]

En faite ca fait deja 2 fois que je complete mon adress mail mais je ne recois rien !

[@EcoleduWeb]

Tu peux me donner ton adresse mail en privé sur le Discord ou seulement la première partie ici ? Afin que je vérifie si elle est bien prise en compte.

[@PopCultureQuest]

Quand tu récupères des données via un appel d'api, est-ce que tu es obligé d'utilisé les promesses ou bien est-ce que c'est juste recommandé ?

[@EcoleduWeb]

C'est un moyen très pratique, moderne et éfficace de le faire.

[@PopCultureQuest]

@@EcoleduWeb Merci ! Et désolé pour l'énormissime temps de réponse, simplement je n'ai pas reçu de notification de youtube pour me prévenir que tu m'avais répondu.

[@amrabdelfattah3292]

Front-End notre message secret

[@agamemnon-Fr]

Font-End ;)

[@angladephil]

Bon boulot. Suis toujours un peu énervé de l'utilisation de l'anglais dans les noms de champs, classes ou variables ... pourquoi ?

[@EcoleduWeb]

Il fallait gagner la guerre de 7 ans, Trafalgar, Waterloo ... Et inventer et commercialiser les langages et OS que le monde entier utilise aujourd'hui :)

[@angladephil]

@@EcoleduWeb Juste, je ne parle pas des langages, mais de nommer variables et champs ou fonctions en Anglais. Merci

[@EcoleduWeb]

@@angladephil C'est comme ça dans le monde pro, tout simplement. Je préfère habituer ceux qui regardent mes vidéos. 👍

[@gregorychamekh8143]

#frontend

[@nicolaschoquet3960]

Frontend

[@Wilfriedkpanou]

front end

[@augustinjacquesson1686]

Front-end

[@JeanPierreBontrontBFE]

front-end

[@FOKATV788]

Front-End

[@raoufouchene1766]

front-end

[@josephjoberno]

Front-end

[@EcoleduWeb]

👌👌

[@aegonjs]

front end

[@georgesmfee6652]

JE RECOIS PAS LE CODE .

[@EcoleduWeb]

Bonjour, en général ça met quelques minutes, toujours rien reçu ?

[@georgesmfee6652]

@@EcoleduWeb RIEN !

[@elhabibbirouk9722]

Front-End

[@EcoleduWeb]

Ah génial 👍

[@azizbakhadda3659]

Merci de m'envoyer le code

[@Stefoux]

// Front-end

[@ssikarim]

Merci frontend

[@bicoolbeaujour8397]

Front-End!!!

[@ezaraffandiinzouddine1203]

Front-End ☺

[@BERTHIDA34]

Front-end

[@8pro53]

Front-End

[@onizuka2978]

front-end

[@Solyum]

Front-end

[@ludovicquide3767]

Front-End

[@ricoland4184]

front-end

[@DamienCuda]

Front-end

[@zare2932]

Front-End