- 24
- 2 508 686
From Scratch - Le développement Web de zéro
France
Приєднався 28 січ 2020
💡Tu souhaites devenir développeur Front-end : fromscratch.podia.com/
💪 "Ceux qui ne deviendront pas développeur sont ceux qui abandonnent"
💪 "Ceux qui ne deviendront pas développeur sont ceux qui abandonnent"
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/
⚡️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...
[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
Merci pour le tuto, mais ou est la suite?
pourquoi quand je fais inspecter la page, je n'ai pas les cases à cocher comme toi dans la partie style ?
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.❤
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
Salut, c'est un plugin VS Code qui s'appelle Matrial Icon
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
My boss🎉
Supert merci ! je débute en JS et j'ai bien compris le principe du localStorage. tu explique vraiment bien
Merci à toi 😊
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 !
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% !
Merci beaucoup guillaume 😊😁
Personnellement je pense que c'est plus optimal d'utiliser des variable css un :root avec un data-theme=dakmode par exemple
Excellent ! Simple et efficace. Merci !
Cool
je ne sais pas quoi dire si ce n'est MERCIIIIIII infiniment
salut! Y a-t-il un problème si, au lieu de se lancer, le téléchargement me redirige vers une autre page ?
J ai une question tu fais sa depuis quand ?
Je me suis reconverti en 2019
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 :)
Avec plaisir, bon courage Mathilde
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. 👏👏
Merci beaucoup Guillaume, bon courage à toi 😊
Merci pour ce tuto 😀
Avec plaisir 😁
Merci beaucoup pour le cours vraiment complet
Avec plaisir
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
masterclass c'était limpide
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.🙏
JAI 11 ANS ET JAI APPPRIS GRACE ATOI HTML
Ah top ça, t'es sur la bonne voie ;)
Vraiment merci pour le tuto c'est trop top. sinon Avez des tutoriels sur figma?
2:04:20 comment on fait pour vérifier si on est à 100% je ne possède pas de souris
Normalement t'es à 100% de base, mais tu peux faire "ctrl +" ou "ctrl -" pour monter ou descendre les %
1:00:45 note
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.
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 😅
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.
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 ;)
Merci pour tout !
merci vidéo super bien détailler
Je vous assure que aucune ecole ne nous enseigne a coder comme ça . chapeau et grace a toi j’avance super bien 🎩
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.
merci beaucoup , ce cours a été très instructif
Le lien en description vers la suite du cours ne marche pas 😢
Chez moi il fonctionne très bien 😅
;ERCI POUR LE TUTO
C'est vraiment intéressant ce que vous faites Mais dans mon ordinateur vscode ne passe pas Je ne sais pas comment faire
❤ 1000 merci la formation m'aide énormément ❤
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 !
Bonjour, excusez moi de vous déranger mais sur python quand j'appuie le bouton "run code" celui ci ne fonctionne pas. Que faire?
Superbe vidéo, je m'abonne !
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
Pour supprimer le cache, il suffit d'appuyer sur les touches CTRL (Control) + F5 😉
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
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 ! 😊
Vous êtes excellent 🎉🎉
Merci beaucoup 😊
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
Comment tu fais pour me faire comprendre aussi facilement ?! 😅 J’ai payé une formation à 5000€ pour rien merci
😅
Salut ma vidéo n’apparaît pas sur mon index pourtant il n’y a aucune erreur que je vois à tu une solution ?
merci 10000 fois la vidéo est géniale, et ta pédagogie !!!
Merci !