• Tu es intéressé par le métier de développeur Front End, mais tu ne sais pas par où commencer.

• Peux être que tu souhaites aussi changer de travail, trouver un boulot mieux payé et plus intéressant. 

• Un boulot qui t'offre plus de liberté, qui te permet de bosser en Freelance tranquillement depuis chez toi (ou partout dans le monde) MAIS tu penses que ce n'est pas pour toi !

• Peux être que tu souhaites changer de technologie (Passer d'un vieux langage vers une techno front récente), mais tu n'as pas le temps de te pencher sur cela.

• Peut être que tu as commencé comme Intégrateur Web, tu voudrais évoluer mais tu penses qu'il te faut plus de connaissances de bases ou que tu dois trouver une VRAI école ou formation.

• Tu vois que les nouvelles technos FRONT END comme React JS sont de plus en plus demandées et tu as l'impression de rater quelque chose d’énorme.  

• Tu vois des offres de développeurs Front-End React a plus de 400 € la journée en Freelance et tu te demande comment tu pourrais y accéder. 

• Peux être que tu as déjà suivi quelques tutos ou formations, tu as déjà essayé d'apprendre le React et tu t'es perdu devant la masse d'informations et les tonnes de Frameworks et outils associés

• Quand je me suis lancé dans le développement FRONT-END JS, j'ai complètement été largué !

• La langage Javascript avait tellement évolué que cela ma fait peur.

• J'ai perdu un temps fou à utiliser des Frameworks inutilisés comme BackBone JS

• J'ai perdu un temps fou à comprendre qu'il ne fallait plus coder du JS à l'ancienne

• J'ai perdu un temps fou à utiliser des outils qui était dépassé (je pense a Bower) avant de comprendre que personne ne les utilisait.

• Un électronicien
• Un personne qui travaillait chez MacDO
• Une personne sans boulot

☝️ Pour qui ?

Je te comprends !

1. Intro
2. Rappel (HTML/DOM/JS)
3. La philosophie React
4. Les Erreurs de débutants
5. React en 5 Minutes
6. JSX c’est quoi ?
7. ES6
8. Webpack
9. Les outils
10. Conception et réalisation d'une première application
11. Les starters Packs
12.  Qualité et Tests Unitaires
13. Conception et réalisation d'une Application Entreprise
14. React Router
15. Internationalisation
16. Déploiements
17. Les Projets
18. Conclusion  

• La version AUDIO de cette formation 
• Un Accès privé au Slack des développeurs Web  (Un espace d'échange et d'entraide spécialement conçu pour les développeur )

💪 MODULE 1 : INTRO

• Présentation de la formation
• Pourquoi cette formation ?
• Le Plan

💻 MODULE 2 : RAPPEL

• Pourquoi apprendre React
• tu es débutant ? ce n'est pas grave on reprends les bases.
• Quel est le minimum a connaitre en HTML JS pour démarrer   ?

💻 MODULE 3 : LA PHILOSOPHIE DE REACT JS 

• Pourquoi apprendre React
• Qu'est ce que les SPA
• Tous les avantages de React
• Le Virtual DOM
• L'approche orientée composant en détail

⚒️ MODULE 4 : LES ERREURS DE DÉBUTANTS

• Comment ne pas passer pour un débutant.
• Les erreurs à ne surtout pas faire !
• La structuration

⌨️ MODULE 5 : REACT EN 5 MINUTES

• On va démystifier React 
• On va voir que quelques lignes de code permettent de démarrer 
• Le point d'entrée 

⚒️ MODULE 6 : JSX C'EST QUOI

• Comment on faisait avant JSX
• Mettre JSX Rapidement en place
• Babel 

📈 MODULE 7 : ECMASCRIPT 2015 (ES6/7/8/9)

• Qu'est ce qu'ECMAScript
• Les avantages et les inconvénients 
• Les problèmes de compatibilité
• Comment y remédier 
• On parcours tous ce dont on a besoin en ES6 pour faire du React
• On code en ES6 des algos concrets 

🎁 MODULE 8   : WEBPACK

• Les problèmes des projets JS modernes 
• Pourquoi WebPack
• Présentation de Webpack

⌨️ MODULE 9 : LES OUTILS

• On va mettre en place tout ton environnement de travail 
• On va installer tous les outils   

⌨️ MODULE 10 : PREMIÈRE APPLICATION REACT JS

• On va coder notre première application React
• On va installer tous les outils   
• On va préparer le projets
• On va concevoir notre application
• On va créer une boite à outils de composants React
• On va utiliser tous les types de composants 
• On va apprendre à maîtriser les States et les Props
• On va jouer avec les événements en React
• On va décortiquer le Cycle de vie 
• On va utiliser toutes les fonctions du cycle de vie

🎁 MODULE 11 : LES STARTERS KITS

• A quoi ça sert ?
• Lesquels utiliser 
• Comment identifier un Starter kit à jour
• Les critères 

⚒️ MODULE 12 : LA QUALITÉ AVEC LES TESTS UNITAIRES 

• A quoi ça sert ?
• Comment les mettre en place
• Les Frameworks de Tests Unitaires
• Les règles de formatages 
• Les règles de code quality
• Les HOOK GIT

💻 MODULE 13 : APPLICATION REACT ENTREPRISE 

• Pourquoi apprendre React
• Qu'est ce que les SPA
• Tous les avantages de React
• Le Virtual DOM
• L'approche orientée composant en détail
• On conçoit une application 
• On choisi un Framework CSS Front React
• On configure le thème
• On développe un mini moteur de recherche 
• On utilise des API 

⚒️ MODULE 14 : LE ROUTAGE (REACT ROUTER)

• Pourquoi utiliser un Router ?
• Les routers disponibles
• Comment créer des liens dans une SPA
• On va créer des routes  
• On va câbler ces routes à des composants React
• On utiliser des query params dans les composants

⚒️ MODULE 15 : L’INTERNATIONALISATION

• Pourquoi c'est indispensable
• Comment gérer les langues
• La traductions
• Quel utilitaires 
• Traduction de dates
• Traduction de nombres

⌨️ MODULE 16 : DÉPLOIEMENT D'APPLICATIONS REACT 

• Les différentes méthodes de build/compilations
• Les différents type serveurs
• On déploie notre application sur un serveur Standard
• Sur un serveur Node JS
• Déploiement ServerLess Netlify 

💻 MODULE 17 : LES PROJETS

• On va définir une liste de projets SOLO à accomplir 
• Les projets en équipe

🎁 MODULE 18 : OUTRO

• BONUS

trust3.png 25.5 KB

trustP.png 10.42 KB