Udemy

Modern JavaScript The Complete Course - Build +15 Projects

立即報名
  • 2,276 名學生
  • 更新於 10/2019
4.3
(407 個評分)
  • 提示:
  • 透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期*
全年招生
課程級別
學習模式
教學語言
英語
授課導師
Juan Pablo De la torre Valdez
評分
4.3
(407 個評分)
*提示: 以上時間表僅供參考,以機構網站為準。

課程簡介

Modern JavaScript The Complete Course - Build +15 Projects

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!

課程章節

  • 10 個章節
  • 312 堂課
  • 第 1 章 Introduction
  • 第 2 章 The Google Chrome Console
  • 第 3 章 JavaScript Fundamentals
  • 第 4 章 DOM Scripting
  • 第 5 章 Event Listeners in JavaScript
  • 第 6 章 LocalStorage
  • 第 7 章 PROJECT: Save into local storage from HTML Form
  • 第 8 章 PROJECT: Adding Courses into the Shopping Cart
  • 第 9 章 PROJECT: Simulate Email Sending with Form
  • 第 10 章 More About Objects with JavaScript

課程內容

  • 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


評價

  • T
    Thomas Rogers
    5.0

    I loved this program. It took me from zero JS experience to building multiple applications. I built every application in the program and then used the new skills to build my first web application for my business. Highly recommend.

  • A
    Anonymized User
    3.5

    Well the course has been good but first I had a lot of problems with favicon in the html so I couldn't apone most of projects in live server and when we started with API's and REST API's most of them cant have acess now.

  • E
    Eloumbat Assoua Albert
    5.0

    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.

  • T
    Tony Lawrence
    4.5

    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.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策與使用條款才繼續瀏覽。

我已閱讀及同意