Brochure
Enquire
- Welcome To The Course
- Project Files & Questions
- Projects Github Repo
- Visual Studio Code Setup
Quick Facts
| particular | details | |||
|---|---|---|---|---|
|
Medium of instructions
English
|
Mode of learning
Self study
|
Mode of Delivery
Video and Text Based
|
Course and certificate fees
Fees information
₹ 4,099
certificate availability
Yes
certificate providing authority
Udemy
The syllabus
Intro & Getting Started
JavaScript Language Fundamentals
- Section Intro & File Setup
- Using The Console
- Variables- var, let & const
- Data Types in JavaScript
- Type Conversion
- Numbers & The Math Object
- String Methods & Concatenation
- Template Literals
- Arrays & Array Methods
- Object Literals
- Dates & Times
- If Statements & Comparison Operators
- Switches
- Function Declarations & Expressions
- General Loops
- A Look At The Window Object
- Block Scope With let & const
DOM Manipulation & Events
- What Is The DOM?
- Examining The Document Object
- DOM Selectors For Single Elements
- 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
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
Object Oriented JavaScript - ES5 & ES2015
- Constructors & the 'this' Keyword
- Built In Constructors
- Prototypes Explained
- Prototypal Inheritance
- Using Object.create
- ES6 Classes
- Sub Classes
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
Asynchronous JavaScript, Ajax & Fetch API
- What Is Asynchronous Programming?
- Ajax & XHR Introduction
- XHR Object Methods & Working With Text
- 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
API Projects
- Github Finder [Part 1] - Intro & UI
- 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
- WeatherJS [Part 1] - Intro & UI
- WeatherJS [Part 2] - Fetch Weather From API
- WeatherJS [Part 3] - Display The Weather
- WeatherJS [Part 4] - Save Location To Local Storage
Error Handling & 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
Other Newer Features - ES2015+
- Iterators & Generators
- Profile Scroller - Iterator Mini Project
- Symbols
- Destructuring
- ES6 Maps
- ES6 Sets
JavaScript Patterns
- What Are Patterns?
- Module & Revealing Module Pattern
- Singleton Pattern
- Factory Pattern
- Observer Pattern
- Mediator Pattern
- State Pattern - Small Project
Tracalorie Project (Using The Module Pattern)
- Project Introduction
- Creating The UI With Materialize CSS
- Controllers & Data Structure
- Get & Populate Items
- Add Item To Data Structure
- Add Item To The UI
- Add Total Calories
- Working With The Edit State
- Updating Items & Total Calories
- Delete & Clear Items
- Add & Get From Local Storage
- Delete & Clear From Local Storage
Microposts Project - CRUD Front End (Webpack & Babel)
- Babel & Webpack Environment Setup
- Intro To ES2015 Modules
- Create The UI
- Create a fake REST API Using JSON Server
- Get & Display Posts
- Add Posts & Show Alert
- Removing Posts
- Post Edit State & Update [1]
- Post Edit State & Update [2]
Wrap Up
- Wrap Up & Where To Go From Here
Instructors
Mr Brad Traversy
instructor
Freelancer
Articles
Popular Articles
prev
next
Latest Articles
prev
next
