Development
Web Development
JavaScript
Modern JavaScript From The Beginning
4.7 (20,332 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
66,728 students enrolled

Modern JavaScript From The Beginning

Learn and build projects with pure JavaScript (No frameworks or libraries)
4.7 (20,332 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
66,728 students enrolled
Created by Brad Traversy
Last updated 12/2019
English
English [Auto], Indonesian [Auto], 3 more
  • Italian [Auto]
  • Portuguese [Auto]
  • Spanish [Auto]
Preview this course
Modern JavaScript From The Beginning
Current price: $121.99 Original price: $174.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 21.5 hours on-demand video
  • 2 articles
  • 111 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Course content
Expand all 122 lectures 21:42:55
+ – JavaScript Language Fundamentals
17 lectures 03:12:33
Section Intro & File Setup
Preview 04:21
Using The Console
Preview 09:01
Variables - var, let & const
Preview 12:45
Data Types in JavaScript
Preview 10: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
+ – DOM Manipulation & Events
12 lectures 02:23:38
What Is The DOM?
Preview 03:15
Examining The Document Object
Preview 15:19
DOM Selectors For Single Elements
Preview 14:12
DOM Selectors For Multiple Elements
14:25
Traversing The DOM
15:48
Creating Elements
06:47
Removing & Replacing Elements
10:56
Event Listeners & The Event Object
10:12
Mouse Events
11:03
Keyboard & Input Events
12:42
Event Bubbling & Delegation
13:45
Local & Session Storage
15:14
+ – DOM Projects
10 lectures 02:03:48
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
+ – Object Oriented JavaScript - ES5 & ES2015
7 lectures 01:02:18
Constructors & the 'this' Keyword
11:56
Built In Constructors
12:16
Prototypes Explained
09:54
Prototypal Inheritance
08:23
Using Object.create
05:28
ES6 Classes
08:35
Sub Classes
05:46
+ – OOP Book List Project
6 lectures 56:38
Build The Book List UI
08:20
Add Book To List
12:32
Validation & Alert
08:28
Delete Book From List
06:29
Convert to ES6 Classes
06:06
Bonus - Add Local Storage
14:43
+ – Asynchronous JavaScript, Ajax & Fetch API
16 lectures 02:31:51
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
+ – API Projects
9 lectures 01:37:34
Github Finder [Part 1] - Intro & UI
Preview 13:44
Github Finder [Part 2] - Fetching Profile Data
Preview 12: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
+ – Error Handling & Regular Expressions
6 lectures 01:20:18
Error Handling with Try...Catch
09:50
Regular Expressions [Part 1] - Evaluation Functions
13:33
Regular Expressions [Part 2] - Metacharacter Symbols
12:35
Regular Expressions [Part 3] - Character Sets & Quantifiers
12:41
Regular Expressions [Part 4] - Shorthand Character Classes
09:43
Regular Expressions - Form Validation Project
21:56
+ – Other Newer Features - ES2015+
6 lectures 01:01:13
Iterators & Generators
09:46
Profile Scroller - Iterator Mini Project
15:06
Symbols
08:52
Destructuring
09:28
ES6 Maps
08:59
ES6 Sets
09:02
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 ####

    1. Task List With Local Storage
    2. Loan Calculator
    3. Number Guess Game
    4. OOP Book Listing App (ES5 Prototype & ES2015 Classes Version)
    5. Chuck Norris Joke Generator
    6. EasyHTTP - Custom HTTP Library (3 Versions - Callbacks / Promises / Async & Await)
    7. Github Finder
    8. WeatherJS App
    9. Calorie Tracker (Module Pattern)
    10. 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
    Levi Blodgett
    Levi Blodgett ( 34 courses, 9 reviews )
    a year ago
    Began watching Brad's YouTube courses, and I felt I had to give back and buy some of his courses, NO regrets. He is a fantastic teacher, and I STILL feel like I owe him something, because this course was such a phenomenal deal and I want to continue supporting him. If you are looking to learn JavaScript at a high-level in an easy to understand format throughout the course, this is the one for you.