Тёмный

Tutoriel JavaScript en 1 HEURE | Comprendre l'ESSENTIEL pour Débutant 

Melvynx • Apprendre à coder
Подписаться 26 тыс.
Просмотров 42 тыс.
50% 1

Cours GRATUITS sur JavaScript : mlv.sh/javascript-1-heure
00:00 - Introduction
00:04 - Plan
01:20 - Introduction à Javascript
05:41 - Premier script en JS
07:01 - Premier projet en JS
13:32 - JS avec node.js
15:21 - Les variables
21:45 - Les types de références
34:46 - Les conditions
43:49 - Les fonctions
53:44 - Outro
▶ VIDÉO
Au cours de ce tutoriel, vous serez initié aux bases de JavaScript, comprenant la syntaxe de base, les variables, les boucles, les fonctions et plus encore. Vous apprendrez également comment intégrer JavaScript à HTML et CSS pour créer des sites web interactifs.
Cette vidéo est conçue pour être facile à suivre pour tous, y compris ceux qui n'ont aucune expérience préalable en programmation. Le monde du développement web est à portée de main et cette vidéo est votre premier pas vers la maîtrise de JavaScript.
Au terme de ce tutoriel, vous serez capable de comprendre et d'écrire du code JavaScript simple. Vous aurez également une meilleure idée de comment JavaScript est utilisé pour rendre les sites web plus interactifs et fonctionnels.
Découvrez dès maintenant ce tutoriel pratique et devenez un programmeur JavaScript en seulement 1 heure. Plongez dans l'univers fascinant de la programmation web avec JavaScript, le langage qui façonne le web d'aujourd'hui et de demain.
▶ ME SUIVRE
🐦 Mon Twitter : / melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
Le club du développeur secret codelynx.dev/club
All music from #Uppbeat.
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners

Наука

Опубликовано:

 

