Modern JavaScript The Complete Course - Build +15 Projects (Udemy.com)
Learn JavaScript the most popular language for Web Development - Includes ES6, React & NodeJS & +15 Complete Projects!
Created by: Juan Pablo De la torre Valdez
Last updated October 2019
What you will learn
- Learn the latest JavaScript features such as Async JS, Fetch API, Async Await & more
- You're going to learn how to consume REST API's with JavaScript
- How to create JavaScript classes and OOP
- You're going to learn more advanced topics such as Generators, Iterators, Maps, Sets, Promises & more
- OOP JavaScript with Object Constructors, Classes & Prototypes
- Asynchronous JavaScript with Callbacks, Promises & Async Await
- Add Interaction to your websites
How it compares
Against the other 239 rated Udemy courses in JavaScript on CourseDuck:
- Rating4.3 out of 5higher than 25% of them
- Reviews407#121 of 240 by number of reviews
- Length27.8 hourslonger than 89% of them
- Last updatedOctober 2019earlier than 76% of them
Course Description
Learn Modern JavaScript & ECMAScript with this Course!
JavaScript Versions included in this Course: ES6, ES7, ES8 === 'Modern JavaScript';
Just Added a ReactJS Introduction By Building a Project and a NodeJS Introduction with Pug, Sequelize, Express & Bootstrap
The most complete JavaScript course on Udemy, learn by building Projects!
In this course you're going to learn JavaScript, from the fundamentals to Intermediate and Advanced Topics such as Prototypes, Delegation, Classes, Ajax, Promises, Generators, OOP, Fetch API, Async Await, Async JS, Objects, how to consume REST API's and more!
Before we Jump into the projects, i'm going to explain the Fundamentals of JavaScript, so if you don't have any previous experience, you're in the right course!
if you are unfamiliar with this topics, you're in the right course because you're going to learn all of this and BUILD AMAZING PROJECTS
The best way to learn something new in programming is by building projects, in this course we're going to build several projects from beginner to advanced level.
Included projects in this course:
Save from Form into Local Storage
Simulate Email Sending App
Generate Names from a REST API
Cryptocurrencies rate from a REST API (more than 100 cryptocurrencies included)
Events in your city with EventBrite and REST API
Shopping Cart with Local Storage
Car Insurance Live Quotation
My Weekly Budget APP
Pet Appointment Manager with IndexedDB
Search Lyrics Online
PerfectCocktail - A Drink Recipes APP
More Projects are added every month, have an idea? send me a message!
HERE'S A LIST AND DESCRIPTION OF THE PROJECTS!
PROJECT: Save into local storage from HTML Form
In this project you will learn how to read the values from a HTML Form and Inputs, then the data is going to be saved into LocalStorage so even if you close the tab or reload the window the info is going to be there thanks to this amazing JavaScript feature.
PROJECT: Adding Courses into the Shopping Cart
This project will help you a lot to understand DOM Scripting and how to traverse in all the HTML of your website.
DOM Scripting is one of the most important topics when learning JavaScript, this project will help you a lot!
PROJECT: Simulate Email Sending with Form
Another really nice project, in this one i'm gonna show you how to validate a form, so every value should be filled before we simulate the sending of an email
Also we will show some nice graphics when the email is sent, this project is very similar to a project that any company will ask you to develop when you try to get a JavaScript job!
PROJECT: Car Insurance Quotation from a FORM
In this project you will learn how to do some math operations in JavaScript with a real world project!
Also, you will learn how to read different values from a Form, validate the form, do some operations and finally print the results
Another really nice project to continue learning JavaScript!
PROJECT: Weekly Budget APP
This is one of my favorite projects, you will enter a Budget for the week, and then you start adding expenses, once you pass 50% of the budget, the remaining budget will change the color to yellow, and once you reach the final 25% of the budget the content will change to Red.
PROJECT: Name Generator with AJAX & Rest API (Fetch API Included)
AJAX is a legacy technology, but as a JavaScript developer is something that you should learn
And learning what's and how to use a REST API is also another really important topic, REST API is how you get data from other servers or websites, something that any JavaScript developer must know
As i said before, Ajax is a legacy technology, the new one is Fetch, so i'm gonna show you how switch from AJAX to Fetch API in the upcoming chapters.
PROJECT: Cryptocurrencies Rates
This is also one of my favorite projects
We will use a REST API that displays more than 100 different Cryptocurrencies and we will display the latest rate
This is going to be another project that you can add into your JavaScript portfolio!
PROJECT: Display Events with the EventBrite API
For this chapter we will use the EventBrite API to display and fetch events in our website
Instead of adding the events manually to your site, you can consume this EventBrite API to display events in your site using JavaScript
PROJECT: PerfectCocktail - A Drinks Recipes APP
This is the most complete project in the course, we will consume a REST API with several different Endpoints
Also we will save the favorite recipes into Local Storage, one of the most advanced projects in the whole JavaScript Code
PROJECT: Lyrics Search Engine with Modules
In this project we will use the new JavaScript Modules that was added in the latest versions, also we will query a REST API!
IndexedDB - Building a Complete Project (Appointment Management)
In JavaScript you can also create a database, in this project im gonna show you how to create, read, save the records in the IndexedDB database !
BONUS!
What's webpack and how to create a webpack project - 25 videos about webpack just added into the course, you will learn what's a bundle, how to install dependencies, integrate webpack with other tools such as NPM or Babel
All this projects are developed using different techniques: classes, prototypes, fetch api, ajax, async await, arrow functions, promises & more!
THE VIDEOS WITH THE MAIN PROJECTS ARE ENABLED TO WATCH FOR FREE!
Instructor Details
- 4.3 Rating
407 Reviews
Juan Pablo De la torre Valdez
¡Soy diseñador y programador web desde hace 19 años! (2006)
No te aburriré ni te contaré la típica historia de que soy programador desde los 6 años porque eso sería mentir.
Empecé a los 18 años y la programación cambió mi vida.
Aprendí con tutoriales en video, por eso creo en este formato de enseñanza; el problema es que muchos cursos hablaban con términos confusos, extraños y no creaban un proyecto real, es por eso que enseño Creando Proyectos Reales.
Por años he trabajado con WordPress, Drupal, PHP, JavaScript, Laravel, Node.js, Express, React, Angular, Vue, Ruby on Rails, Django, React Native, Flutter en diferentes empresas de mi Ciudad y para algunos clientes de forma Freelancer, pero cuando conocí a Udemy descubrí que podia realizar los cursos creando proyectos reales que tanta falta hacían, por lo tanto renuncie a mi trabajo y deje mi agencia de diseño Freelancer para comenzar Código Con Juan en Udemy.
More courses by Juan Pablo De la torre Valdez
React y TypeScript - La Guía Completa Creando +10 Proyectos (2026)
4.6 (12,496 Reviews)
Provider: Udemy
Time: 56.6h
$13.99
CSS La Guía Completa - Flexbox, CSS Grid, SASS +20 proyectos (2026)
4.7 (4,652 Reviews)
Provider: Udemy
Time: 37.1h
$11.99
Professional WordPress Theme & Plugin Development (2019)
4.4 (1,138 Reviews)
Provider: Udemy
Time: 34.8h
$74.99
WordPress E-Commerce Development w/ WooCommerce & Storefront (2019)
4.3 (461 Reviews)
Provider: Udemy
Time: 9.6h
$64.99
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
JavaScript: Understanding Advanced ES Next (ES6 and Beyond) (2025)
4.9 (1,076 Reviews)
Provider: Udemy
Time: 3.5h
$79.99
Reviews
By Mohammed Azharuddin on 3/17/2021
project for the API shared are very old, today those API end points are changed and some are not available, also there is no knowledge shared how can we can use them now
By Chandan Goswami on 5/15/2020
The course is very detailed. If you are new to javascript then you would love the course, the way this course starts is very beginner-friendly the instructor doesn't rush topics, he takes his time and explains every topic in detail that doesn't mean that this course is not for experienced people I am sure they too will gain from this course very much. So far I am loving this course and would recommend you guys to give this course a shot
By Eloumbat Assoua Albert on 1/18/2020
I have been having a great time and it is has been straight forward with no complex explanation, But I will have to create a flow diagram to note each step and the flow of the code. It can be confusing is you have a basic idea on what he has been teaching so far. But I have been on track and I have improve in so many aspects. Thank you.
By Tony Lawrence on 11/27/2019
Good demonstration. Since I have knowledge of Java, a lot of the syntax of JavaScript is similar, especially with es6. I way to how course proceeds helps encourage to go ahead a bit of the course to see if you can figure it out on your own and continue improving some of the projects each course goes through.
By Pius Uzokwe on 6/2/2019
The instructor has versatile knowledge of the language and knows how to convey the information in a simplified manner. If you want to learn how to build JavaScript applications from concept to finish or how to integrate API's, then, I recommend this Instructor for you will learn a lot. Thanks for the knowledge gained.
By Dennis Van de Poel on 12/19/2018
An introductory course, that demonstrates javascript through examples of typical web apps. The course does lack certain things; - it does not explain the user where to find more details of topics introduced and not covered in the examples - the course is rather mechanical; it fails to explain sufficiently in depth technical concepts (e.g. when and how to properly use async; what are pitfalls etc.) - the code in the examples are relatively messy, e.g. at times function names often do not cover what they are doing. Edit 11Jan19; The author recently added additional section, and the ReactJS section was very well crafted - it is a very good introduction to ReactJS.
By Tantouris Gavriil on 9/7/2018
The instructor is difficult to understand and gives the same examples over and over again.
By Alex Quasar on 7/21/2018
Great course on building small projects in javascript using es6. Instruction style is simple, crisp and concise. Doesn't get lost in the detail, yet leaves you with a better understanding of the topics and concepts covered in the course. I think this course is both good for beginners and those looking for a refresher.
By Daniel Francisco Alvarez Merlos on 6/22/2018
Great course, as he says, best way to learn is with examples/exercises, and this course has that, things to improve, pay more attention to the questions section, the cocktail project, maybe dont use bootstrap, vanilla js modal, autocomplete, lazy load and the last section (webpack) add a complete/real project using webpack
By Andrew Kwabula on 4/9/2018
Clear explanation and giving a lot of examples for the same concept, many perspectives makes learning easier. Lessons are well organised. Step by step walk through from the Development Environment to actual lessons. The pace is good, not too slow and not to fast, rarely have to rewind. Course content is well thought out. Good work Juan. The Projects are amazing and makes it easy to understand otherwsie difficult JS concepts.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 86 / 100









