Modern JavaScript From The Beginning

Name: Modern JavaScript From The Beginning
Rating: 4.7 (24643 reviews)

Learn and build projects with pure JavaScript (No frameworks or libraries)

(24,643 ratings)

80,444 students

Created by Brad Traversy

Last updated 12/2019

English

English [Auto], Indonesian [Auto],

30-Day Money-Back Guarantee

What you'll learn

Modular learning sections & 10 real world projects with pure JavaScript
Master the DOM (document object model) WITHOUT jQuery
Asynchronous programming with Ajax, Fetch API, Promises & Async / Await
OOP including ES5 prototypes & ES2015 classes
Learn JavaScript Patterns
Regular expressions, error handling, localStorage & more

Curated for the Udemy for Business collection

14 sections • 122 lectures • 21h 42m total length

Preview05:41
Preview03:06
Projects Github Repo
00:09
Preview10:04

Preview04:21
Preview09:01
Preview12:45
Preview10:19
Type Conversion
11:43
Numbers & The Math Object
07:18
String Methods & Concatenation
14:20
Template Literals
10:07
Arrays & Array Methods
15:59
Object Literals
07:49
Dates & Times
09:13
If Statements & Comparison Operators
19:02
Switches
04:49
Function Declarations & Expressions
11:44
General Loops
16:41
A Look At The Window Object
20:51
Block Scope With let & const
06:31

Task List [Part 1] - UI & Add Task Items
15:52
Task List [Part 2] - Delete & Filter Tasks
14:04
Task List [Part 3] - Persist To Local Storage
11:03
Loan Calculator [Part 1] - Build The UI
15:07
Loan Calculator [Part 2] - Calculate & Error
16:47
Loan Calculator [Part 3] - Loader & User Experience
06:18
Number Guesser [Part 1] - Build The UI
07:00
Number Guesser [Part 2] - Validation & Winning Case
16:30
Number Guesser [Part 3] - Lose Case & Game Over
10:14
Number Guesser [Part 4] - Play Again
10:53

What Is Asynchronous Programming?
03:41
Ajax & XHR Introduction
06:00
XHR Object Methods & Working With Text
12:50
Working With Ajax & JSON
14:23
Data From an External API - Chuck Norris Project
14:56
REST APIs & HTTP Requests
06:33
Callback Functions
08:27
Custom HTTP Library (Ajax With Callbacks) - Part 1
15:26
Custom HTTP Library (Ajax With Callbacks) - Part 2
12:12
ES6 Promises
05:39
The Fetch API
12:40
Error Handling With Fetch
00:22
Arrow Functions
12:09
Custom HTTP Library (Fetch With Promises) - Part 3
12:55
Async & Await
08:05
Custom HTTP Library (Fetch With Async Await) - Part 4
05:33

Preview13:44
Preview12:04
Github Finder [Part 3] - Display The Profile
10:43
Github Finder [Part 4] - Show Alert Message
10:06
Github Finder [Part 5] - Fetch & Display Repos
09:43
WeatherJS [Part 1] - Intro & UI
13:13
WeatherJS [Part 2] - Fetch Weather From API
08:02
WeatherJS [Part 3] - Display The Weather
08:47
WeatherJS [Part 4] - Save Location To Local Storage
11:12

Requirements

Basic HTML / CSS knowledge

Description

This is a front to back JavaScript course for absolutely everybody. We start with the basic fundamentals and work our way to advanced programming WITHOUT relying on frameworks or libraries at all. You will learn a ton of pure JavaScript, whether you are a beginner or an established JS programmer. There is something for everyone...

#### WHATS INCLUDED? ####

Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
DOM Manipulation: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
OOP: ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors
Async JS: Ajax & XHR, Fetch API, callbacks, promises, async / await
ES2015+: Arrow functions, template strings, generators, iterators, maps & sets, symbols & more
JavaScript Patterns: Module, Factory, State, Observer, Mediator, Singleton
Other: Local & session storage, regular expressions, try/catch error handling
10 Projects of all kinds

#### PROJECTS ####

Task List With Local Storage
Loan Calculator
Number Guess Game
OOP Book Listing App (ES5 Prototype & ES2015 Classes Version)
Chuck Norris Joke Generator
EasyHTTP - Custom HTTP Library (3 Versions - Callbacks / Promises / Async & Await)
Github Finder
WeatherJS App
Calorie Tracker (Module Pattern)
Microposts - Frontend CRUD for REST API (Webpack & Babel)

Who this course is for:

People that want to learn modern JavaScript from beginner to advanced without libraries and frameworks

Featured review

Benny Valentine

43 courses

15 reviews

6 months ago

Great content, for pro and all beginners. This is another example of why Brad is so successful as teacher. Do not waste your time looking at other tutorials, I have already bought the top 3 and I always ended up coming back to Brads courses out of boredom of the others content or the pace. GOLD is hard to find if you do not know where to look in this field.

Brad Traversy

Full Stack Web Developer & Instructor at Traversy Media

4.7 Instructor Rating
107,481 Reviews
277,021 Students
16 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

Modern JavaScript From The Beginning

What you'll learn

Course content

Intro & Getting Started4 lectures • 19min

JavaScript Language Fundamentals17 lectures • 3hr 13min

DOM Manipulation & Events12 lectures • 2hr 24min

DOM Projects10 lectures • 2hr 4min

Object Oriented JavaScript - ES5 & ES20157 lectures • 1hr 2min

OOP Book List Project6 lectures • 57min

Asynchronous JavaScript, Ajax & Fetch API16 lectures • 2hr 32min

API Projects9 lectures • 1hr 38min

Error Handling & Regular Expressions6 lectures • 1hr 20min

Other Newer Features - ES2015+6 lectures • 1hr 1min

Requirements

Description

Who this course is for:

Featured review

Instructor