Weboscopie
Weboscopie
  • 73
  • 6 421
JavaScript #22 - Les générateurs
Aujourd'hui dans la série sur JavaScript, on parle des générateurs qui vont permettre de contrôler l'exécution d'une fonction. En effet, les générateurs sont créés à partir d'une fonction de génération dont l'exécution va pouvoir être interrompue et reprise au fur et à mesure.
(00:00) rappel sur les itérables
(02:12) fonction de génération
(05:52) cas pratique : bar de progression
Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #22 du dépôt serie-javascript.
มุมมอง: 58

วีดีโอ

Web Design #Projet : Cars Filter
มุมมอง 3221 วันที่ผ่านมา
Nouvelle vidéo de la série sur le Web Design dans laquelle on va parler des filtres. Au passage, on a profitera pour récapituler certains concepts que l'on a vu jusqu'ici dans la série. (00:00) Introduction (02:01) HTML (07:50) CSS (18:44) JavaScript Si vous voulez suivre ce tutoriel et coder en même temps, vous trouverez sur le Github de Weboscop, le code de l’application dans le dépôt « proje...
Web Design #26 - Système de notation
มุมมอง 57หลายเดือนก่อน
On poursuit la série sur le Web Design avec cette fois-ci un tutoriel dans lequel on va construire un système de notation. (00:00) Introduction (01:10) HTML (06:43) CSS (20:48) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #26 du dépôt serie-web-design.
Web Design #25 - Validation instantanée
มุมมอง 54หลายเดือนก่อน
Nouvelle vidéo de la série sur le Web Design. Aujourd'hui, on voit comment on peut créer un formulaire avec validation instantanée des différents champs. (00:00) Introduction (02:34) HTML (06:26) CSS (16:00) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #25 du dépôt serie-web-design.
Web Design #24 - Formulaire à étapes
มุมมอง 39หลายเดือนก่อน
On continue la série sur le Web Design avec une nouvelle vidéo dans laquelle on construit un formulaire à étapes, toujours en utilisant uniquement HTML, CSS et JavaScript. (00:00) Introduction (02:04) HTML (04:58) CSS (18:30) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #24 du dépôt serie-web-design.
Web Design #23 - Glisser - Déposer
มุมมอง 60หลายเดือนก่อน
Nouvelle vidéo de la série sur Web Design dans laquelle on explore les mécanismes du glisser-déposer. (00:00) Introduction (01:00) HTML (02:45) CSS (07:10) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #23 du dépôt serie-web-design.
Web Design #22 - Modal & Popup
มุมมอง 432 หลายเดือนก่อน
Nouvelle épisode de la série sur le Web Design. Cette fois-ci on va s'attarder sur la différence entre les popups et les fenêtres modales. (00:00) Introduction (01:28) Popup (12:04) Modal Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #22 du dépôt serie-web-design.
Web Design #21 - Carrousel
มุมมอง 582 หลายเดือนก่อน
On poursuit notre série sur le Web Design avec un nouvel épisode où on apprend à créer un carrousel. (00:00) Introduction (01:55) HTML (05:27) CSS (20:21) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #21 du dépôt serie-web-design.
Web Design #20 - Code de vérification
มุมมอง 402 หลายเดือนก่อน
20ème vidéo de la série sur le web design. Cette fois-ci on crée un composant qui permet de valider des codes de vérifications. (00:00) Introduction (02:01) HTML (03:44) CSS (12:05) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #20 du dépôt serie-web-design.
Web Design #19 - Tags
มุมมอง 262 หลายเดือนก่อน
Bienvenue dans cette nouvelle vidéo de la série sur le Web Design dans laquelle on construit un composant pour ajouter des tags. (00:00) Introduction (02:33) HTML (05:41) CSS (18:39) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #19 du dépôt serie-web-design.
Web Design #18 - Étapes
มุมมอง 302 หลายเดือนก่อน
Nouvelle vidéo de la série sur le Web Design. Cette fois-ci, on crée un composant pour gérer des étapes. (00:00) Introduction (01:06) HTML (04:41) CSS (20:46) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #18 du dépôt serie-web-design.
Web Design #17 - Notifications
มุมมอง 433 หลายเดือนก่อน
Dans cette nouvelle vidéo de la série sur le web design, on va voir comment créer des notifications en utilisant HTML, CSS et JavaScript. (00:00) Introduction (01:10) HTML (03:23) CSS (18:28) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #17 du dépôt serie-web-design.
Web Design #16 - Effet machine à écrire
มุมมอง 213 หลายเดือนก่อน
Nouvelle vidéo de la série sur le Web Design dans laquelle on crée un effet « machine à écrire ». (00:00) Introduction (02:03) HTML (03:44) CSS (15:54) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #16 du dépôt serie-web-design.
Web Design #15 - Menu responsive
มุมมอง 183 หลายเดือนก่อน
Nouveau tutoriel de la série sur le Web Design dans lequel on va créer ensemble un menu responsive pour que l’utilisateur puisse naviguer facilement sur notre site, aussi bien en version desktop que en version mobile. (00:00) introduction(01:15) HTML version desktop (04:30) CSS (15:43) Bouton hamburger (21:34) JavaScript (25:00) Menu mobile Le code présenté dans la vidéo est disponible sur le G...
Web Design #14 - Collapsibles
มุมมอง 213 หลายเดือนก่อน
Nouveau tutoriel de la série sur le web design dans lequel on aborde les composants dépliables. (00:00) Introduction (01:00) Méthodologie BEM (03:00) HTML (10:54) CSS (23:54) JavaScript Le code présenté dans la vidéo est disponible sur le GitHub de Weboscopy, dans la branche #14 du dépôt serie-web-design.
Web Design #13 - Cards
มุมมอง 334 หลายเดือนก่อน
Web Design #13 - Cards
JavaScript #Projet - Todo App
มุมมอง 1104 หลายเดือนก่อน
JavaScript #Projet - Todo App
JavaScript #25 - Héritage ou composition ?
มุมมอง 474 หลายเดือนก่อน
JavaScript #25 - Héritage ou composition ?
JavaScript #24 - FormData
มุมมอง 864 หลายเดือนก่อน
JavaScript #24 - FormData
JavaScript #23 - La fonction Pipe
มุมมอง 634 หลายเดือนก่อน
JavaScript #23 - La fonction Pipe
JavaScript #21 - Throttle
มุมมอง 514 หลายเดือนก่อน
JavaScript #21 - Throttle
JavaScript #20 - Itérables et itérateurs
มุมมอง 644 หลายเดือนก่อน
JavaScript #20 - Itérables et itérateurs
JavaScript #19 - La mémoïsation
มุมมอง 654 หลายเดือนก่อน
JavaScript #19 - La mémoïsation
JavaScript #18 - Call, Apply & Bind
มุมมอง 804 หลายเดือนก่อน
JavaScript #18 - Call, Apply & Bind
JavaScript #17 - Debounce
มุมมอง 1034 หลายเดือนก่อน
JavaScript #17 - Debounce
JavaScript #16 - Les Maps
มุมมอง 944 หลายเดือนก่อน
JavaScript #16 - Les Maps
JavaScript #15 - Les prototypes
มุมมอง 1024 หลายเดือนก่อน
JavaScript #15 - Les prototypes
JavaScript #14 - Propagation d'événements & Délégation
มุมมอง 1044 หลายเดือนก่อน
JavaScript #14 - Propagation d'événements & Délégation
JavaScript #13 - Les fonctions invoquées immédiatement
มุมมอง 1034 หลายเดือนก่อน
JavaScript #13 - Les fonctions invoquées immédiatement
JavaScript #12 - La programmation asynchrone
มุมมอง 1094 หลายเดือนก่อน
JavaScript #12 - La programmation asynchrone

