Comparte si te a gustado:

Modern JavaScript The Complete Course - Build +15 Projects

Publicado en 16 Nov 2024

Udemy UK

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

Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

(Cupón válido para las primeras 1000 inscripciones): LETSLEARNNOW
Udemy UK
Tags:

Articulos Relacionados

content

Universidad Desarrollo Web - FrontEnd Web Developer!

El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!

Ir al Curso
content

Universidad Angular - Cero a Experto - Actualizado-Angular18

Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!

Ir al Curso
content

Angular: De cero a experto

Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

Ir al Curso
Suscríbete a nuestro boletín
Reciba los últimos Cupones y promociones (Solicitar Cupón)