Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Dans ce cours en ligne, nous allons apprendre à utiliser un langage génial : JavaScript.
C'est un des piliers pour coder en Front-End, et depuis quelques années on l'utilise même en back, en application de bureau, en application mobile et j'en passe !
C'est donc un incontournable. Il faut bien le maîtriser pour accéder à toutes ces possibilités.
Au programme de cette formation 100% en ligne pour apprendre le JavaScript
Voici les notions que nous allons aborder dans ce cours JavaScript :
- Les bases,
- Les conditions,
- Les évènements,
- Les objets,
- Les fonctions,
- Les tableaux,
- Le JavaScript moderne,
- Le JavaScript asynchrone,
- Comment gérer son éditeur, les sites utiles,
- Des projets pour mettre en pratique ce que l'on voit ensemble,
- Il y aura également beaucoup d'exercices et de quizz !
Programme alléchant n'est ce pas ? Rendez-vous de l'autre côté pour commencer à coder !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pré-requis pour suivre confortablement la formation
Nous verrons comment JavaScript est lié à l'HTML et au CSS, c'est donc important d'avoir des bases dans ces deux langages !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Les bases du JavaScript
Les bases du JavaScript
Chapitre 3
Les instructions
Les instructions
Chapitre 4
Les fonctions dans le détail
Les fonctions dans le détail
Chapitre 5
Les objets dans le détail
Les objets dans le détail
Chapitre 6
Les tableaux dans le détail
Les tableaux dans le détail
Chapitre 7
Les chaînes dans le détail
Les chaînes dans le détail
Plan détaillé du cours
Chapitre 1 : Introduction
14m53
Leçon 1Introduction
Leçon 2Fonctionnement du code source et conseils
Chapitre 2 : Les bases du JavaScript
2h14
Leçon 1Créer un dossier et exécuter du JavaScript
Leçon 2Déclarer des variables
Leçon 3Les différents types
Leçon 4Les commentaires
Leçon 5Les expressions et les instructions
Leçon 6Les différents opérateurs
Leçon 7Introduction aux chaînes de caractères
Leçon 8Introduction aux fonctions
Leçon 9Comprendre l'hissage (hoisting)
Leçon 10Introduction aux objets
Leçon 11Introduction aux tableaux
Leçon 12Introduction au DOM
Leçon 13Introduction aux évènements
Leçon 14Introdcution Exercice 1 : Les variables
Leçon 15Résolution exercice : les variables
Leçon 16Introduction exercice : Naming
Leçon 17Résolution exercice : Naming
Leçon 18Introduction exercice : objets et tableaux
Leçon 19Résolution exercice : Objets et tableaux
Chapitre 3 : Les instructions
1h53
Leçon 1La condition "if"
Leçon 2Les conditions if...else et else
Leçon 3La coercition de type
Leçon 4Les conditions complexes
Leçon 5Le switch
Leçon 6L'opération ternaire
Leçon 7L'opération de court-circuit
Leçon 8La boucle for et les instructions break et continue
Leçon 9Les boucles while et do while
Leçon 10Boucle for...in et for...of
Leçon 11Introduction à l'exercice : Conditions
Leçon 12Résolution de l'exercice : Conditions
Leçon 13Introduction à l'exercice : Conditions 2
Leçon 14Résolution de l'exercice : Conditions 2
Chapitre 4 : Les fonctions dans le détail
41m43
Leçon 1Les fonctions fléchées
Leçon 2Les fonctions callback
Leçon 3Les méthodes
Leçon 4Les fonctions pures
Leçon 5Les fonctions d'ordre supérieur
Leçon 6Les fonctions auto-invoquées
Leçon 7Comprendre la récursion
Leçon 8Introduction à l'exercice sur les fonctions
Leçon 9Résolution de l'exercice sur les fonctions
Chapitre 5 : Les objets dans le détail
53m13
Leçon 1Les valeurs primitives et les valeurs de référence
Leçon 2Copier un tableau ou un objet
Leçon 3Le mot clé "this" dans les objets
Leçon 4Le chaînage optionnel
Leçon 5Infos utiles et astuces avec les objets
Leçon 6Les méthodes utiles en rapport avec les objets
Leçon 7Introduction de l'exercice sur les objets
Leçon 8Résolution de l'exercice sur les objets
Chapitre 6 : Les tableaux dans le détail
1h02
Leçon 1Itérer dans un tableau
Leçon 2Méthodes pratiques et la propriété length
Leçon 3Les méthodes d'ordre supérieur des tableaux I
Leçon 4Les méthodes d'ordre supérieur des tableaux II
Leçon 5Les méthodes de recherche d'index et d'éléments des tableaux
Leçon 6Aplatir et concaténer des tableaux
Leçon 7Itérer un tableau multidimensionnel
Leçon 8Les méthodes "split" et "join"
Leçon 9Découper un tableau et supprimer des éléments avec "slice" et "splice"
Leçon 10Introduction à l'exercice : Le concert
Leçon 11Résolution de l'exercice : Le concert
Leçon 12Introduction à l'exercice : Filtres
Leçon 13Résolution de l'exercice : Filtres
Chapitre 7 : Les chaînes dans le détail
1h05
Leçon 1Les méthodes des chaînes
Leçon 2Les Regex (expressions régulières)
Leçon 3Les listes et l'échappement
Leçon 4Les quantificateurs
Leçon 5Les groupes optionnels et les ancres
Leçon 6Les méthodes utiles
Leçon 7Un outil très pratique : Regex101
Leçon 8Intro exercice chaînes
Leçon 9Résolution exercice chaînes
Leçon 10Introduction exercice Regex
Leçon 11Résolution exercice Regex
Chapitre 8 : Nombres et Bigint
25m08
Leçon 1Les méthodes des nombres
Leçon 2Les méthodes mathématiques
Leçon 3Transformer une chaîne en nombre
Leçon 4Le type bigint
Chapitre 9 : Les dates
15m40
Leçon 1Le constructeur Date et les méthodes des dates
Leçon 2Introduction à l'exercice : Jours entre deux dates
Leçon 3Résolution de l'exercice : Jours entre deux dates
Leçon 4Introduction à l'exercice : Date entre deux dates
Leçon 5Résolution de l'exercice : Date entre deux dates
Chapitre 10 : Le Document Object Model (DOM)
2h09
Leçon 1Introduction au DOM
Leçon 2La sélection d'éléments du DOM partie 1
Leçon 3La sélection d'éléments du DOM partie 2
Leçon 4Les propriétés représentant les enfants et les parents
Leçon 5Les différences entre : innerText, textContent et innerHTML
Leçon 6Les getters et les setters mettent à jour le DOM !
Leçon 7Changer le style en JavaScript
Leçon 8Manipuler les attributs en JavaScript
Leçon 9Créer et rajouter des éléments au DOM
Leçon 10Créer du contenu avec les "template literals"
Leçon 11Créer et utiliser des fragmens
Leçon 12Les méthodes append vs appenchild
Leçon 13Supprimer un élément
Leçon 14Cloner un élément
Leçon 15Comparer des éléments du DOM = comparer des objets
Leçon 16Obtenir les positions et les dimensions
Leçon 17Les méthodes de scroll
Leçon 18Introduction exercice DOM I
Leçon 19Résolution exercice DOM I
Leçon 20Introduction exercice DOM II
Leçon 21Résolution exercice DOM II
Leçon 22Introduction exercice DOM III
Leçon 23Résolution exercice DOM III
Chapitre 11 : Les évènements
1h18
Leçon 1Comment écouter des évènements ?
Leçon 2Les comportements par défaut
Leçon 3La propagation des évènements
Leçon 4La délégation des évènements
Leçon 5Les évènements de souris
Leçon 6Le "class toggle"
Leçon 7Les évènements scroll & resize
Leçon 8Les évènements de clavier
Leçon 9Les évènements de formulaire
Leçon 10Les évènements des médias
Leçon 11Les touch events
Leçon 12Les évènements liés aux transitions et aux animations
Leçon 13Les évènements de chargement
Leçon 14Introduction exercice évènement 1
Leçon 15Résolution exercice évènement 1
Leçon 16Introduction exercice évènement II
Leçon 17Résolution exercice évènement II
Chapitre 12 : Projets pratiques
1h21
Leçon 1Créer un menu personnalisé au clic droit
Leçon 2Créer des spoilers
Leçon 3Copier du contenu dans le presse papier
Leçon 4Coder une range d'emojis
Leçon 5Coder un input animé et stylé
Leçon 6Créer une fenêtre modale
Leçon 7Coder un menu rideau
Leçon 8Créer un slider
Chapitre 13 : Fonctionnement JavaScript sur navigateur
34m45
Leçon 1Comment fonctionne JavaScript sous le capot ?
Leçon 2Analysons le comportement de JS au niveau du code
Leçon 3Continuons de l'analyser
Leçon 4Comprendre les closures en JavaScript
Chapitre 14 : Le JavaScript moderne
55m06
Leçon 1Let et const dans le détail
Leçon 2Les fonctions fléchées
Leçon 3Les "template literals"
Leçon 4Opérateur "spread" et destructuring
Leçon 5Opérateur "spread" et destructuring partie 2
Leçon 6Quelques astuces avec les objets ES6+
Leçon 7Les getters et les setters
Leçon 8L'opérateur du reste et les paramètres par défaut
Leçon 9Les modules ES6
Chapitre 15 : Le JavaScript asynchrone
1h19
Leçon 1SetTimeout et setInterval
Leçon 2Gérer les erreurs
Leçon 3Les promesses
Leçon 4Comprendre le format JSON
Leçon 5L'asynchrone avec AJAX
Leçon 6La méthode fetch()
Leçon 7Gérer les erreurs avec fetch
Leçon 8Utiliser async await
Leçon 9Appel d'API avec async await
Leçon 10Introduction Exercice 1 : Le décompte
Leçon 11Résolution exercice 1
Leçon 12Introduction exercice 2 : Afficher des articles
Leçon 13Résolution exercice 2
Chapitre 16 : Classes et prototypes en JS
53m12
Leçon 1Découverte des prototypes I
Leçon 2Découverte des prototypes II
Leçon 3Héritage de prototype
Leçon 4Les classes
Leçon 5Les différents champs
Leçon 6Héritage de classe
Leçon 7Introduction exercice 1
Leçon 8Résolution exercice 1
Leçon 9Introduction exercice 2
Leçon 10Résolution exercice 2
Chapitre 17 : Tooling et bundlers
27m27
Leçon 1Le problème des modules
Leçon 2Découverte d'un bundler : Vite
Leçon 3Créer une app React
Avis des apprenants