Coder Une Recherche Dynamique En JavaScript

[@sandrinegarnier550]

Front-End!!! Comme d'habitude, une vidéo de qualité. Merci beaucoup pour ton travail.

[@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

[@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

[@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

[@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/

[@sandrinerodriguez9425]

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

[@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

[@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 !

[@damienstephan5825]

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

[@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!

[@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 ! :)

[@doriantheo5134]

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

[@PabloCiezar]

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

[@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 👍

[@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.

[@ids126]

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

[@laurentjouron9988]

Front-End Super comme d'hab.

[@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.

[@PopCultureQuest]

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

[@Daniel.San.1977]

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

[@cedrickjaguar1830]

front-end c'est magnifique les explication

[@Vdarcel]

Front-end très cool comme d’habitude

[@ruthkamno5637]

Front-End, j'ai beaucoup appris

[@azizbakhadda3659]

Merci pour ce cours ❤❤❤

[@Digital_mans]

Merci toujours au top: front-end bien sur !

[@abdelmounsifsafir6024]

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

[@Madabeer]

Front-end. Merci c'est bien expliqué

[@rodriguengnouzoupasaademez2495]

Front-End, merci bro

[@juniorbila5406]

Front-End Comme d'habitude. Super tuto.

[@voidsplit2951]

front-end, toujours au top :)

[@mbengue_manage]

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 😁💪👌

[@djimbalinux2.047]

Front-end 👍 :) Thank you very much !

[@shlomkele]

Front-End . merci et bravo

[@walfrid711]

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

[@EcoleduWeb]

Bonne année ✌️

[@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

[@avelefrancky5207]

Front-End! 👍🏿

[@andre-christopherousseau6063]

Front-End super Merci beaucoup.

[@Boldague]

Merci à toi pour ce tuto vidéo. 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 !

[@jnsdep]

Super vidéo ! Merci beaucoup

[@xav_624]

Front-End top content ;)

[@EcoleduWeb]

Le code fonctionne 😎

[@marcrichet2626]

Front-End of course!

[@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 🙏

[@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 ?

[@virginiemauger4539]

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

[@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 ;-)

[@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

[@fethiabla]

Merci et FRONTEND

[@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!

[@madeinfck2419]

frontend évidemment!

[@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 :)

[@doriantheo5134]

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

[@EcoleduWeb]

Flaticons, mais j’ai la version pro

[@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.

[@kohelet910]

tres cool merci!

[@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

[@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

[@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.

[@ssikarim]

Merci frontend

[@JeanPierreBontrontBFE]

1000 merci

[@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.

[@netsuretsu1802]

Front-end !!!

[@CrazyCodingChannel]

Cool video, like

[@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 !

[@cyrilgourdon7240]

Front-End !!!

[@rogercauchon3010]

front-end et merci

[@seahawk28290]

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

[@superecureuil7236]

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

[@ids126]

Front-end ;)

[@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.

[@ezaraffandiinzouddine1203]

Front-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. 👍

[@hectoramoussou9254]

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

[@agamemnon-Fr]

Font-End ;)

[@amrabdelfattah3292]

Front-End notre message secret

[@nicolaschoquet3960]

Frontend

[@georgesmfee6652]

JE RECOIS PAS LE CODE .

[@EcoleduWeb]

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

[@georgesmfee6652]

@@EcoleduWeb RIEN !

[@gregorychamekh8143]

#frontend

[@Wilfriedkpanou]

front end

[@raoufouchene1766]

front-end

[@aegonjs]

front end

[@JeanPierreBontrontBFE]

front-end

[@augustinjacquesson1686]

Front-end

[@josephjoberno]

Front-end

[@EcoleduWeb]

👌👌

[@FOKATV788]

Front-End

[@elhabibbirouk9722]

Front-End

[@EcoleduWeb]

Ah génial 👍

[@Stefoux]

// Front-end

[@azizbakhadda3659]

Merci de m'envoyer le code

[@ssikarim]

Merci frontend

[@bicoolbeaujour8397]

Front-End!!!

[@ezaraffandiinzouddine1203]

Front-End ☺

[@BERTHIDA34]

Front-end

[@onizuka2978]

front-end

[@8pro53]

Front-End

[@Solyum]

Front-end

[@ricoland4184]

front-end

[@ludovicquide3767]

Front-End

[@DamienCuda]

Front-end