ความคิดเห็น

  • @cruisetom5838
    @cruisetom5838 27 วันที่ผ่านมา

    hey guys where is this source github url ???

    • @Weboscopie
      @Weboscopie 25 วันที่ผ่านมา

      Hi there, here is the repo : github.com/Weboscopy/serie-web-design/tree/27 ;)

  • @AbdoulayeDiallo-je8fe
    @AbdoulayeDiallo-je8fe หลายเดือนก่อน

    Merci pour cette série #Web Design 👌😍, les vidéos sont excellentes ! et tu as une manière de coder que je trouve esthétique ". si tu boucle cette serie, je voudrais bien une playlist sur le fonctionnement de JavaScript (event loop, environnement record etc...) avec ton approche ça serait vraiment le dream !

    • @Weboscopie
      @Weboscopie หลายเดือนก่อน

      Un grand merci à toi pour ton message qui fait bien plaiz !!! Nodejs et JavaScript côté serveur pourraient bien faire l'objet d'une future série 😉

  • @pemocham
    @pemocham หลายเดือนก่อน

    Merci Monsieur 🎉🎉❤❤❤

    • @Weboscopie
      @Weboscopie หลายเดือนก่อน

      Merci à toi pour ton message !!

  • @pemocham
    @pemocham หลายเดือนก่อน

    Merci pour le cours prof ❤❤❤

    • @Weboscopie
      @Weboscopie หลายเดือนก่อน

      Avec plaisir !

  • @pemocham
    @pemocham หลายเดือนก่อน

    Enfin je trouve le meilleur contenu pour apprendre typescript avec les explications détaillées et des exemples a l'appui

  • @pemocham
    @pemocham หลายเดือนก่อน

    Explication claire et propre. Merci Monsieur pour ce travail

    • @Weboscopie
      @Weboscopie หลายเดือนก่อน

      Merci beaucoup !

  • @pemocham
    @pemocham หลายเดือนก่อน

    Le meilleur cours de typescript pour tout débutant

    • @Weboscopie
      @Weboscopie หลายเดือนก่อน

      Merci pour ton soutien ;)

  • @pemocham
    @pemocham 2 หลายเดือนก่อน

    Merci pour ce merveilleux cours ❤❤❤❤

    • @Weboscopie
      @Weboscopie 2 หลายเดือนก่อน

      Merci beaucoup pour ton soutien☺

  • @AbdoulayeDiallo-je8fe
    @AbdoulayeDiallo-je8fe 2 หลายเดือนก่อน

    Excellent tuto chef, par contre j'ai pas compris comment tu as réussi a utiliser la fonction " charge " qui es retourner par la fonction auto invoqué alors que tu n'a pas stocker la valeur de retour a savoir "charge"

    • @Weboscopie
      @Weboscopie 2 หลายเดือนก่อน

      Excellente question ! La variable charge qui est retournée à l'intérieur de la fonction invoquée immédiatement n'est pas déclarée avec les mots-clés const, let ou var. De ce fait il s'agit d'une variable globale et elle est donc accessible en dehors du scope de la fonction ;)

  • @remigaborit2486
    @remigaborit2486 2 หลายเดือนก่อน

    Il me semble que dans les nouvelles norme en JS (ECMAScript N), qu'une fonction native à été crée pour réaliser une copie profonde d'un tableau ? la méthode : .structuredClone() ?

    • @Weboscopie
      @Weboscopie 2 หลายเดือนก่อน

      😲Effectivement ! J'ignorais son existence, merci à toi pour cette découverte. J'imagine qu'elle n'est pour l'instant pas encore compatible avec tous les navigateurs ou les versions modernes de nodejs, mais elle le sera très certainement bientôt ! Bon à savoir en tout cas, et merci pour le partage ;)

  • @ABDOULKARIMDIALLO-t5w
    @ABDOULKARIMDIALLO-t5w 2 หลายเดือนก่อน

    Des vidéos sont très très bonnes mais je sais pas pourquoi tu n'as pas autant d'abonnés que tu ne mérites

    • @Weboscopie
      @Weboscopie 2 หลายเดือนก่อน

      Merci beaucoup pour ton soutien ! ça m'a fait plaiz' de lire ton message 😁😁

  • @audelellouche5361
    @audelellouche5361 4 หลายเดือนก่อน

    De super tips, simples, concis et précis! Merci!

    • @Weboscopie
      @Weboscopie 4 หลายเดือนก่อน

      😃😃 Merci beaucoup !!!

  • @sephyanow3050
    @sephyanow3050 4 หลายเดือนก่อน

    Merci pour ces explications qui vont beaucoup servir !

    • @Weboscopie
      @Weboscopie 4 หลายเดือนก่อน

      Merci à toi pour ton message ! Ravi de savoir que ce tuto ait pu te servir !

  • @ironskyper2066
    @ironskyper2066 4 หลายเดือนก่อน

    Merci chef pour le taf et l'apprentissage !, j'aimerai bien que tu nous montre aussi comment mettre en place une pagination , si l’idée t'interaisse alors... hâte de voir le tuto sortir

    • @Weboscopie
      @Weboscopie 4 หลายเดือนก่อน

      De rien et merci à toi pour ton message. C'est une bonne idée ! J'y penserai :D Si tu as déjà besoin d'une piste sur la pagination côté client, n'hésite pas à aller regarder la vidéo #4 de la série JavaScript qui porte sur la méthode from sur les tableaux ; l'exemple de la vidéo est justement centré sur la pagination.

    • @ironskyper2066
      @ironskyper2066 4 หลายเดือนก่อน

      @@Weboscopiemerci pour la réf, du coup je vais regarder ça 🧐🥳

  • @mawudzrohounnake6422
    @mawudzrohounnake6422 4 หลายเดือนก่อน

    Explications claires ❤

    • @Weboscopie
      @Weboscopie 4 หลายเดือนก่อน

      Merci beaucoup pour ton message !

  • @mawudzrohounnake6422
    @mawudzrohounnake6422 5 หลายเดือนก่อน

    Vraiment vous expliquez bien les choses Vous me donnez envie de faire du typeScript💛

    • @Weboscopie
      @Weboscopie 5 หลายเดือนก่อน

      Ah trop sympa ! Merci beaucoup pour ton commentaire ! ça fait plaisir ;)

  • @ironskyper2066
    @ironskyper2066 6 หลายเดือนก่อน

    excellent !, c'est pile se dont j'avais besoins ! merci pour le contenu qualitatif

    • @Weboscopie
      @Weboscopie 6 หลายเดือนก่อน

      Ah génial ! Content que cette vidéo t'ait aidé et qu'elle soit arrivée à temps surtout :) Merci pour ton soutien !!!

  • @sukunagame7
    @sukunagame7 6 หลายเดือนก่อน

    merci grace a cette video j'ai mieux compris le principe d'assertion

    • @Weboscopie
      @Weboscopie 6 หลายเดือนก่อน

      Merci à toi pour ton commentaire ! Content de savoir que cette vidéo t'ait plu !

  • @mawudzrohounnake6422
    @mawudzrohounnake6422 6 หลายเดือนก่อน

    Très intéressant Explications détaillées Merci beaucoup ❤

    • @Weboscopie
      @Weboscopie 6 หลายเดือนก่อน

      Merci pour ton commentaire ! Content que cette vidéo ait pu te servir !!!

  • @Freedomfor_PAUL_WATSON
    @Freedomfor_PAUL_WATSON 7 หลายเดือนก่อน

    Merci beaucoup tu as traité toutes les possibilités dont j'avais besoin.

    • @Weboscopie
      @Weboscopie 7 หลายเดือนก่อน

      Bien content de voir que cette vidéo ait pu te servir ! Merci pour ton message ;)

  • @j.s3332
    @j.s3332 7 หลายเดือนก่อน

    Dans bien des cas quand on utilise un enum dans des conditions il faut simplement utiliser les clés : les valeurs importent peu. C'est pratique pour éviter les "nombres magiques" en lieu et place des constantes globales dans le code. Typiquement le problème évoqué avec le switch n'aurait pas du être là si tu avais utilisé les clés dans les cases : StatusCode.success au lieu de 1, StatusCode.redirect au lieu de 2, etc. Autrement c'est une très bonne playlist de vidéos que tu nous as fais là. 👍

    • @Weboscopie
      @Weboscopie 7 หลายเดือนก่อน

      Eh oui effectivement ! Très bonne remarque et merci pour ton commentaire !

  • @pemocham
    @pemocham 9 หลายเดือนก่อน

    Merci pour ce nouveau tutoriel. ❤❤❤

  • @Learnbynet
    @Learnbynet 10 หลายเดือนก่อน

    petite note : les @décorateurs de class change l'aspect de la ~class et surcharge en class anonyme ce qui rend plus difficile le debug ou le diag de la mémoire. Cela peut être un inconvenant dépendant l'arch choisis.

  • @ironskyper2066
    @ironskyper2066 10 หลายเดือนก่อน

    je sais même pas si Merci suffit, tellement il es quali le contenu et l’énergie que vous mettez a nous apprendre ! ont sens vraiment l'envie de faire comprendre se qu'ont explique , merciii quand même, plus le pouce bleu pour le soutient !!! j’espère que tu vas vite devenir viral ! 🫡🤩

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Grand merci pour les encouragements et les bonnes vibes ! Trop sympa ton message ;) Bien content de savoir que tu as pu trouver des choses intéressantes dans cette vidéo !

  • @pemocham
    @pemocham 10 หลายเดือนก่อน

    🔥🔥 explication claire et simple. Merci pour ce que vous faites pour la communauté. Les gars je vous recommande fortement de suivre la formation sur cette chaîne.

  • @pemocham
    @pemocham 10 หลายเดือนก่อน

    🔥🔥 explication claire et simple. Merci pour ce que vous faites pour la communauté. Les gars je vous recommande fortement de suivre la formation sur cette chaîne

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Wow ! Merci beaucoup de suivre mes vidéos ! Un soutien continu de ta part, franchement au top !!!

  • @pemocham
    @pemocham 10 หลายเดือนก่อน

    Merci pour ce tutoriel 🎉🎉🎉🎉

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Avec grand plaisir ! Merci à toi pour ton message ;)

  • @ironskyper2066
    @ironskyper2066 10 หลายเดือนก่อน

    encore un excellent cours !, qui m'a beaucoup fatiguer par contre😓🤯, et que je compte revoir pour une troisième fois afin de bien assimiler le reste, je devient beaucoup plus confiant et ça m'aide énormément avec le framework Angular, merci beaucoup !!! et bonne continuation !

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Merci beaucoup pour ton message ! ça me fait trop plaisir ! C'est vrai que les génériques, c'est un "gros dossier" en TypeScript... Il faut prendre son temps pour bien tout assimiler mais ça vaut le coup de s'y pencher car c'est vraiment une des forces de TypeScript pour écrire du code réutilisable ! 💪 pour l'apprentissage d'Angular !

  • @pemocham
    @pemocham 10 หลายเดือนก่อน

    Merci pour ces vidéos webscopy. Vous êtes l'un des meilleurs producteurs de contenus. Grâce à vous j'ai un CV solide en JavaScript et bientôt typescript rejoint

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Un grand merci pour ton message ! Ça me fait vraiment plaisir de savoir que ces vidéos ont pu t'aider dans ton aventure de dev !

    • @pemocham
      @pemocham 10 หลายเดือนก่อน

      @@Weboscopie 🔥🔥🔥

  • @ironskyper2066
    @ironskyper2066 10 หลายเดือนก่อน

    wow je suis impressionner par le contenu tellement quali et gratuit en même temps !!! 🫡😲, merci beaucoup !!! et ne lâche rien !

    • @Weboscopie
      @Weboscopie 10 หลายเดือนก่อน

      Un grand merci à toi pour ton soutien et ton message très sympa ;)

  • @pemochamdev
    @pemochamdev 11 หลายเดือนก่อน

    Mr a quand la suite de la formation ?

  • @pemochamdev
    @pemochamdev 11 หลายเดือนก่อน

    Toujours au top des explications

    • @Weboscopie
      @Weboscopie 11 หลายเดือนก่อน

      Un grand merci à toi pour ton soutien ! ça fait plaisir ;)

  • @pemochamdev
    @pemochamdev ปีที่แล้ว

    Merci prof pour ce merveilleux cours

    • @Weboscopie
      @Weboscopie ปีที่แล้ว

      Merci à toi pour les encouragements ! Content de voir que cette vidéo t'ait plu !!!

  • @pemocham
    @pemocham ปีที่แล้ว

    merci pour ce cours. J'ai espoir d'apprendre plus sur votre chaine

    • @Weboscopie
      @Weboscopie ปีที่แล้ว

      Avec plaisir ! Un grand merci pour vos commentaires !

    • @pemocham
      @pemocham ปีที่แล้ว

      @@Weboscopie vous faites des très bons contenus

  • @mwlulud2995
    @mwlulud2995 ปีที่แล้ว

    Sa ressemble légèrement au Ocaml j'ai l'impression 😮

    • @Weboscopie
      @Weboscopie ปีที่แล้ว

      Yes ! Je ne connais pas ce langage, mais apparemment il a l'air d'être utilisé pour faire de la programmation fonctionnelle, donc ça doit beaucoup ressembler à ce qu'on fait généralement en JavaScript / TypeScript. Merci pour la découverte ;)

    • @mwlulud2995
      @mwlulud2995 ปีที่แล้ว

      @@Weboscopie Il est horrible à utilisée mais et même malheureusement utilisée par Facebook pour contrôler les types de python. Et tu peux même faire du Web avec il va compiler en javascript mais la syntaxe est degeulas est volontairement minifier!

    • @Weboscopie
      @Weboscopie ปีที่แล้ว

      Bon à savoir ! Je ne connaissais pas, à creuser. Merci ;)