UDEMY
UDEMY Logo

Modern JavaScript From The Beginning 

  • Offered byUDEMY

Modern JavaScript From The Beginning
 at 
UDEMY 
Overview

Learn a ton of pure JavaScript, whether you are a beginner or an established JS programmer without relying on frameworks or libraries

Duration

22 hours

Total fee

525

Mode of learning

Online

Credential

Certificate

Modern JavaScript From The Beginning
 at 
UDEMY 
Highlights

  • Student will get the Certificate of Completion
  • Learn JavaScript Patterns
  • Get Full lifetime access
  • 10 Projects of all kinds
Read more
Details Icon

Modern JavaScript From The Beginning
 at 
UDEMY 
Course details

Skills you will learn
Who should do this course?
  • For JS programmer, beginner or anyone interested in learning about modern JavaScript from beginner to advanced without libraries and frameworks
What are the course deliverables?
  • 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
  • JavaScript Patterns
  • Regular expressions, error handling, local storage & more
More about this course
  • This Course includes Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
  • The basic fundamentals and work our way to advanced programming WITHOUT relying on frameworks or libraries at all
  • DOM Manipulation: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
  • JavaScript Patterns: Module, Factory, State, Observer, Mediator, Singleton

Modern JavaScript From The Beginning
 at 
UDEMY 
Curriculum

MODULE:1 Java Script Language Fundamentals

Type Conversion

Numbers & The Math Object

String Methods & Concatenation

Template Literals

Arrays & Array Methods

Object Literals

Dates & Times

If Statements & Comparison Operators

Function Declarations & Expressions

General Loops

A Look At The Window Object

Block Scope With let & const

MODULE:2 DOM Manipulation & Events

DOM Selectors For Multiple Elements

Traversing The DOM

Creating Elements

Removing & Replacing Elements

Event Listeners & The Event Object

Mouse Events

Keyboard & Input Events

Event Bubbling & Delegation

Local & Session Storage

MODULE:3 DOM Projects

Task List [Part 1] - UI & Add Task Items

Task List [Part 2] - Delete & Filter Tasks

Task List [Part 3] - Persist To Local Storage

Loan Calculator [Part 1] - Build The UI

Loan Calculator [Part 2] - Calculate & Error

Loan Calculator [Part 3] - Loader & User Experience

Number Guesser [Part 1] - Build The UI

Number Guesser [Part 2] - Validation & Winning Case

Number Guesser [Part 3] - Lose Case & Game Over

Number Guesser [Part 4] - Play Again

MODULE:4 Object Oriented Javascript- ES5 & ES2015

Constructors & the 'this' Keyword

Built In Constructors

Prototypes Explained

Prototypal Inheritance

Using Object. create

ES6 Classes

Sub Classes

MODULE:5 OOP Book List Project

Build The Book List UI

Add Book To List

Validation & Alert

Delete Book From List

Convert to ES6 Classes

Bonus - Add Local Storage

MODULE:6 Asynchronous Javascript, Ajax & Fetch API

What Is Asynchronous Programming?

Ajax & XHR Introduction

XHR Object Methods & Working With Text

12:50

Working With Ajax & JSON

Data From an External API - Chuck Norris Project

REST APIs & HTTP Requests

Callback Functions

Custom HTTP Library (Ajax With Callbacks) - Part 1

Custom HTTP Library (Ajax With Callbacks) - Part 2

ES6 Promises

The Fetch API

Error Handling With Fetch

Arrow Functions

Custom HTTP Library (Fetch With Promises) - Part 3

Async & Await

Custom HTTP Library (Fetch With Async Await) - Part 4

MODULE:7 API Projects

Github Finder [Part 1]

Github Finder [Part 2] Fetching Profile Data

Github Finder [Part 3] - Display The Profile

Github Finder [Part 4] - Show Alert Message

Github Finder [Part 5] - Fetch & Display Repos

Weather JS [Part 1] - Intro & UI

Weather JS [Part 2] - Fetch Weather From API

Weather JS [Part 3] - Display The Weather

Weather JS [Part 4] - Save Location To Local Storage

MODULE:8 Error Handling And Regular Expressions

Error Handling with Try...Catch

Regular Expressions [Part 1] - Evaluation Functions

Regular Expressions [Part 2] - Metacharacter Symbols

Regular Expressions [Part 3] - Character Sets & Quantifiers

Regular Expressions [Part 4] - Shorthand Character Classes

Regular Expressions - Form Validation Project

MODULE:9 Other Newer Features - ES2015+

Iterators & Generators

Profile Scroller - Iterator Mini Project

Symbols

Destructuring

ES6 Maps

ES6 Sets

MODULE:10 Javascript Patterns

What Are Patterns?

Module & Revealing Module Pattern

Singleton Pattern

Factory Pattern

Observer Pattern

Mediator Pattern

State Pattern - Small Project

Faculty Icon

Modern JavaScript From The Beginning
 at 
UDEMY 
Faculty details

Brad Traversy
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
 at 
UDEMY 
Entry Requirements

Eligibility criteriaUp Arrow Icon
Conditional OfferUp Arrow Icon
  • Not mentioned

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon

Modern JavaScript From The Beginning
 at 
UDEMY 
Students Ratings & Reviews

4.7/5
Verified Icon14 Ratings
J
Jayadev sahoo
Modern JavaScript From The Beginning
Offered by UDEMY
5
Learning Experience: Brad Traversy is a great teacher for Web development. I learn lots in this course from basic to advanced topics like arrow function, promises, prototype spread and rest and much more. Complete all the projects that Brad Gives. Really happy to complete this course
Faculty: One instructions brad All resources that required, Brad explain briefly. Talk about update this is updated course in udemy
Reviewed on 7 Jan 2023Read More
Thumbs Up IconThumbs Down Icon
R
Renato Mignella
Modern JavaScript From The Beginning
Offered by UDEMY
5
student review
Other: Brad is an amazing teacher and he explains in a way that's easy to understand and due to the course structure and platform I'm always can return to review the content I'm totally satisfied.
Reviewed on 24 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
M
Muhammad Feroz Khan
Modern JavaScript From The Beginning
Offered by UDEMY
5
student review
Other: I learn a lot, i respect this course teacher, and all of those who running this Udemy community in-addition a sweet huge to all of my class mates in this course journey. I taken this course in 90% off. which is affordable for me, this is one of the brilliant strategy by udemy i pray for their community for a great success. Thanks.
Reviewed on 24 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
R
Richard Daniels
Modern JavaScript From The Beginning
Offered by UDEMY
5
student review
Other: Well structured with earlier lessons providing a base for subsequent lessons. Taught at a good pace and the examples were very helpful
Reviewed on 24 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
S
Samuel Everiche Ossei
Modern JavaScript From The Beginning
Offered by UDEMY
5
student review
Other: Well structured course. Easy to follow through and understand . Instructor has an in-depth knowledge in this course.
Reviewed on 24 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
View All 14 ReviewsRight Arrow Icon
qna

Modern JavaScript From The Beginning
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...