From Scratch - Le développement Web de zéro
From Scratch - Le développement Web de zéro
  • 24
  • 2 508 686
Le mode nuit en CSS et JavaScript (night mode)
🍀 Créer un mode Nuit, booléen en CSS, toggle en JavaScript, enregistrement du choix de l’utilisateur
⚡️Démarrage du projet : github.com/JustFS/mastering-front-end/archive/87a16dba577146b4306ac9cfe1d9b1047bf54c44.zip
⚡️Le projet terminé : github.com/JustFS/mastering-front-end/archive/8d152b6b3fb138c21009fe5c925504772c7d6600.zip
✅ Si tu veux devenir développeur Front-end : fromscratch.podia.com/
Переглядів: 603

Відео

[CSS] Comment être responsive SANS Media-query 🛑
Переглядів 2,3 тис.3 місяці тому
⚡️Support de la vidéo : github.com/JustFS/mastering-front-end/tree/e1206e6b45bc4513c24be514c538cdc6ed278b99 ✅ Si tu veux devenir développeur Front-end : fromscratch.podia.com/
⚡️CRÉER UNE BARRE DE CHARGEMENT EN JAVASCRIPT
Переглядів 2,9 тис.6 місяців тому
🍀 Créer une animation au chargement avec progress bar en pourcentage ⚡️Démarrage du projet : github.com/JustFS/mastering-front-end/archive/ae93e8e27fb952abd6d2a23a04ed4daa9d414b80.zip ⚡️Le projet terminé : github.com/JustFS/mastering-front-end/archive/32acc1e417fbb547861d8338913b18c537aa9af2.zip ✅ Si tu veux devenir développeur Front-end : fromscratch.podia.com/
[Cours HTML] Apprendre HTML de zéro (tuto débutant 2024)
Переглядів 62 тис.8 місяців тому
0:00 - Intro 1:10 - Téléchargement VS Code 2:46 - Structure HTML 11:41 - Plugins 17:33 - Balise Head 28:16 - Header 36:40 - Main 38:42 - Images 43:40 - Tableaux 52:33 - Les liens 58:10 - Vidéos 1:03:00 - Les formulaires 1:24:15 - Footer 1:27:36 - Conclusion ⚡️Le cours terminé : github.com/JustFS/mastering-front-end/blob/660cbd35f8842f917ccab19a0067e59d725817eb/index.html 🍀 Apprendre CSS de Zéro...
CRÉER UN CAROUSEL EN CSS & JAVASCRIPT
Переглядів 8 тис.9 місяців тому
🍀 Créer un carousel de zéro en HTML, CSS et JavaScript ⚡️Démarrage : github.com/JustFS/mastering-front-end/archive/60ec54a262b0c23bf25ff16ff33c5097db05d451.zip ⚡️Le projet terminé : github.com/JustFS/mastering-front-end/archive/1127e0dffba6a88fe3940f1669b36fc904562231.zip ✅ Si tu veux devenir développeur Front-end : fromscratch.podia.com/
[Tuto CSS] Tout savoir sur le Grid
Переглядів 9 тис.Рік тому
🍀 Le Grid en CSS from scratch ⚡️Le projet terminé : github.com/JustFS/mastering-front-end/archive/aa320f49933e26411d1a144dd7fb962a337fda5c.zip ✅ Si tu veux devenir développeur Front-end : fromscratch.podia.com/
[Tuto Redux] Apprendre Redux de zéro (feat React)
Переглядів 18 тис.Рік тому
⚡ Support de démarrage : github.com/JustFS/mastering-front-end/archive/085403441017002568a198e31e266c4329d98455.zip 0:00 - Intro 2:29 - Mise en place et Installation 9:16 - Comment Redux marche ? 13:03 - Création du store 28:35 - Méthode "get" et premières actions 55:20 - Méthode "post" 1:12:34 - Méthode "put" 1:24:20 - Méthode "delete" 1:29:50 - Ajouter des likes 1:46:32 - Conclusion ⚡ Projet ...
CRÉER UNE API AVEC NODEJS (CRUD EN JAVASCRIPT)
Переглядів 43 тис.Рік тому
⚠️Attention la dernière MAJ de Mongoose fait buguer l'appli, si jamais c'est toujours le cas installez la version que je montre en vidéo : npm i mongoose@6.12.0 ⚒️ Nodejs, NPM, MongoDB, Postman 🔨 Express, dotenv, mongoose, nodemon 0:00 - Intro 1:20 - Installation 4:40 - Le serveur 13:24 - Router 30:22 - Config BDD (MongoDB) 47:34 - Controllers 1:23:23 - Conclusion & Aller plus loin ⚠️ Attention...
[Cours / Tuto débutant] Apprendre Javascript de A à Z - Les bases (1/6)
Переглядів 121 тис.Рік тому
🌱 La 2ème partie est dispo ici : ua-cam.com/video/WHodDEhcu-I/v-deo.html 💪 Prérequis : - Cours HTML → ua-cam.com/video/qsbkZ7gIKnc/v-deo.html - Cours CSS → ua-cam.com/video/iSWjmVcfQGg/v-deo.html 0:00 - Intro 1:45 - Qu'est-ce que JavaScript 5:54 - Popularité de JS 9:52 - Où s'écrit le JS 19:45 - La syntaxe 27:45 - Les variables 36:53 - La concaténation 41:24 - Les types de données 46:51 - Les o...
[Tuto débutant CSS] Apprendre CSS de zéro [cours 1/2]
Переглядів 239 тис.Рік тому
👉 Indispensable pour suivre ce cours, connaitre HTML : ua-cam.com/video/qsbkZ7gIKnc/v-deo.html 0:00 - Intro & Mise en place 7:21 - Les textes 39:12 - Background 46:01 - Les boites (boxes) 1:11:00 - Flexbox 1:21:02 - Grid 1:51:10 - Position absolute 2:02:02 - Le responsive 2:15:35 - Débug & Conclusion 🌱 La 2ème partie de ce cours (et bien plus) se situe ici : fromscratch.podia.com 💡Le projet ter...
[Cours / Tuto] Apprendre Javascript de A à Z - Le DOM (2/6)
Переглядів 234 тис.Рік тому
🚀 La suite de ce cours (et bien plus) se trouve ici : fromscratch.podia.com/ 0:00 - Intro 2:14 - Qu'est-ce que le DOM 11:30 - Query selector 33:20 - Click event 1:01:24 - Mouse events 1:29:49 - Keypress event 1:49:34 - Scroll event 1:58:54 - Form events 2:27:30 - Load event 2:30:30 - Les forEach 2:39:52 - addEventListener vs onclick 2:52:08 - stopPropagation, removeEventListener 2:55:53 - Le BO...
Mastering Front-End de zéro
Переглядів 30 тис.2 роки тому
⚡ fromscratch.podia.com/
[Cours / Tuto] Apprendre React de Zéro (débutant)
Переглядів 193 тис.2 роки тому
- Support → github.com/JustFS/mastering-front-end/archive/dc0eceb33470c1c18d8609a453b39b50f2568f17.zip 🛑Attention nouvelle mise à jour concernant la page index.js : elle doit désormais ressembler à ça : i.ibb.co/bbsPxyf/image.png 0:00 - Présentation & Installation 32:14 - Router & Navigation 52:59 - Les images 59:53 - Axios (useEffect, useState) 1:13:13 - Map & Props 1:31:12 - Les Filtres (slic...
[NODE JS] Scraper le Web avec Puppeteer - Price tracker & bot Instagram
Переглядів 14 тис.3 роки тому
- Code source → github.com/JustFS/puppeteer 0:00 - Intro 2:39 - Cdiscount 38:10 - Instagram - Doc officielle → pptr.dev/ - Lien utile → www.codota.com/code/javascript/functions/puppeteer/Page/click - Puppeteer → www.npmjs.com/package/puppeteer - Dotenv → www.npmjs.com/package/dotenv - Nodemailer → www.npmjs.com/package/nodemailer ✅ Tu souhaites devenir développeur Front-end : fromscratch.podia....
Débuter un projet en 3 minutes avec Parcel
Переглядів 6 тис.3 роки тому
- Parcel Doc → parceljs.org/getting_started.html - Le projet → github.com/JustFS/parcel-basics ✅ Tu souhaites devenir développeur Front-end : fromscratch.podia.com/
[PWA - Progressive Web App] Créer une application mobile avec HTML, CSS & Javascript
Переглядів 47 тис.3 роки тому
[PWA - Progressive Web App] Créer une application mobile avec HTML, CSS & Javascript
[Cours Github] Apprendre Github de zéro : versionner son travail (1/2)
Переглядів 225 тис.3 роки тому
[Cours Github] Apprendre Github de zéro : versionner son travail (1/2)
Apprendre HTML de zéro ⚙️ MAJ en description
Переглядів 503 тис.3 роки тому
Apprendre HTML de zéro ⚙️ MAJ en description
[Javascript Full-stack] Projet MERN | Créer un réseau social | Partie Front-end
Переглядів 98 тис.3 роки тому
[Javascript Full-stack] Projet MERN | Créer un réseau social | Partie Front-end
[Javascript Full-stack] Projet MERN | Créer un réseau social | Partie Back-end
Переглядів 130 тис.3 роки тому
[Javascript Full-stack] Projet MERN | Créer un réseau social | Partie Back-end
Héberger gratuitement un site sur Github
Переглядів 24 тис.3 роки тому
Héberger gratuitement un site sur Github
[Projet Vue JS] Créer une interface utilisateur avec Vuejs
Переглядів 78 тис.4 роки тому
[Projet Vue JS] Créer une interface utilisateur avec Vuejs
[Projet React] Coder son CV avec la bibliothèque React (débutant)
Переглядів 80 тис.4 роки тому
[Projet React] Coder son CV avec la bibliothèque React (débutant)
Projet HTML + CSS, développer son premier site web et le mettre en ligne
Переглядів 343 тис.4 роки тому
Projet HTML CSS, développer son premier site web et le mettre en ligne

КОМЕНТАРІ

  • @primieralex24
    @primieralex24 13 годин тому

    Merci pour le tuto, mais ou est la suite?

  • @souli_fmx4110
    @souli_fmx4110 2 дні тому

    pourquoi quand je fais inspecter la page, je n'ai pas les cases à cocher comme toi dans la partie style ?

  • @emotionstv6721
    @emotionstv6721 3 дні тому

    J'ai commencé la programmation sur youtube il y a déjà 5 mois. C'est avec vos vidéos que j'avais débuté. J'aime façon vous expliquez.❤

  • @TheKillerBuu
    @TheKillerBuu 3 дні тому

    j'avais un petit questions comment tu a des logo dans tes onglet de vs code genre css html js c'est une extensions ou c'est autre chose

    •  3 дні тому

      Salut, c'est un plugin VS Code qui s'appelle Matrial Icon

    • @TheKillerBuu
      @TheKillerBuu 2 дні тому

      Merci bcp juste petit notions pour le cour html est css(que j'ai pas encore fini) c'est incroyable tu est très explicite est grace a sa les information rentre plus facilement, TES LE GOAT

  • @Diawobah86
    @Diawobah86 3 дні тому

    My boss🎉

  • @BMtech24
    @BMtech24 3 дні тому

    Supert merci ! je débute en JS et j'ai bien compris le principe du localStorage. tu explique vraiment bien

    •  3 дні тому

      Merci à toi 😊

    • @BMtech24
      @BMtech24 3 дні тому

      Oui, et je me suis même amusé à mettre un id au H1 pour mettre un document.getElementById entre le if et le else suivie d'un hinnerHTML pour changer le titre qu'était "night mode" c'était vraiment top comme projet. Simple et efficace. J'espère pouvoir avoir d'autres projets pratiques facile et rapide && à intégrer pour les booléen etc Au plaisir !

  • @guillaumelartiste6450
    @guillaumelartiste6450 3 дні тому

    Formation très qualitative, tout est abordé pas à pas et avec un style pédagogique immersif, après l'achat de plusieurs formations que je trouvais soit ennuyantes, soit bloqué par la complexité d'un sujet mal abordé. Là, je suis vraiment tombé sur la pépite. Je conseille cette formation à 200% !

    •  3 дні тому

      Merci beaucoup guillaume 😊😁

  • @wapscode
    @wapscode 3 дні тому

    Personnellement je pense que c'est plus optimal d'utiliser des variable css un :root avec un data-theme=dakmode par exemple

  • @guillaumelartiste6450
    @guillaumelartiste6450 3 дні тому

    Excellent ! Simple et efficace. Merci !

  • @frankkamgang6708
    @frankkamgang6708 3 дні тому

    Cool

  • @redoinemkadmi2741
    @redoinemkadmi2741 4 дні тому

    je ne sais pas quoi dire si ce n'est MERCIIIIIII infiniment

  • @styveolidon1468
    @styveolidon1468 6 днів тому

    salut! Y a-t-il un problème si, au lieu de se lancer, le téléchargement me redirige vers une autre page ?

  • @Chylox
    @Chylox 6 днів тому

    J ai une question tu fais sa depuis quand ?

    •  3 дні тому

      Je me suis reconverti en 2019

  • @mathilde8272
    @mathilde8272 6 днів тому

    Merci pour cette video :) Ayant commencé une formation de reconversion, cette video m'a aidé a tout revoir l'HTML , en apprenant de nouvelles choses :)

    •  6 днів тому

      Avec plaisir, bon courage Mathilde

  • @guillaumelartiste6450
    @guillaumelartiste6450 8 днів тому

    Hello, un grand merci à toi Julien, ta façon d'enseigner est très claire, pédagogique et surtout pas ennuyeuse du tout. J'ai fait le pas, commencé la suite de la formation sur podia, je ne regrette rien, tout est complet et va directement à l'essentiel. 👏👏

    •  7 днів тому

      Merci beaucoup Guillaume, bon courage à toi 😊

  • @willxu.
    @willxu. 11 днів тому

    Merci pour ce tuto 😀

    •  7 днів тому

      Avec plaisir 😁

  • @willxu.
    @willxu. 12 днів тому

    Merci beaucoup pour le cours vraiment complet

    •  7 днів тому

      Avec plaisir

  • @Hg.95
    @Hg.95 13 днів тому

    je me suis endormie devan mon pc je me reveille et je suis sur une video javascrip^t ptdr en tout cas masterclass la video

  • @charlesjordan3677
    @charlesjordan3677 14 днів тому

    masterclass c'était limpide

  • @aroldtakam8791
    @aroldtakam8791 15 днів тому

    Vraiment merci beacoup car je n'arrivais pas a piger la logique du JS sur la manipulation du DOM et maintenant; il ne me reste plus qu'a passer a l'acte. vous faites vraiment du bon travail.🙏

  • @hammachelamine3505
    @hammachelamine3505 19 днів тому

    JAI 11 ANS ET JAI APPPRIS GRACE ATOI HTML

    •  16 днів тому

      Ah top ça, t'es sur la bonne voie ;)

  • @user-gc8dj4zr4j
    @user-gc8dj4zr4j 21 день тому

    Vraiment merci pour le tuto c'est trop top. sinon Avez des tutoriels sur figma?

  • @amernisoussama
    @amernisoussama 22 дні тому

    2:04:20 comment on fait pour vérifier si on est à 100% je ne possède pas de souris

    •  21 день тому

      Normalement t'es à 100% de base, mais tu peux faire "ctrl +" ou "ctrl -" pour monter ou descendre les %

  • @RisingSunKick
    @RisingSunKick 24 дні тому

    1:00:45 note

  • @fayepapamamadou9332
    @fayepapamamadou9332 25 днів тому

    Bonjour , Merci pour la vidéo et la qualité exceptionnelle du contenu. Une question: Lorsque l'on a des bases en Javascript et dans la manipulation du DOM, quel est le framework JS le plus facile à assimiler et le plus proche du JS vanilla ? Cordialement.

    •  21 день тому

      Très difficile à dire, dans les framework populaires il y en a pas vraiment qui soient très simple à prendre en main, il faut toujours souffrir quelques heures pour etre à l'aise 😅

  • @fayepapamamadou9332
    @fayepapamamadou9332 28 днів тому

    Bonjour, Merci pour la vidéo. Ta pédagogie est incroyable. Tu expliques vraiment bien. Une question : Ne penses-tu pas qu'aujourd'hui on en fait beaucoup trop avec les frameworks( react, angular, vue js) ? C'est à dire qu'il y a pas mal de besoins qui pourraient être satisfait juste avec du js vanilla.

    •  27 днів тому

      Salut, malheureusement non je pense que les frameworks et bibliothèques sont trop utiles pour aller plus vite et ne pas réinventer la roue à chaque fois. Merci pour les compliments ;)

  • @fayepapamamadou9332
    @fayepapamamadou9332 28 днів тому

    Merci pour tout !

  • @lemsi9153
    @lemsi9153 29 днів тому

    merci vidéo super bien détailler

  • @bryannfit5643
    @bryannfit5643 Місяць тому

    Je vous assure que aucune ecole ne nous enseigne a coder comme ça . chapeau et grace a toi j’avance super bien 🎩

  • @elhadjmohamedmakank1
    @elhadjmohamedmakank1 Місяць тому

    Effectivement avec la dernière version de mongoose ça mache pas, merci beaucoup pou le p'tit message, je peux enfin continuer avec le tuto, t'es le meilleur.

  • @Reskios
    @Reskios Місяць тому

    merci beaucoup , ce cours a été très instructif

  • @maymischyxo3691
    @maymischyxo3691 Місяць тому

    Le lien en description vers la suite du cours ne marche pas 😢

    •  Місяць тому

      Chez moi il fonctionne très bien 😅

  • @DavidAfannagnon
    @DavidAfannagnon Місяць тому

    ;ERCI POUR LE TUTO

  • @AliciaBIMBOUNZA
    @AliciaBIMBOUNZA Місяць тому

    C'est vraiment intéressant ce que vous faites Mais dans mon ordinateur vscode ne passe pas Je ne sais pas comment faire

  • @user-tg8xt7cy7j
    @user-tg8xt7cy7j Місяць тому

    ❤ 1000 merci la formation m'aide énormément ❤

  • @SomeOne-uh8ox
    @SomeOne-uh8ox Місяць тому

    bonjour, je n’avais pas codé en html depuis le lycée et j’en avais perdu le cours, votre cours permet de bien tout reprendre depuis le début merci beaucoup !

  • @eldryswitch2293
    @eldryswitch2293 Місяць тому

    Bonjour, excusez moi de vous déranger mais sur python quand j'appuie le bouton "run code" celui ci ne fonctionne pas. Que faire?

  • @vitarse4891
    @vitarse4891 Місяць тому

    Superbe vidéo, je m'abonne !

  • @prenom2652
    @prenom2652 Місяць тому

    salut alors moi jy connais rien du tout en informatique je souhaite devenir développeur et je commence par t'es cours, j'ai tout réussi sauf le tableau avec les cologne je sais pas pourquoi je suis revenu en arrière mais j'ai pas vue mon erreur, mais pas grave je vais reessayer la je vais commencer le tuto css, merci pour la video

  • @juliovasconcelos3930
    @juliovasconcelos3930 Місяць тому

    Pour supprimer le cache, il suffit d'appuyer sur les touches CTRL (Control) + F5 😉

  • @arnaudcole345
    @arnaudcole345 Місяць тому

    Salut, la video est top ! Toutefois j'ai quelques problèmes de compatibilité. Te souviendrais tu de la version de Node que tu utilisais ? Dans tous les cas, merci pour tes contenus

  • @BboyVasabi
    @BboyVasabi Місяць тому

    J'avais apris html, css et javascript et javais arreter pendant 1 ans. Quand je suis tomber sur tes videos sa ma motiver a reprendre et tes videos sont explique bien!

    •  Місяць тому

      Merci à toi ! 😊

  • @mamadoundiaye9593
    @mamadoundiaye9593 Місяць тому

    Vous êtes excellent 🎉🎉

    •  Місяць тому

      Merci beaucoup 😊

  • @freezybam9249
    @freezybam9249 Місяць тому

    Tellement dommage que tu poste tout les 6 mois.. j'ai commencer à apprendre la programmation avec tes vidéo! Actuellement en formation en tant que développeur full stack JS de 1 ans chez la wild code school😊

  •  Місяць тому

    Enorme merci pour ton travail, ta patience, et ta pédagogie ! Tu m'as sauvé, j'étais perdu dans le javascript, à deux doigts de l'abandonner. MERCI

    •  Місяць тому

      Ah top ! Faut pas abandonner ça finit toujours pas rentrer mais faut insister

  • @Blackheis00
    @Blackheis00 Місяць тому

    Comment tu fais pour me faire comprendre aussi facilement ?! 😅 J’ai payé une formation à 5000€ pour rien merci

    •  Місяць тому

      😅

  • @LaYze3160
    @LaYze3160 Місяць тому

    Salut ma vidéo n’apparaît pas sur mon index pourtant il n’y a aucune erreur que je vois à tu une solution ?

  • @thomasszydlo
    @thomasszydlo Місяць тому

    merci 10000 fois la vidéo est géniale, et ta pédagogie !!!

    •  Місяць тому

      Merci !