20 Projets en JavaScript

Améliorez-vous en JavaScript.

4.50 (725 reviews)
Udemy
platform
Français
language
Web Development
category
instructor
4,728
students
15 hours
content
Nov 2023
last update
$59.99
regular price

What you will learn

Le langage JavaScript

Utiliser des API

Faire des projets vraiment sympathiques et formateurs

Utiliser les boucles, les conditions

Coder en JavaScript moderne

Description

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 :

1. Application "calcul d'IMC".

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 animée super stylée.

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

19. Une calculatrice complète.

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

- 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.


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

Content

Projet 1 : Le quizz

Introduction Quizz
Quizz : partie HTML
Quizz : partie CSS
Quizz : Récupérer les données en JavaScript
Quizz : Obtenir les résultats
Quizz : Afficher les résultats
Quizz : finitions

Projet 2 : App météo sur navigateur

Introduction App météo
App Météo : Partie HTML
App Météo : Partie CSS
App Météo : Partie CSS 2
App météo : premier appel à l'API
App météo : gérer les données
App météo : Afficher les prévisions
App météo : Prévisions des jours + loader

Projet 3 : Le pokédex

Introduction Pokédex
Pokédex : Section CSS
Pokédex : Premier appel à l'API
Pokédex : Gérer les données pour les avoir en FR
Pokédex : Créer les cartes
Pokédex : implémenter le scroll infini
Pokédex : Gérer la recherche
Pokédex : Animer le chargement

Screenshots

20 Projets en JavaScript - Screenshot_0120 Projets en JavaScript - Screenshot_0220 Projets en JavaScript - Screenshot_0320 Projets en JavaScript - Screenshot_04

Reviews

Traore
October 14, 2023
I like the quality of this course, I recommend it for everyone who wants to improve his skills in js.
Emmanuel
September 7, 2023
Excellents exercices qui permettent de mettre en pratique tous les concepts de bases jusqu'à assez avancé. L'intérêt principal pour moi réside dans l'acquisition d'une routine de programmation fonctionnelle afin de mettre en pratique les notions théoriques de javascript sur des cas concrets, de nombreux cas d'école sont abordés. Vivement la création d'une autre version d'exercices en Orienté Objet, je réserve tout de suite ? La résolution commentée en live permet de découvrir de nombreux aspects insoupçonnés de javascript, quelques fonctions a éviter et a remplacer par un code plus robuste maison ;-) Les explications sont claires et progressives. Les exercices sont très intéressants et explorent de très nombreuses situations de dev. Merci Enzo, c'est au top !
Emad
July 21, 2023
Un cours qui correspond exactement a mes attentes, beaucoup d'exercices, beaucoup de nouveau petit trucs sympa a maitriser en même temps dans la formation, enseignant très pédagogue, Merci beaucoup très chers Enzo
David
July 19, 2023
Je suis enchanté par la qualité de la formation. Pour ma part les explications sont claires, compréhensibles. J'apprends énormément en suivant cette formation avec la construction de différents projets JS. Je recommande cette formation. Dans la lancée, à la fin de cette formation, je suivrai la formation React de A à Z faite par Enzo.
Kévin
May 25, 2023
C'est sympa, on révise, apprend des choses très utiles en CSS ainsi qu'en Javascript. Le code est propre, responsive, les projets sont différents et plaisants à réaliser. Très satisfait.
Jcc
May 17, 2023
Enfin ce que je cherchais depuis des mois ! Une démarche concrète où on réalise des choses, afin d'apprendre au fur et à mesure, et non pas une litanie de description de tous les paramètres du langage.
Pierre
April 2, 2023
Très bien expliqué et organisé, on peut tenter de faire les projets puis avoir la correction étapes par étapes
Leroulier
March 20, 2023
Contrairement à d'autres formations de Enzo que j'ai été ravis de suivre, j'ai été déçu de celle-ci pour plusieurs raisons : -la logique algorithmique n'est jamais abordé (on se contente de suivre une logique dont on ne connais ni les tenants ni les aboutissants); -pas assez de détails concernant les méthodes utilisés; -pas assez de rappels de cours (le code est survolé et est parfois bloquant quand on ne comprend pas toujours sa pertinence); -peu d'explications (contrairement à son excellente formation CSS riche en détails); -beaucoup trop rapide (en mode TGV c'est dure de suivre, surtout quand on débute. Alors on perd du monde, forcément!). Cette formation n'est pas adapté aux débutants. Pour la suivre il est nécessaire d'avoir déjà une bonne logique algorithmique , avoir déjà développer en JS et donc avoir déjà bien ancrer les notions du cours par la pratique. Aurai dû s'appeler HTML, CSS, JS (donc pas assez centré sur le js).
Gabriel
March 12, 2023
Satisfait jusque-là mais je continue à suivre, Enzo m’a déjà convaincu dans son cours de Js , j’espère pouvoir avancé ici
François
January 27, 2023
Cours parfait, beaucoup d'explications, des petits projets intéressants et surtout... pleinement fonctionnels !
Æscanor
January 12, 2023
Hugo est une personne avec une bonne pédagogie qui connait son sujet. Il aime partager ses connaissances et cela s'entend.
Louis-Manuel
October 17, 2022
C'est un des meilleur cours HTML / CSS / JS francophone. Que des cas pratiques, si on comprends pas, c'est expliqué mais surtout la techno est donnée donc on peut aller la chercher sur la doc et la comprendre soit même. La pédagogie est excellente, une vidéo rapide pour expliquer l'exercice, on met sur pause, et on le fait. Qu'on y arrive ou qu'on y arrive pas, on regarde la solution et même quand on est certain d'y être arrivé, on apprend une nouvelle fonctionnalité de JS ou de CSS. Après ce cours, on se sent prêt pour aborder les frameworks JS (react, vue...). Le formateur remet à jour ce cours régulièrement sans supprimer les anciens exercices. Merci et bravo Enzo. NB : J'adorerai si tu pouvais faire un cours dans ce style là (exercices) pour React et/ou Vue.
Rico
October 2, 2022
Très bon exo. Manque un peu de structure au niveau des exo pour monter le niveau. Manque un projet complet par exemple site e-commerce. Que des projets front. Mais globalement très bien.
Strentz
August 18, 2022
Merveilleux et généreux il y a 40 projets 20 anciens très bien pour valider les acquis foncez allez c'est extraordinaire
Caroline
July 29, 2022
Je trouve que les exercices sont intéressants, les trucs sont très pratiques et le formateur est dynamique. J’adore cette méthode d’apprentissage.

Coupons

DateDiscountStatus
9/21/202095% OFF
expired

Charts

Price

20 Projets en JavaScript - Price chart

Rating

20 Projets en JavaScript - Ratings chart

Enrollment distribution

20 Projets en JavaScript - Distribution chart

Related Topics

3490410
udemy ID
9/10/2020
course created date
9/13/2020
course indexed date
Bot
course submited by