- 73
- 6 421
Weboscopie
เข้าร่วมเมื่อ 25 พ.ค. 2023
Juste une énième chaîne TH-cam qui parle de développement web.
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.
(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.
JavaScript #25 - Héritage ou composition ?
มุมมอง 474 หลายเดือนก่อน
JavaScript #25 - Héritage ou composition ?
JavaScript #20 - Itérables et itérateurs
มุมมอง 644 หลายเดือนก่อน
JavaScript #20 - Itérables et itérateurs
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
hey guys where is this source github url ???
Hi there, here is the repo : github.com/Weboscopy/serie-web-design/tree/27 ;)
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 !
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 😉
Merci Monsieur 🎉🎉❤❤❤
Merci à toi pour ton message !!
Merci pour le cours prof ❤❤❤
Avec plaisir !
Enfin je trouve le meilleur contenu pour apprendre typescript avec les explications détaillées et des exemples a l'appui
Explication claire et propre. Merci Monsieur pour ce travail
Merci beaucoup !
Le meilleur cours de typescript pour tout débutant
Merci pour ton soutien ;)
Merci pour ce merveilleux cours ❤❤❤❤
Merci beaucoup pour ton soutien☺
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"
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 ;)
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() ?
😲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 ;)
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
Merci beaucoup pour ton soutien ! ça m'a fait plaiz' de lire ton message 😁😁
De super tips, simples, concis et précis! Merci!
😃😃 Merci beaucoup !!!
Merci pour ces explications qui vont beaucoup servir !
Merci à toi pour ton message ! Ravi de savoir que ce tuto ait pu te servir !
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
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.
@@Weboscopiemerci pour la réf, du coup je vais regarder ça 🧐🥳
Explications claires ❤
Merci beaucoup pour ton message !
Vraiment vous expliquez bien les choses Vous me donnez envie de faire du typeScript💛
Ah trop sympa ! Merci beaucoup pour ton commentaire ! ça fait plaisir ;)
excellent !, c'est pile se dont j'avais besoins ! merci pour le contenu qualitatif
Ah génial ! Content que cette vidéo t'ait aidé et qu'elle soit arrivée à temps surtout :) Merci pour ton soutien !!!
merci grace a cette video j'ai mieux compris le principe d'assertion
Merci à toi pour ton commentaire ! Content de savoir que cette vidéo t'ait plu !
Très intéressant Explications détaillées Merci beaucoup ❤
Merci pour ton commentaire ! Content que cette vidéo ait pu te servir !!!
Merci beaucoup tu as traité toutes les possibilités dont j'avais besoin.
Bien content de voir que cette vidéo ait pu te servir ! Merci pour ton message ;)
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à. 👍
Eh oui effectivement ! Très bonne remarque et merci pour ton commentaire !
Merci pour ce nouveau tutoriel. ❤❤❤
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.
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 ! 🫡🤩
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 !
🔥🔥 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.
🔥🔥 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
Wow ! Merci beaucoup de suivre mes vidéos ! Un soutien continu de ta part, franchement au top !!!
Merci pour ce tutoriel 🎉🎉🎉🎉
Avec grand plaisir ! Merci à toi pour ton message ;)
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 !
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 !
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
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 !
@@Weboscopie 🔥🔥🔥
wow je suis impressionner par le contenu tellement quali et gratuit en même temps !!! 🫡😲, merci beaucoup !!! et ne lâche rien !
Un grand merci à toi pour ton soutien et ton message très sympa ;)
Mr a quand la suite de la formation ?
Toujours au top des explications
Un grand merci à toi pour ton soutien ! ça fait plaisir ;)
Merci prof pour ce merveilleux cours
Merci à toi pour les encouragements ! Content de voir que cette vidéo t'ait plu !!!
merci pour ce cours. J'ai espoir d'apprendre plus sur votre chaine
Avec plaisir ! Un grand merci pour vos commentaires !
@@Weboscopie vous faites des très bons contenus
Sa ressemble légèrement au Ocaml j'ai l'impression 😮
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 ;)
@@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!
Bon à savoir ! Je ne connaissais pas, à creuser. Merci ;)