Modern JavaScript The Complete Course - Build +15 Projects

4.38

Updated on

Course overview

Provider
Udemy
Course type
Paid course
Level
All Levels
Duration
28 hours
Lessons
312 lessons
Certificate
Available on completion
Course author
Juan Pablo De la torre Valdez
  • 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

Description

Learn JavaScript the most popular language for Web Development - Includes ES6, React & NodeJS & +15 Complete Projects!

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!

Similar courses

JavaScript: Understanding the Weird Parts
  • 12 hours
  • 88 lessons
  • Certificate
Modern JavaScript From The Beginning
  • 22 hours
  • 122 lessons
  • Certificate
Modern JavaScript The Complete Course - Build +15 Projects
  • English language

  • Recommended provider

  • Certificate available