Modern JavaScript The Complete Course – Build +15 Projects
Learn JavaScript the most popular language for Web Development – Includes ES6, React & NodeJS & +15 Complete Projects!
What you’ll 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
Requirements
• A Text Editor, i’m using Visual Studio Code
• A Browser, i recommend Google Chrome
• Internet, videos can be watched only with internet or via Udemy App
• If you know HTML, CSS and you want to start creating Interactive Website, JavaScript is the way to go, and you’re in the right 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!
Who this course is for:
• If you want to Learn JavaScript without Frameworks
• If you want to learn the latest ES6, ES7 & ES8 features this is the course for you
• If you’re the kind of person who learn best by building projects this course is for you
• If you’re new to programming there’s a whole FUNDAMENTALS Chapter, also if you’re new to JavaScript