7 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 104   
@wm-ludo
@wm-ludo 11 месяцев назад
Tu régales mec, une bonne pédagogie, un ton passionné et motivant. Trop bien ta chaîne, continue !
@melvynxdev
@melvynxdev 11 месяцев назад
Merci beaucoup !!
@Chat.GPTrim
@Chat.GPTrim 4 месяца назад
Contenus riche et constructif... Bravo mon gars, sa donne envie et en plus tu ne fait aucune comparaison négatif. 😊
@melvynxdev
@melvynxdev 4 месяца назад
Merci ça fait plaisir !
@batofficiel5497
@batofficiel5497 11 месяцев назад
j'te remercie pour ton travail qui a l'air bien conséquent. et la petite formation gratuite en complément de ce tuto et très cool ! tu explique bien c'est limpide et fluide. je t'encourage à continuer les vidéos car t'a du talent et entendre quelqu'un qui aime apprendre aux autres et qui aime ce qu'il fait c'est toujours plus agréable à entendre. good job, thank you for the work
@melvynxdev
@melvynxdev 11 месяцев назад
Merci beaucoup, ça fait plaisir que tu remarques mon attention au détail et je suis heureux que les cours t'aient plu
@barouguindo1594
@barouguindo1594 9 месяцев назад
Je remercie le prof pour la clarté de ses explications. Merci et à bientôt pour les vidéo à venir.
@melvynxdev
@melvynxdev 9 месяцев назад
merci beaucoup ! À bientôt
@nomnom9110
@nomnom9110 11 месяцев назад
Belle explications claires et complete je m'abonne ! Je suis pressée de voir les nouveau cours
@melvynxdev
@melvynxdev 11 месяцев назад
Hello, merci beaucoup !
@BattlestarGalactica-bj3em
@BattlestarGalactica-bj3em 9 месяцев назад
​@@melvynxdev ☆☆☆☆☆☆☆☆☆☆☆☆ *My journey have now come full circle...once an outcast...I'm now one of three chosen Elders.* *From hunted...to the highest honour.* *I have lived a thousand years...I may live a thousand more...or I may die tomorow...but I no longer fear death...for I knowed once already.* *I am reborn.* *My eyes have been open to the sacred world and the promise of yet to be.* *There's no beggining...there's no end...there's only...becoming.* ☆☆☆☆☆☆☆☆☆☆☆☆ *CAROM COORDINATES :* ☆☆☆☆☆☆☆☆☆☆☆☆ { (55, 56, 111), (33, 78, 111), (41, 70, 111)} ☆☆☆☆☆☆☆☆☆☆☆☆ Earth Radius Unit : 6 371 km Earth Rotation : ~ 23 h 56 min 4 s Earth Revolution : ~ 365,26 days ☆☆☆☆☆☆☆☆☆☆☆☆ (55, 56, 111) ρ→√18482 Θ→arctan(√6161/111) Φ→arctan(56/55) ☆☆☆☆☆☆☆☆☆☆☆☆ (33, 78, 111) ρ→57√6 Θ→57arctan(√797/37) Φ→arctan(26/11) ☆☆☆☆☆☆☆☆☆☆☆☆ (41 , 70, 111) ρ→√18902 Θ→arctan(√6581/111) Φ→arctan(70/41) ☆☆☆☆☆☆☆☆☆☆☆☆
@Mat_qrc
@Mat_qrc 4 месяца назад
Bon boulot, merci pour le travail de tes schémas, ça facilite la compréhension
@melvynxdev
@melvynxdev 4 месяца назад
Merci beaucoup !
@user-dn6ce8rm5w
@user-dn6ce8rm5w 5 месяцев назад
Merci beaucoup Melvyn. J'apprends beaucoup grâce a toi
@melvynxdev
@melvynxdev 5 месяцев назад
Merci trop cool !
@Tom-rk3lo
@Tom-rk3lo 10 месяцев назад
Magnifique tu es le BEST ! Merci
@melvynxdev
@melvynxdev 10 месяцев назад
merci à toi
@gulainjosephnkundiye
@gulainjosephnkundiye 14 дней назад
Merci beaucoup Melvyn . You are an excellent guy
@melvynxdev
@melvynxdev 14 дней назад
Merci à toi !
@RamesXXX
@RamesXXX Год назад
j'aime beaucoup tas façon d'expliquer du code, c'est très claire.
@melvynxdev
@melvynxdev Год назад
Merci beaucoup.
@swennytod
@swennytod 4 месяца назад
Merci pour ton contenue, je les trouvé idéal pour réviser .
@melvynxdev
@melvynxdev 4 месяца назад
Trop cool !
@drjeromejeanlionel7479
@drjeromejeanlionel7479 4 месяца назад
Un grand merci pour ces rappels
@melvynxdev
@melvynxdev 4 месяца назад
avec plaisir
@remomagalhaes4707
@remomagalhaes4707 5 месяцев назад
Merci pour tes vidéos
@melvynxdev
@melvynxdev 4 месяца назад
merci à toi
@assitadoucancy9217
@assitadoucancy9217 5 месяцев назад
Je ne jamais autant compris javascript merci 😊
@melvynxdev
@melvynxdev 5 месяцев назад
ahaha merci !
@EmileCode
@EmileCode 11 месяцев назад
Génial ! Je suis un débutant et j'apprends tout juste JavaScript. C'est vraiment difficile pour moi car c'est tout nouveau, maintenant, j'y vois beaucoup plus clair ! J'ai aussi entendu beaucoup de choses négatives à ton sujet et je ne comprends vraiment pas pourquoi. On voit que tu es passionné, c'est très agréable. Continue comme ça ! +1 abo 🔥
@melvynxdev
@melvynxdev 11 месяцев назад
Hello User ! Tu peux me contacter sur discord (melvynx) et m'en dire plus !? Merci pour l'abo
@BattlestarGalactica-bj3em
@BattlestarGalactica-bj3em 9 месяцев назад
​​@@melvynxdev *JE SAIS QU'EN MOINS DE 3 MINUTES TU TROUVERAS LA SOLUTION...MERCI DE BIEN VOULOIR TE PENCHER SUR LE PROBLÈME SUIVANT:* *SALUT...JE CHERCHE À PROUVER QUE LA SOMME DES NOMBRES D'UN TABLEAU AINSI QUE LA SOMME DES CHIFFRES DE LA SOMME DES NOMBRES EST ÉGALE À 9 AVEC GLISSEMENT DES NOMBRES DU TABLEAU...VOICI LE DÉBUT DE L'ALGORITHME...J'EN AI BESOIN EN JAVASCRIPT...MERCI...* *HI...I WANT TO PROVE THAT THE SUM OF THE NUMBERS IN AN ARRAY AS WELL AS THE SUM OF THE DIGITS OF THE SUM OF THE NUMBERS IS EQUAL TO 9 WITH SLIDING OF THE ARRAY NUMBERS...HERE IS THE START OF THE ALGORITHM...I NEED IT IN JAVASCRIPT...THANK YOU...* function getInt(chaine) { return parseInt(chaine,10); } function computeSum(e) { var t = e.toString().match(/(\d+)/); var i = 0; if (null != t) for (var n = t[0], l = 0; l < n.length; l++) i += getInt(n[l]); t = null; return i; } function check(tab){ var str = tab.join(""); while(str.length>1){ str = computeSum(str).toString(); } console.assert(str=="9"); console.log(str); const total = tab.reduce((accumulator, value) => { return accumulator + value; },0); str = total.toString(); while(str.length>1){ str = computeSum(str).toString(); } console.assert(str=="9"); console.log(str); } function slide(tab){ //TODO } var digits = [5,5,5,6,7,8,3,3,7,4,1]; check(digits);
@alicealyss8201
@alicealyss8201 3 месяца назад
Merci, j apprécie que tu facilites avec du dessin/visuel moi qui ais une mémoire visuelle 😉
@melvynxdev
@melvynxdev 3 месяца назад
c'est génial !
@abdelhamidbarakat2019
@abdelhamidbarakat2019 10 месяцев назад
a cause de toi j'ai bie compris essentiell de javasacript pour info je suis diplome en developpement informatique depuis 2007 et j'ai trouve difficulte en javascript jusqu'a maintenant merci infiniment
@melvynxdev
@melvynxdev 10 месяцев назад
merci beaucoup ça fait super plaisir
@tantineliatamela606
@tantineliatamela606 Год назад
Merci pour cette tube, t'es vraiment une source d'inspiration pour les dev, pouvez vous nous balancer un tuto sur typescript sans framework et ensuite comment l'intégrer dans un framework comme react par exemple 🙏
@melvynxdev
@melvynxdev Год назад
Hello, j'ai déjà une vidéo sur TypeScript React mais je penserais à faire une vidéo de ton format !
@tantineliatamela606
@tantineliatamela606 Год назад
@@melvynxdev ok merci ! Dans mon cas je maîtrise reactJS mais une fois j'essaie d'intégrer typescript donc un projet réact-typescript automatiquement j'ai l'impression de ne plus rien comprendre 😞
@melvynxdev
@melvynxdev Год назад
Ah c'est vrai ? J'ai une vidéo sur le sujet !
@musikrelax4809
@musikrelax4809 4 месяца назад
Merci pour la vidéo. J'y jetterai un œil dans ta gallerie pour voir si j'en trouverai des exercices un peu plus avancés ( projet dynamique surtout lier a une base de données)
@melvynxdev
@melvynxdev 4 месяца назад
ahaha merci !
@Jimmson
@Jimmson Месяц назад
T'es le boss
@melvynxdev
@melvynxdev Месяц назад
Merci...
@latifmouddane871
@latifmouddane871 6 месяцев назад
Merci
@melvynxdev
@melvynxdev 6 месяцев назад
Merci à toi !
@Kybrakybra
@Kybrakybra Месяц назад
Merci à tous les experts d'expliquer un max d'info sur la programmation c'et vraiment passionnant mais quand peut-on trouver une vidéo qui explique le lien concret entre une fonction, valeur, variable etc avec une interface utilisateur d'une page web ou app??? Car perso je n'arrive pas à le faire😢
@melvynxdev
@melvynxdev 16 дней назад
Tu as une vidéo ici où l'on trouve un lien entre variable/fonction et interface utilisateur : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WlEAYk_blgs.html
@azizelkaly
@azizelkaly 17 дней назад
excellent
@melvynxdev
@melvynxdev 17 дней назад
Merci !
@bacly224officiel4
@bacly224officiel4 16 дней назад
merci bien
@melvynxdev
@melvynxdev 16 дней назад
Un plaisir pour moi !
@cristovinho
@cristovinho 10 месяцев назад
Merci beaucoup pour ta vidéo, ça m'a permis rapidement de me remettre toutes les bases en tête sans y passer 3h... 🙂pourrais-tu m'indiquer le.s extension.s que tu as installé.es sur VSCode pour te permettre d'avoir en temps réel les alertes si il y a des erreurs dans le code ? Moi j'ai Prettier mais ça fonctionne pas pour JS. De plus je sais pas si c'est possible qu'il me mette les points virgules automatiquement en fin d'instruction quand je sauvegarde par exemple mon fichier.
@melvynxdev
@melvynxdev 10 месяцев назад
Hello, c'est ErrorLens qui me permet de faire ça ! Merci beaucoup en tout qu'à
@elodaye953
@elodaye953 10 месяцев назад
Merci pour la video. Je debutais JS sur FreeCodeCamp et s'était trop obscure donc je viens ici pour y voir plus clair :) Une question bête, et je vais prendre l'exemple de color justement: Pourquoi je vais créer une autre variable qui vient modifier ma premiere variable (colors[0]= red pour remplacer const colors= blue , green, yellow) plutôt que d'aller changer directement la couleur dans la variable initiale ? Aussi, les emoji ressortent comme "caractere invalide" dans ma console. Une idee ? (J'utilise VSCode et je suis sous mac) merci
@melvynxdev
@melvynxdev 10 месяцев назад
Ah je comprends ça fait super plaisir !
@melvynxdev
@melvynxdev Год назад
Hey, désolé si je vais un peu vite. Le but est de te donner une vision globale de JavaScript en 1 heure ! Pour une vidéo plus lente, tu peux regarder ce tuto complet: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Q-1u20aETyo.html Pour aller dans les détails avec une expérience interactif, c'est ici : 🚀 Profite des cours offerts sur ma plateforme : codelynx.dev/beginjavascript/ ❤ (je suis plus lent encore et en plus y'a du texte)
@pyotr_producer
@pyotr_producer 7 месяцев назад
Le plagiat on en parle ??? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-W6NZfCO5SIk.html
@aubrysoga2628
@aubrysoga2628 9 месяцев назад
Salut, sympa la vidéo. C’est quel extension qui affiche le problème en rouge sur la ligne de code stp ?
@melvynxdev
@melvynxdev 9 месяцев назад
Hello, c'est ErrorLens
@SaintClercyNguebo
@SaintClercyNguebo 28 дней назад
J'ai du mal à comprendre Javascript et ça m'embete vraiment !!!
@melvynxdev
@melvynxdev 18 дней назад
Même avec mes videos ?
@mohamedlabarre166
@mohamedlabarre166 Год назад
Superbe video peux tu expliquer la recuperation des donnees dans des champs input ? merci
@melvynxdev
@melvynxdev Год назад
Hello, oui c'est le JavaScript avec le DOM, ce sera une autre vidéo car ici le but était de se concentré sur le JavaScript uniquement
@mohamedlabarre166
@mohamedlabarre166 Год назад
@@melvynxdev merci d avance ca me semble plus dur que le C
@melvynxdev
@melvynxdev Год назад
Non quand même pas ! @@mohamedlabarre166
@mohamedlabarre166
@mohamedlabarre166 Год назад
@@melvynxdev ca fais deux mois que je galere j ai abondonne
@melvynxdev
@melvynxdev Год назад
ah sérieux ? Je vais essayé de faire qqch alors
@yveskokou2632
@yveskokou2632 2 месяца назад
Good
@melvynxdev
@melvynxdev 2 месяца назад
Luve
@user-cm8px5tp3c
@user-cm8px5tp3c 12 дней назад
Mec tu carbure a quoi ? Ca a lair fort 😂 chaud pour te suivre, un mec sans aucune base tu le perd en 4mn. Sinon merci beaucoup pour la video 👍
@melvynxdev
@melvynxdev 11 дней назад
🥲😂
@sombresoleil2246
@sombresoleil2246 9 месяцев назад
j'ai un probleme avc node js, ca ne me met pas la meme chose au debut cest comme si yavait rien enfin ya juste marqué la version je nest pas le /dev ect, jai limpression quil ya un probleme avec mon systeme de commande je ne comprend absolument pas; il me manque une version?? ou peut-etre que je ne sais juste pas connecté le projet a ca
@melvynxdev
@melvynxdev 9 месяцев назад
go sur un ubunto
@sombresoleil2246
@sombresoleil2246 9 месяцев назад
@@melvynxdev comment ça ?
@warpoulpe8956
@warpoulpe8956 3 месяца назад
C'est pas mieux de mettre le dans head avec un defer pour charger le script après le chargement du HTML CSS ?
@melvynxdev
@melvynxdev 3 месяца назад
oui c'est bien aussi
@IbragimArt
@IbragimArt 4 месяца назад
Les couleurs par contre, violet sur du violet sur VS code, illisible, comment tu fais xD si non très bonne vidéo
@melvynxdev
@melvynxdev 4 месяца назад
ah oui tu trouves :o
@glewiss6696
@glewiss6696 9 месяцев назад
Idem je suis pas debutant mais je me mets à la place de mon fils qui débute et comprends pas la finalite. Ca aurai été bien de montrer une page sumple toute faite et de descendre dans les fonctions de java script. Ca aurait été plus parlant au plus visuel comme explication pour les debutants qui sont souvent trop noyer tout de suite dans les instructions avant de voir enfin les effets sur une page web. Copy à revoir. Sinon t'expliques tres bien 👌
@melvynxdev
@melvynxdev 9 месяцев назад
Hello, merci beaucoup. Le but était justement de (contrairement) à la majorités des vidéos de proposer un truc sur javascript et pas sur le dom
@bernardkengen
@bernardkengen 21 день назад
Bravo, je maitrise java et dotnet mais là tu as démystifié JavaScript en une heure ! c'est quoi l'app que tu utilises comme un Dieu pour faire tes petits schémas instantannés ?
@melvynxdev
@melvynxdev 19 дней назад
tellement cool
@Ericdessin_et_gamer
@Ericdessin_et_gamer 11 месяцев назад
j'ai pad compris tros la fin mais c'était bien
@melvynxdev
@melvynxdev 11 месяцев назад
j'ai fais quoi à la fin ?
@steph2235
@steph2235 Год назад
Bonjour je trouve ta chaine vraiment tres bien. Mais la par contre le titre est faux on n'apprend pas javascript en 1 heure on a vraiment l'impression que c'est juste pour attiré des visiteurs ... Dommage !!
@glow6026
@glow6026 Год назад
C'est écrit dans le titre " Comprendre l'ESSENTIEL pour Débutant" donc non pas vraiment
@azonesa2384
@azonesa2384 Год назад
Je pense que même lui il n'a pas finis d'apprendre JavaScript, tu peut faire tellement de chose
@melvynxdev
@melvynxdev Год назад
Hello Stéphane, malheureusement comme tous les titres des vidéos RU-vid, les titres sont là pour attiré du monde. Mais comme le souligne @azonesa2384 même les vidéos freeCodeCamp de 15 heures ne t'apprennent jamais vraiment JavaScript.
@alex-cr6be
@alex-cr6be Месяц назад
c bien foutu, mais pas pour debutant, ça enchaine trop vite, plutot pour revoir les notions quand on a deja les bases
@melvynxdev
@melvynxdev 17 дней назад
Le format est court ! On ne voit pas les choses en détail.
@jdimbo13
@jdimbo13 4 месяца назад
ton exemple entre const et let est pas bon! tu peux faire le code de const dans let et tu obtient la même chose! dans le 2eme cas tu redéfinie l objet donc c'est normal que ta ref change. le 1ere cas tu modifie juste une valeur dans le tableau donc tu modifies pas la ref.
@melvynxdev
@melvynxdev 4 месяца назад
oui c'est exactement ce que je montre
@LCRASW123
@LCRASW123 Год назад
Salut Melvyn je pense que tu devrais te mettre à la place des débutants lorsque tu fais tes contenus... si j'étais débutant je sais que j'aurais clairement été perdu et démotivé par la masse d'informations (dont certaines non pertinentes quand on débute voire même pour une personne qui se débrouille en JS)
@azonesa2384
@azonesa2384 Год назад
Mon avis c'est que je trouve qu'il résume énormément d'éléments importants en 1 heure de vidéo, tout est compliqué quand on ne sait pas mais quand on sait le faire tout deviens très facile 😉
@melvynxdev
@melvynxdev Год назад
Hello Gello Girdonis, merci pour ton message que je comprends. As-tu regardé toute la vidéo ou dis-tu cela seulement pour les premières 10 minutes d'introduction au monde du JavaScript ? Ces informations ne sont pas pertinentes dans les formations qui couvrent justement les bases. Certes, tu peux apprendre le JS sans savoir qu'il a été créé il y a X années par X pour X, mais c'est louper le **pourquoi** qui est essentiel dans le contenu que je crée. Cependant, je comprends totalement ta réaction et tu as raison que je devrais me mettre davantage à la place des débutants, même si le format "d'une heure" est toujours compliqué à tenir si je prends trop de temps sur chaque détail. L'équilibre est compliqué à trouver.
@melvynxdev
@melvynxdev Год назад
@@azonesa2384 Hello, tu as regardé toute la vidéo ? J'ai pas compris ta fin de phrase.
@azonesa2384
@azonesa2384 Год назад
En expliquant avec un exemple: Quand tu sais pas faire de système d'authentification tu te dis que c'est impossible, mais quand tu as appris à le faire, c'est hyper simple@@melvynxdev
@melvynxdev
@melvynxdev Год назад
Oui mais le but c'est pas d'apprendre JavaScript au gens qui savent déjà le faire xD @@azonesa2384
@cownasse
@cownasse 6 месяцев назад
Le truc avec google je l'ai fait et ça m'amuse 🤣
@melvynxdev
@melvynxdev 4 месяца назад
ahaha !
Далее
MON PLUS GROS PROJET ET ENORME NEWS SUR JAVASCRIPT 🎉
1:36:54
Le WEB A Changé en 2024, voici ce que tu dois savoir
12:11
Мой инстаграм: v1.ann
00:13
Просмотров 117 тыс.
ТРУБОЧКА СКВОЗЬ НОС 😳
00:40
Просмотров 252 тыс.
Symmetrical face⁉️🤔 #beauty
00:15
Просмотров 4,5 млн
Comment blanchir de l'argent ?
44:17
Просмотров 1,2 млн
What's Your ENGLISH LEVEL? Take This Test!
21:31
Просмотров 1,8 млн
PROOF JavaScript is a Multi-Threaded language
8:21
Просмотров 272 тыс.
TUTO / COURS JavaScript Moderne pour Débutant en 2024
2:00:05
Это iPhone 16
0:52
Просмотров 1,4 млн