- Видео 71
- Просмотров 441 918
NadfriJS
Франция
Добавлен 30 май 2020
Quand j'ai débuté le développement HTML/CSS/Javascript, je me suis rendu compte de la difficulté de trouver des cours faciles à comprendre pour un junior.
Le but de cette chaîne est donc de proposer du contenu gratuit permettant de surmonter les difficultés les plus courantes rencontrées par tout jeune ou moins jeune padawan.
Voici mon Discord pour poser vos questions :
discord.gg/3BtvzAzVas
Mon Github où vous pouvez trouver les sources des tutos de cette chaine:
github.com/nadfri
Le but de cette chaîne est donc de proposer du contenu gratuit permettant de surmonter les difficultés les plus courantes rencontrées par tout jeune ou moins jeune padawan.
Voici mon Discord pour poser vos questions :
discord.gg/3BtvzAzVas
Mon Github où vous pouvez trouver les sources des tutos de cette chaine:
github.com/nadfri
Ce clip a été entièrement généré par l'IA - Ils scrutent ton voile - Style Maitre Gims - 2024
Dans le but de tester les limites des IA génératives, j'ai demandé de créer une musique sur un thème difficile : la discrimination des femmes musulmanes en France. Bien que le resultat ne soit pas parfait, quelques erreurs de prononciation de temps à autre, le résultat a dépassé toutes mes espérances.
La voix rappelle celle d'un certain Maitre Gims...
Musique: www.udio.com/
www.udio.com/songs/eCqbVgBDetbWPw1hQxPgzx
Image: copilot.microsoft.com/
Clip: app.specterr.com/
Sous-titre: app.getcapte.com/
Lyrics:
Dans la tourmente comme Vivaldi
Les voix s’élèvent, forte mélodie
Lutte en silence, mais l'esprit crie
Liberté piétinée, dans nos vies c’est ainsi
[Pré Refrain]
Ils scrutent ton voile
Prêchent le faux...
La voix rappelle celle d'un certain Maitre Gims...
Musique: www.udio.com/
www.udio.com/songs/eCqbVgBDetbWPw1hQxPgzx
Image: copilot.microsoft.com/
Clip: app.specterr.com/
Sous-titre: app.getcapte.com/
Lyrics:
Dans la tourmente comme Vivaldi
Les voix s’élèvent, forte mélodie
Lutte en silence, mais l'esprit crie
Liberté piétinée, dans nos vies c’est ainsi
[Pré Refrain]
Ils scrutent ton voile
Prêchent le faux...
Просмотров: 383
Видео
Mon parcours de Développeur JavaScript - Enfin un Job - mes galères mes conseils - Spécial 2k (2022)
Просмотров 3,4 тыс.2 года назад
Vidéo spécial pour les 2000 abonnés, retour sur mon parcours, mes galères et mes conseils pour éviter certains pièges. 1ère partie: ruclips.net/video/WFzm3FxJNJI/видео.html Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon Github: github.com/nadfri Les meilleures ressources gratuite pour devenir DEV: ruclips.net/video/aeHSuTBOSCo/видео.html La face caché des ESN: rucl...
#9 - reduce - Les Boucles JavaScript pour débutants - Exercices corrigés - 2022 - FR
Просмотров 9452 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:46 - Exercice: Somme 04:50 - Reduce Définitions 08:34 - Exercice :Moyenne 09:16 - Exercice: Multiplication 10:16 - Initial Value 12:45 - Exercice: Join() 16:17 - Exercice: L...
#8 - map - Les Boucles JavaScript pour débutants - Exercices corrigés - 2022 - FR
Просмотров 9382 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Map avec React et JavaScript: ruclips.net/video/OS19BbGb8N8/видео.html Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:28 - Exercice sur les carrés 02:14 - Map et Mapping 02:43 - Version avec map 03:50 - Ne modifie pas le...
#7 - filter - Les Boucles JavaScript pour débutants - Exercices corrigés - 2022 - FR
Просмотров 9422 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. On verra comment filtrer un tableau facilement avec la méthode filter(). Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:37 - Filtrer avec une boucle for 03:00 - Filtrer avec filter() 05:00 - Exercice - Nombres paires 06:...
#6 - includes/indexOf/find - Les Boucles JavaScript pour débutants - Exercices corrigés - 2022 - FR
Просмотров 1,3 тыс.2 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. On verra les méthodes suivantes permettant de trouver un élément dans un tableau: -includes -indexOf -find -findIndex Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:49 - Trouver un élément avec for 03:54 - La méthode inc...
#5 - La Boucle for in - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 1,1 тыс.2 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:24 - Rappel sur les objets 05:19 - La syntaxe for in 07:11 - Break et continue 08:15 - for in avec un array 09:45 - Exercice 1 - Salaire 13:39 - Exercice 2 - Moyenne 19:11 -...
#4 - La Boucle forEach - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 1,7 тыс.3 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:40 - Exemple 1 04:54 - Exemple 2 05:49 - Function dans ForEach 07:38 - Le cas du string 09:04 - Break et continue 11:33 - Exercice 1 - Températures 15:43 - Exercice 2 - Tabl...
#3 - La Boucle FOR OF - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 1,5 тыс.3 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:52 - Exemple 1 02:50 - Exemple 2 03:59 - Exemple 3 05:00 - break et continue 06:18 - L' index? 07:12 - Exercice 1 09:51 - Exercice 2 - Tableau 2D 13:44 - Exercice 3 - Le DOM...
#2 - La Boucle FOR - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 3,7 тыс.3 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:28 - JSBIN 01:39 - Rappel sur while 04:37 - Boucle for 06:25 - break et continue 08:36 - Exercice 1 11:34 - Exercice 2 15:39 - Exercice 3 20:02 - Tableau 2D 27:33 - PythonTu...
#1 - while et do while - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 3,1 тыс.3 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Sommaire: 00:00 - intro 00:21 - La théorie 01:11 - JSBIN 01:56 - Exercice 1 04:20 - Exercice 2 10:06 - break 12:48 - continue 14:37 - Exercice 3 19:07 - do while 22:47 - Conclusion
#0 - Introduction - Les Boucles JavaScript pour débutants - Avec Exercices corrigés - 2022 - FR
Просмотров 2,9 тыс.3 года назад
Dans cette série, nous verrons en détails toutes les boucles en JavaScript et leurs utilités. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri
Retour sur mon parcours de Développeur JavaScript - mes galères et mes conseils - Spécial 1k (2021)
Просмотров 1,4 тыс.3 года назад
Vidéo spécial pour les 1000 abonnés, retour sur mon parcours, mes galères et mes conseils pour éviter certains pièges. Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Mon github: github.com/nadfri Les meilleures ressources gratuite pour devenir DEV: ruclips.net/video/aeHSuTBOSCo/видео.html La face caché des ESN: ruclips.net/video/yxkMfndtSm4/видео.html Sommaire: 00:00 -...
Modifier URL et Liens au SCROLL d'une barre de Navigation en JavaScript Pure - De A à Z - FR (2021)
Просмотров 3,1 тыс.3 года назад
Dans ce tuto nous verrons comment faire pour que nos liens dans une barre de navigation puissent s'activer en fonction de l'endroit ou on est dans la page. Ceci en JavaScript pure sans framework. Lien de la demo: nadfri.github.io/RUclips-Tuto-HashonScroll/ Lien du code: github.com/nadfri/RUclips-Tuto-HashonScroll Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas Sommaire:...
Tout connaitre du mot clé "return" en JavaScript en 20min - Avec Exemples - (2021) FR
Просмотров 6 тыс.3 года назад
Vous voulez comprendre les profondeurs du mot clé "return" en JavaScript, cette vidéo est faite pour vous, que vous soyez débutant ou intermédiaire, vous allez apprendre beaucoup de notions importantes, sur les fonctions, les fonctions fléchées, le break, les conditions... Des questions? Venez me rejoindre sur mon Discord: discord.gg/3BtvzAzVas 00:00 - Intro 00:50 - Les bases 04:58 - Fin des in...
Inverser une chaine de caractère en Javascript - Correction FreeCodeCamp Reverse String (2021) FR
Просмотров 1 тыс.3 года назад
Inverser une chaine de caractère en Javascript - Correction FreeCodeCamp Reverse String (2021) FR
Comment fonctionne map sur React? Avec Exemples en moins de 15min (2021) FR
Просмотров 2,9 тыс.3 года назад
Comment fonctionne map sur React? Avec Exemples en moins de 15min (2021) FR
Les meilleurs cours gratuits pour devenir Développeur Web HTML/CSS/JAVASCRIPT/REACT/PHP
Просмотров 2,6 тыс.3 года назад
Les meilleurs cours gratuits pour devenir Développeur Web HTML/CSS/JAVASCRIPT/REACT/PHP
Les Positions CSS en 20 minutes - Absolute - Relative - Fixed - Sticky - Avec Exemples (2021) FR
Просмотров 47 тыс.3 года назад
Les Positions CSS en 20 minutes - Absolute - Relative - Fixed - Sticky - Avec Exemples (2021) FR
Tuto: Card Superbe Effet Slide 100% CSS De A à Z - Glissement de Carte (2021) En Français (fr)
Просмотров 2,4 тыс.3 года назад
Tuto: Card Superbe Effet Slide 100% CSS De A à Z - Glissement de Carte (2021) En Français (fr)
Tuto: Flip Card Effet 3D 100% CSS De A à Z - Rotation Carte 3D (2021) En Français (fr)
Просмотров 4,5 тыс.3 года назад
Tuto: Flip Card Effet 3D 100% CSS De A à Z - Rotation Carte 3D (2021) En Français (fr)
Explication du Destructuring et Spread Operator en Javascript avec Exemples pour Débutants (2021)
Просмотров 2,2 тыс.3 года назад
Explication du Destructuring et Spread Operator en Javascript avec Exemples pour Débutants (2021)
Hacker Site Internet et Mot de Passe uniquement via le CSS ??? (2021)
Просмотров 48 тыс.4 года назад
Hacker Site Internet et Mot de Passe uniquement via le CSS ??? (2021)
Correction de l'Exercice P1C4 du cours: Écrivez du JavaScript pour le Web sur OPENCLASSROOMS
Просмотров 1,1 тыс.4 года назад
Correction de l'Exercice P1C4 du cours: Écrivez du JavaScript pour le Web sur OPENCLASSROOMS
#10/10 Site Web + Barre de Navigation et Hamburger sans Framework de A à Z-Scroll Progress Bar(2021)
Просмотров 5434 года назад
#10/10 Site Web Barre de Navigation et Hamburger sans Framework de A à Z-Scroll Progress Bar(2021)
#9/10 Site Web + Barre de Navigation et Hamburger sans Framework de A à Z - Gestion du Scroll (2021)
Просмотров 6184 года назад
#9/10 Site Web Barre de Navigation et Hamburger sans Framework de A à Z - Gestion du Scroll (2021)
#8/10 Site Web + Barre de Navigation et Hamburger sans Framework de A à Z- Menu en Responsive (2021)
Просмотров 1,2 тыс.4 года назад
#8/10 Site Web Barre de Navigation et Hamburger sans Framework de A à Z- Menu en Responsive (2021)
Comment Récupérer les données d'une API avec Fetch en moins de 15 minutes avec Exemples (2021)
Просмотров 40 тыс.4 года назад
Comment Récupérer les données d'une API avec Fetch en moins de 15 minutes avec Exemples (2021)
#7/10 Site Web + Barre de Navigation et Hamburger sans Framework de A à Z - Animation Burger (2021)
Просмотров 8404 года назад
#7/10 Site Web Barre de Navigation et Hamburger sans Framework de A à Z - Animation Burger (2021)
#6/10 Site Web + Barre de Navigation et Hamburger sans Framework de A à Z - Hamburger en CSS (2021)
Просмотров 1 тыс.4 года назад
#6/10 Site Web Barre de Navigation et Hamburger sans Framework de A à Z - Hamburger en CSS (2021)
Facilite déconcertante vive l’expérience et merci pour cette vidéo 👍
Merci beaucoup pour votre vidéo 🎊 🎉❤❤ j’ai bien compris le positionnement en CSS et c’est grâce à vous.
Merci🙏
Quand je tape sur ! + Entrer ça ne viens pas
Merci ❤❤❤❤❤
Salut NadriJs , tout d'abord merci pour tes vidéos, ensuite meme si j'arrive un peu tard , il me semble qu'il y'a une erreur dans le corrigé de l'exercice des puissances , le console log est placé avant le calcul dans la boucle ce qui fausse le resultat et nous affiche un "1" dont on a pas besoin.En le plaçant juste apres mais toujours dans la boucle on obtiendra bien le resultat voulu, de meme le console.log a l'exterieur de la boucle est en trop.
Hello, en effet ça fait un moment cette video ;) j'imagine que j'avais fait comme cela pour avoir la puissance 0 qui fait toujours 1, comme 2^0.
@@NadfriJS ah ok, en tout cas c'est sympa de répondre!
je viens de finir ta série sur les boucles vraiment tres tres instructif merci à toi, je dois actuellement me préparer pour passer à React et tes videos me sont très précieuses!
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Wow❤,trop cool comme explication. Nous aimerions à ce que tu nous apprenne comment hacker un portable tout entier, voir des appels effectués, tout ce qu'on fait😅
Merciiiiii pour cette vidéo
merci bcp c'est trés claire
Je n'arrive pas à sélectionner le h1
Merci svp et sur komodo ?
Parfait merci beaucoup !
bravo , bien expliqué
Pov : la SNT :
Pov moi qui regarde aussi pour la snt
Merci bien assimilé
Tu sauve la vie bro, un grand Merci... T'as gagné un sub :)
Incroyable vraiment je suis stupéfaite
Merci beaucoup c'était super clair. Super vidéo
Vous êtes trop fort merci bcpppp !!!
j'arrive pas à enregistrer
comment il a fait pour sélectionne le H1 je comprend pas cette petit clique depuis deux heure seigneur
J'ai juste remplacé le texte "Box" par une image <img src= ... et ça ne fonctionne plus. Enfin, ça fonctionne à moitié : on ne peut faire qu'un seul déplacement, comme si la boite de départ se figeait. Elle continue d'échanger les contenus, mais elle reste en pointillé gris. Je ne comprends pas où est le problème
merci beaucoup monsieur
comment on met en commentaire le style
Comme ça : /* Commentaire */
Et sur Android ????
je découvre cette excellente vidéo merci
L'explication est trop rapide
Merci beaucoup 🤗 pour sa je m’abonne
Salut merci pour ces explications, j'aimerais une confirmation, le conteneur c'est bien une div dans ton cas?
Oui c'est ça
Je penses que sticky n'a pas fonctionner au début parce que son container à une position relative. Il faudrait donc enlever la position du container.
Une question Monsieur, quelle IA avez-vous utilisé pour faire ça?
Hello, j'ai mis tous les outils utilisés dans la description, le plus important est udio.com, il permet de generer le texte et la musique de maniere assez simple
Le résultat un simplement surprenant que c'est difficile d'imaginer que cela a été réalisé par une IA
Bonjour Monsieur, merci pour ce beau travail que vous aviez décidé de partagé gratuitement avec nous. Vous êtes vraiment un pédagogue, vous m'avez non pas simplement aidé à comprendre les produits position de CSS, mais m'aidé également à m'intéresser encore plus au développement Web
Merci infiniment
Je suis tombé sur ce tuto 3anss après, je n'ai qu'une seule chose à dire "M E R C I" C'est excellent!
Merci, au moins cette vidéo aura été utile à quelqu'un 😁
Bravo 👊🙏
Vraiment bien bravo
Pas facile d'être autodidacte mais si passionnant, merci pour tout.
Merci, oui une vidéo complète est intéressant
Vous êtes le meilleur !!! J'ai passé un temps fou sur la propriété sticky sans comprendre pourquoi elle ne fonctionnait pas et vous m'avez parfaitement expliqué pourquoi 😁 Merci infiniment !!!!!!!!!!
Merci de votre retour 😊
Merci
Quel est le logiciel 😢
merci bien vous ete un genie 🙏🙏
slt merci bcp pour le tuto ,que faire lorsque la feuille html et css sont dans de different dossier
Bien spécifier le chemin dans l'url, par exemple, si c'est dans un dossier CSS, ca pourait etre: href="CSS/style.css"
Bonjour dites-moi s'il vous plaît comment télécharger le CSS merci
bah,c'est tres cool