From Scratch - Développement Web/Parcours Complet : Mastering Front-End

Parcours Complet : Mastering Front-End

⚡️Reprend l'intégralité des cours HTML & CSS, Javascript, React et quelques bonus.

Pourquoi ce Parcours Complet ?

Au début de mon parcours en autodidacte j'ai commencé par du Java, puis du développement mobile en C# et on va pas se mentir, je ne comprenais rien ! Après des semaines à me débattre avec des langages hostiles j'ai réalisé qu'il fallait commencer par le commencement. Oui ça parait évident dit comme ça mais quand on est livré à soi même dans l'océan de contenus que propose le Web on ne réalise pas forcément que l'on va dans la mauvaise direction.

Des mois plus tard, j'ai finalement réalisé que j'aimais le Front, créer des choses jolies et fonctionnelles, des applications où l'on prend plaisir à naviguer... mais là encore il y a une jungle de contenus, j'ai appris des technos comme jQuery, on trouve malheureusement beaucoup de contenus dépassés sans savoir que c'est dépassé. Cette formation va te permettre de sauter le passage où tu ères sur le Web sans trop savoir quoi apprendre car elle condense exactement tout ce qui est utile et important pour devenir un développeur Front-end compétent

Ce parcours te spécialise en React (la techno Front la plus demandée sur le marché) mais elle te donne aussi un socle et des bases en titane en JavaScript. Et JavaScript est la pierre angulaire indispensable du développement Web, si tu es bon en JS alors tu apprendras très vite des technos comme VueJS ou NodeJS. Finalement, tu seras un développeur compétent pour basculer sur n'importe quelle techno selon les besoins de tes clients. 

Les 17 cours complets

✅ HTML
✅ CSS [2 parties]
✅ Github [2 parties]
✅ SEO
✅ SASS
✅ JavaScript - les bases
✅ JavaScript - le DOM
✅ JavaScript - la Data
✅ JavaScript - les API
✅ JavaScript - la POO
✅ JavaScript - suite & fin 
✅ TypeScript
✅ React [2 parties]
✅ NodeJS

Les 8 applications et sites développés

⚡️En plus des 18 travaux pratiques qui se présentent chacun en 2 vidéos : une première où j'explique l'exercice et donne des pistes et une seconde où l'on corrige ensemble et où j'explique toute la réflexion pour arriver au résultat.

⚡️Ce parcours complet nous fera développer ensemble 8 sites et applications qui pourront enrichir ton Portfolio.

Partie HTML/CSS

Gaming Campus

⚡️ Première grosse intégration de niveau professionnel. Permet de se familiariser avec la puissance du Flex

Run

⚡️ Seconde intégration qui permet de comprendre l'utilité du Grid pour disposer les éléments exactement à notre convenance, via des sections ou même dans un formulaire. 

La Montagne

⚡️ Cette intégration permet de mettre en application le cours sur SASS, elle peut sembler facile au premier abord mais comporte beaucoup de petits pièges et un formulaire assez technique

Resto

⚡️ L'intégration ultime, longue et technique. Si tu es en mesure de la réaliser alors tu es capable de tout faire en CSS

Partie JavaScript

Générateur de MDP

⚡️Manipuler des tableaux
⚡️Générer un résultat aléatoire 

Application de cuisine

⚡️Faire une requête à l'API pour récupérer les données
⚡️Afficher les données à l'écran 

Générateur de blagues

⚡️Gérer une réponse de l'API
⚡️Rendre le résultat à l'écran 

Country App

⚡️Récupérer toutes les données des pays
⚡️Filtrer les données selon les choix de l'utilisateur

Yoga App

⚡️Créer un tableau selon les choix de l'utilisateur
⚡️Lancer la routine avec un compte à rebours pour chaque position 

Quiz App

⚡️Instancier un objet avec les questions et les bonnes réponses
⚡️Analyser les réponses et incrémenter le score de l'utilisateur 

Flappy Bird

⚡️Gérer le système de canvas
⚡️Prendre en compte les différents mouvements de l'oiseau selon le décor généré aléatoirement

Les vidéos

🌱 INTRODUCTION

Bande-annonce : Mastering Front-End
  • 2 min
  • 260 Mo
Aperçu
Présentation du parcours : devenir un bon autodidacte
  • 24 min
  • 735 Mo

🧱 HTML

🎥 Cours HTML
  • (1h 27m 36s)
  • 4,06 Go
🍿 [TP1 présentation] Tableau Complexe
  • 3 min
  • 19,4 Mo
💡 [TP1 explication] Tableau Complexe
  • 18 min
  • 638 Mo
🍿 [TP2 présentation] Intégrer une maquette simple
  • 4 min
  • 24,3 Mo
💡 [TP2 explication] Intégrer une maquette simple
  • 18 min
  • 401 Mo
🍿 [TP3 présentation] Intégrer une maquette professionnelle
  • 6 min
  • 120 Mo
💡 [TP3 explication] Intégrer une maquette professionnelle
  • 34 min
  • 759 Mo

🪄 CSS

🎥 Cours CSS [1/2]
  • (2h 20m 16s)
  • 702 Mo
🛠️ Plugin Chrome / VS Code indispensables
  • 15 min
  • 142 Mo
🎥 Cours CSS [2/2]
  • (2h 06m 57s)
  • 874 Mo
🍿 [TP1 présentation] Intégration Helium (Flexbox)
  • 6 min
  • 123 Mo
💡 [TP1 explication] Intégration Helium (flexbox)
  • 39 min
  • 874 Mo
💡 [TP2 présentation + explication] Helium (Grid)
  • 13 min
  • 275 Mo
🍿 [TP3 présentation] Être responsive
  • 5 min
  • 97,8 Mo
💡 [TP3 explication] Être responsive
  • 18 min
  • 402 Mo
