20 Projets en JavaScript

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 pauvre quand il s’agit de bons projets professionnels en JavaScript natif.

Déjà qu’il n’y a pas trop de (bon) 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 prêt bancaire.
• Application météo.
• Créer un Quiz.
• Coder une recherche Wikipedia.
• Un créateur de cookies.
• Un créateur de dégradés en JS.
• Une app "Pomodoro".
• Une validation de données complète d'un formulaire.
• Créer un jeu de cartes mémoire.
• 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 animation 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 interfaces stylées (HTML / CSS)..
• Utiliser des fonctions et coder dans un style orienté fonction.
• Gérer toutes sortes d’évènements.
• Voir l’utilisation du DOM en profondeur, une des clés pour bien comprendre JS.
• Etc … On va vraiment voir beaucoup de choses

Et les IAs dans tout ça ? Est-ce que ce cours est toujours d'actualité ?

Très bonne question, et après mûre reflexion, c'est un grand OUI.

Trouver du contenu pro, à jour et pédagogique est extrêmement complexe pour un débutant/intermédiaire qui voudrait vraiment s'entraîner.

Générer du contenu via IA est possible, mais un débutant ne peut pas avoir les casquettes d'apprennant et de professeur à la fois, il lui est donc impossible de comprendre si ce qu'il a généré est correct, à jour, respecte des bonnes pratiques, etc...

Ces compétences vont venir à force de pratique et de remise en question, typiquement en s'entraînant via les projets proposés.

En revanche, je ne suis évidemment pas contre les IAs et vous conseille vivement de les utiliser tout en suivant ce cours, afin de vous aider, vous aiguiller, et surtout, surtout, d'épancher votre soif de curiosité quand vous tombez sur quelque chose que vous ne comprenez pas.

Je reste également disponible à la moindre de vos questions qui resterait sans réponse précise.

À qui s’adresse ce cours ?

Ce cours s’adresse aux personnes ayant un niveau débutant/intermédiaire, ne sois surtout pas intimidé 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’autres 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.