Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

20 Projets en JavaScript

via Udemy

Overview

Améliorez-vous en JavaScript.

What you'll learn:
  • Le langage JavaScript
  • Utiliser des API
  • Faire des projets vraiment sympathiques et formateurs
  • Utiliser les boucles, les conditions
  • Coder en JavaScript moderne

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 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 toutes 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 nerfs, ce qui est compréhensible.


Ils se disent qu’avec quelques tutos sur des animations JS ou des petits bouts de code 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 :

1. Application prêt bancaire.

2. Quizz.

3. Recherche Wikipedia.

4. Un créateur de cookies.

5. Une application météo.

6. Un créateur de dégradés en JS.

7. Une app "Pomodoro".

8. Un système de validation de mot de passe dans un formulaire.

9. Créer un jeu de cartes mémoires.

10. Créer un système de scroll infini, comme Pinterest, Instagram, Unsplash...

11. Coder un slider stylé et animé.

12. Un générateur de mots de passe.

13. Une liste d'utilisateurs filtrable.

14. Un lecteur vidéo personnalisé, comme Youtube.

15. Le jeu du morpion sur navigateur.

16. Une animations de particules en JavaScript.

17. Une landing page super stylée animée en JavaScript.

18. Un jeu qui calcule notre vitesse de frappe au clavier.

19. Une calculatrice complète.

20. Un lecteur audio professionnel.


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 …

- Utiliser des API afin d'obtenir des données.

- JavaScript asynchrone.

- Coder en JavaScript moderne.

- Utiliser des objets / tableaux comme un pro.

- 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’évenement.

- Voir l’utilisation du DOM en profondeur, une des clés pour bien comprendre JS.

- Passer en revue énormement de bonnes et mauvaises pratiques JavaScript.

- 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 voudraient 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éteces 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à codé des boucles, utilisé des fonctions et des conditions, tu as les connaissances de base requises.


Sympa hein ? Rendez-vous de l'autre côté pour commencer à coder.

Syllabus

  • Introduction
  • Projet 1 : Prêt bancaire
  • Projet 2 : App météo
  • Projet 3 : Créer un Quiz
  • Projet 4 : Recherche Wikipedia
  • Projet 5 : Usine à cookies
  • Projet 6 : App de dégradés linéaires
  • Projet 7 : Slider animé
  • Projet 8 : Validation de données côté Front
  • Projet 9 : Jeu des cartes mémoire
  • Projet 10 : Le scroll infini
  • Projet 11 : Pomodoro
  • Projet 12 : Générateur de mot de passe
  • Projet 13 : Liste filtrable
  • Projet 14 : Lecteur vidéo
  • Projet 15 : Jeu du morpion
  • Projet 16 : Particules
  • Projet 17 : Animations JavaScript
  • Projet 18 : Turbo clavier
  • Projet 19 : Lecteur audio
  • Projet 20 : Calculatrice
  • [Ancien cours] Introduction
  • [Ancien cours] Application "Calcul d'IMC"
  • [Ancien cours] Coder un Quizz
  • [Ancien cours] Coder une recherche avec l'API de Wikipedia
  • [Ancien cours] Le créateur de cookies
  • [Ancien cours] L'application météo sur navigateur
  • [Ancien cours] Coder une application de création de dégradés !
  • [Ancien cours] Pomodoro
  • [Ancien cours] Projet "Validation de données"
  • [Ancien cours] Le jeu des cartes mémoires
  • [Ancien cours] Intégrer un scroll infini
  • [Ancien cours] Le Slider
  • [Ancien cours] Le générateur de mots de passe
  • [Ancien cours] Coder une liste filtrable dynamiquement
  • [Ancien cours] Le lecteur personnalisé
  • [Ancien cours] Le jeu du Morpion
  • [Ancien cours] L'animation de particules
  • [Ancien cours] Coder une landing page animée
  • [Ancien cours] Le jeu de la vitesse de frappe
  • [Ancien cours] Coder une calculatrice complète
  • [Ancien cours] Coder un lecteur audio
  • BONUS

Taught by

Enzo Ustariz - Web School

Reviews

4.7 rating at Udemy based on 773 ratings

Start your review of 20 Projets en JavaScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.