Modern JavaScript From The Beginning
- Offered byUDEMY
Modern JavaScript From The Beginning at UDEMY Overview
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
Modern JavaScript From The Beginning at UDEMY Course details
- For JS programmer, beginner or anyone interested in learning about modern JavaScript from beginner to advanced without libraries and frameworks
- 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
- 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