🍿 [TP4 présentation] Grid Complexe
  • 4 min
  • 68,7 Mo
💡 [TP4 explication] Grid complexe
  • 9 min
  • 196 Mo
🛠️ Les indispensables de CSS
  • 11 min
  • 241 Mo
🍿 [Projet 1 présentation] Intégration Gaming Campus
  • 4 min
  • 70,2 Mo
💡 [Projet 1 explication] Intégration Gaming Campus
  • (1h 23m 26s)
  • 1,85 Go
🍿 [Projet 2 présentation] Intégration Run
  • 3 min
  • 46,9 Mo
💡 [Projet 2 explication] Intégration Run
  • (1h 29m 54s)
  • 529 Mo

💾 GITHUB

🎥 Cours Github [1/2]
  • 43 min
  • 167 Mo
🎥 Cours Github [2/2]
  • 47 min
  • 181 Mo

🤖 SEO

🎥 Cours SEO
  • 42 min
  • 934 Mo

🧁 SASS

🎥 Cours Sass
  • 54 min
  • 1,5 Go
🍿 [Projet 3 présentation] Intégration La Montagne
  • 5 min
  • 95,5 Mo
💡 [Projet 3 explication] Intégration La Montagne
  • (1h 27m 09s)
  • 1,93 Go
🍿 [Projet 4 présentation] Intégration Le Resto
  • 4 min
  • 89,2 Mo
💡 [Projet 4 explication] Intégration Le Resto
  • (2h 08m 37s)
  • 844 Mo

🚀 JAVASCRIPT [1/6]

🎥 Cours - Les bases
  • (1h 16m 48s)
  • 269 Mo
🛠️ Plugin Chrome / VS Code indispensables
  • 8 min
  • 169 Mo

🚀 JAVASCRIPT [2/6]

🎥 Cours - Le DOM
  • (3h 34m 23s)
  • 959 Mo
🛠️ Synthèse du Cours - Le générateur de bulles
  • 36 min
  • 1,4 Go
🍿 [TP1 présentation] Mouse effect
  • 4 min
  • 77,4 Mo
💡 [TP1 explication] Mouse effect
  • 19 min
  • 426 Mo
🍿 TP2 - Présentation - Scroll Navbar
  • 3 min
  • 55,1 Mo
💡 [TP2 explication] Scroll Navbar
  • 6 min
  • 118 Mo
🍿 [TP3 présentation] Scroll Popup
  • 3 min
  • 65 Mo
💡 [TP3 explication] Scroll Popup
  • 15 min
  • 331 Mo
🍿 [TP4 présentation] Sidebar
  • 2 min
  • 35,9 Mo
💡 [TP4 explication] Sidebar
  • 13 min
  • 295 Mo

🚀 JAVASCRIPT [3/6]

🎥 Cours - La Data
  • (4h 31m 15s)
  • 1,18 Go
🍿 [TP5 présentation] Color Generator
  • 3 min
  • 46,8 Mo
💡 [TP5 explication] Color generator
  • 9 min
  • 204 Mo
🍿 [TP6 présentation] Todo List
  • 3 min
  • 59,8 Mo
💡 [TP6 explication] Todo List
  • 19 min
  • 421 Mo
🍿 [TP7 présentation] Compte à Rebours
  • 5 min
  • 110 Mo
💡 [TP7 explication] Compte à rebours
  • 14 min
  • 311 Mo
💡 [TP8 présentation + explication] Date Calculator
  • 29 min
  • 2,16 Go
🛠️ Algorithmique en JS
  • 33 min
  • 1,68 Go

🚀 JAVASCRIPT [4/6]

🎥 Cours - Les API
  • (3h 08m 56s)
  • 908 Mo
🍿 [TP9 présentation] Country App
  • 9 min
  • 184 Mo
💡 [TP9 explication] Country App
  • 48 min
  • 1,04 Go

🚀 JAVASCRIPT [5/6]

🎥 Cours - La POO
  • (2h 40m 41s)
  • 849 Mo
💡 [TP10 présentation + explication] Quiz App
  • 26 min
  • 586 Mo

🚀 JAVASCRIPT [6/6]

🎥 Cours - Suite et Fin
  • (2h 12m 27s)
  • 655 Mo
💡 [TP11 présentation + explication] Flappy Bird
  • 58 min
  • 253 Mo
🎥 Cours TypeScript
  • 45 min
  • 125 Mo

⚛️ BONUS : REACT

🎥 Cours React [1/2]
  • (1h 56m 13s)
  • 521 Mo
🎥 Cours React [2/2]
  • (1h 28m 37s)
  • 433 Mo
🛠️ Mise en ligne d'un site en React
  • 10 min
  • 98,2 Mo
🍿 [TP1 présentation] Cooking App
  • 6 min
  • 58,9 Mo
💡 [TP1 correction] Cooking App
  • 34 min
  • 376 Mo
🍿 [TP3 présentation] Créer une App de Cinéma
  • 14 min
  • 3,69 Go
💡 [TP3 correction] Ciné App
  • (1h 46m 31s)
  • 545 Mo
📱 [APP] Crypto Watch [1/2]
  • (3h 06m 49s)
  • 936 Mo
📱 [APP] Crypto Watch [2/2] Ajout Redux
  • 49 min
  • 1,64 Go
🎥 Cours Redux
  • (1h 47m 55s)
  • 3,3 Go
🎥 Cours Redux Toolkit
  • 58 min
  • 3,64 Go

🌳 CONCLUSION

Comprendre le métier et le marché du Dev
  • 33 min
  • 149 Mo
Aller plus loin
  • 7 min
  • 790 Mo

  • 50 €

Parcours Complet : Mastering Front-End

  • Cours
  • 74 Leçons