Améliorez-vous en JavaScript

20 Projets en JavaScript

Suivre ce cours

Enfin des projets en JavaScript natif ! (vanilla).

Le web est inondé de Frameworks, de librairies et d’outils en JavaScript, mais il reste très à sec quand il s’agit du langage en lui-même, quand il s’agit de JavaScript natif.

Déjà qu’il n’y a pas trop de contenu en Anglais sur le JS natif.

Alors en Français …

C’est pour remédier à ça que j’ai tourné ce cours « 20 projets en pur JavaScript »

Pour aider ceux qui souhaitent apprendre ce langage et savoir une bonne fois pour toute ce qui appartient à JavaScript et ce qui appartient à un Framework ou autre librairie.

Je vois trop de gens qui se lancent directement dans les Frameworks JS, sans avoir les connaissances nécessaires.

Ils se retrouvent complètement perdus et frustrés, à deux doigts de la crise de nerf, ce qui est compréhensible.

Ils se disent qu’avec quelques tutos sur des animations JS ou des petits bouts de codes ils auront le bagage nécessaire.

Mais c’est une erreur, une solution de fortune, ce n’est pas assez.

Le vrai problème c’est l’expérience, il faut pratiquer.

Il faut visualiser le JavaScript, à quoi il sert, pourquoi a-t-il été créé, où en est t’il de son évolution ?

Pour devenir architecte, on dessine des bâtiments, pour devenir developpeur JS, on code en JavaScript.

Alors retroussons-nous les manches et attaquons ces projets !

La liste des projets que nous allons effectuer :

  • Application "calcul d'IMC".
  • Quizz.
  • Recherche Wikipedia.
  • Un créateur de cookies.
  • Une application météo.
  • Un créateur de dégradés en JS.
  • Une app "Pomodoro".
  • Un système de validation de mot de passe dans un formulaire.
  • Créer un jeu de cartes mémoires.
  • Créer un système de scroll infini, comme Pinterest, Instagram, Unsplash...
  • Coder un slider stylé et animé.
  • Un générateur de mots de passe.
  • Une liste d'utilisateurs filtrable.
  • Un lecteur vidéo personnalisé, comme Youtube.
  • Le jeu du morpion sur navigateur.
  • Une animations de particules en JavaScript.
  • Une landing page animée super stylée.
  • Un jeu qui calcule notre vitesse de frappe au clavier.
  • Une calculatrice complète.
  • Un lecteur audio stylé.

Avec ça tu as vraiment de quoi te familiariser avec ce langage, nous traiterons de sujets comme :

  • Gérer des données et les transformer.
  • Les conditions, boucles, etc …
  • Appeler des API pour aller chercher des données.
  • Faire du JavaScript asynchrone.
  • Coder en JavaScript moderne.
  • Utiliser des objets / tableaux.
  • Utiliser des classes pour créer des objets dans un style orienté-objet.
  • Créer des interface stylées (HTML / CSS)..
  • Utiliser des fonctions et coder dans un style orienté fonction.
  • Gérer toutes sortes d’évenements.
  • Voir l’utilisation du DOM en profondeur, une des clés pour bien comprendre JS.
  • Etc … On va vraiment voir beaucoup de choses

A qui s’adresse ce cours ?

Ce cours s’adresse aux personnes ayant un niveau débutant/intermédiaire, ne sois surtout pas apeuré par le nombre de projets, j’explique tout de A à Z.

Et n’oublie pas que pour progresser, il faut se frotter à des projets qui nous dépassent, pour découvrir de nouvelles choses et booster son apprentissage.

Certains projets sont donc vraiment orientés débutants, d’autre atteignent un niveau intermédiaire.

Dans tous les cas un léger bagage est nécessaire, si tu as déjà fait des boucles, utilisé des fonctions et des conditions, tu as les connaissances de bases requises.

Besoin d'aide ?

Rejoignez la communauté sur Discord, ou suivez les tutoriels de l'École du Web sur Youtube.

Contenu du cours


  Introduction
Disponible en journées
journées après vous être inscrit
  Application "Calcul d'IMC"
Disponible en journées
journées après vous être inscrit
  Coder un Quizz
Disponible en journées
journées après vous être inscrit
  Coder une recherche avec l'API de Wikipedia
Disponible en journées
journées après vous être inscrit
  Le créateur de cookies
Disponible en journées
journées après vous être inscrit
  L'application météo sur navigateur
Disponible en journées
journées après vous être inscrit
  Coder une application de création de dégradés !
Disponible en journées
journées après vous être inscrit
  Pomodoro
Disponible en journées
journées après vous être inscrit
  Projet "Validation de données"
Disponible en journées
journées après vous être inscrit
  Le jeu des cartes mémoires
Disponible en journées
journées après vous être inscrit
  Intégrer un scroll infini
Disponible en journées
journées après vous être inscrit
  Le Slider
Disponible en journées
journées après vous être inscrit
  Le générateur de mots de passe
Disponible en journées
journées après vous être inscrit
  Coder une liste filtrable dynamiquement
Disponible en journées
journées après vous être inscrit
  Le lecteur personnalisé
Disponible en journées
journées après vous être inscrit
  Le jeu du Morpion
Disponible en journées
journées après vous être inscrit
  L'animation de particules
Disponible en journées
journées après vous être inscrit
  Coder une landing page animée
Disponible en journées
journées après vous être inscrit
  Le jeu de la vitesse de frappe
Disponible en journées
journées après vous être inscrit
  Coder une calculatrice complète
Disponible en journées
journées après vous être inscrit
  Coder un lecteur audio
Disponible en journées
journées après vous être inscrit

Cliquez sur les questions

Foire aux questions.

Oui, il vous suffit de cliquer sur votre profil > gérer les abonnements > annuler l'abonnement.

Il vous suffit de rejoindre le serveur Discord dans lequel vous pouvez discuter développement web, demander de l'aide ou encore participer à des concours ou des exercices.

Le Parcours Front-End est une feuille de route vous permettant de suivre les cours qui feront de vous un développeur Front-End dans l'ordre.

Il est très important de pratiquer quand on apprend de nouvelles compétences, c'est pourquoi j'ai une page spécialement remplie de dizaines de cours et de projets pratiques!

Rejoignez des milliers d'étudiants

Accèdez à tout le contenu d'un coup

React, CSS, HTML, JavaScript, Git, SASS, etc..., faîtes décoller votre carrière en suivant des cours complets.

Suivre ce cours