Overview

Embark on a comprehensive 9-hour JavaScript programming journey covering everything from basic concepts to advanced techniques. Learn about variables, data types, control flow, functions, arrays, objects, DOM manipulation, and object-oriented programming. Master essential JavaScript features like hoisting, closures, and prototypes. Explore debugging techniques, event handling, and exception management. Gain practical skills in HTML and CSS integration, as well as working with dates and timestamps. Perfect for beginners and intermediate developers looking to solidify their JavaScript knowledge and build robust web applications.

Syllabus

- Introduction
- Intro to JavaScript
- Our First JavaScript Program
- Manipulating HTML with JavaScript
- Basic, Input, Output, Comments
- Application Architecture
- Variables and Expressions
- IIFE, Scope, and Window Object
- Engines and Runtime Environments
- Global vs Local Variables
- Block Scoping
- Primitives and Objects
- Difference Between Primitives and Objects
- Number Data Type
- Arithmetic Operators, Precedence, Associativity
- Increment, Decrement, and Assignment Operators
- parseInt and parseFloat Methods
- Converting Decimal Numbers to Binary, Octal, and Hexadecimal
- Number Instance Methods and Math Object
- String Data Type
- String Methods
- More String Methods
- Functions and Objects
- If, Else, Else If
- Benefit of Control Flow
- Comparison Operators
- Logical Operators
- Switch Statement
- Single Line if Statement
- Ternary Operator
- Intro to Loops
- Creating Loops
- Loop Examples
- Break and Continue
- Nested Loops
- Intro to Arrays
- Intro to Multidimensional Arrays
- Using Arrays
- Iterate Through Array Examples Search an Array
- Average of Array Values
- Fill Array from User Input Indefinite Loop and Sentinel Value
- Array Methods Part 1
- Array Methods Part 2
- Array Methods Part 3
- forEach Method Arrays
- Iterate Multidimensional Array with for and forEach
- Label with Break and Continue
- Dates
- Using Dates and Unix Timestamp in JavaScript
- Date Methods
- Intro to Functions - Functions Part 1
- Passing Arguments by Value - Functions Part 2
- Callback Functions - Functions Part 3
- Function Declarations and Expressions
- Hoisting
- Hoisting in Practice
- Functions as First Class Citizens Objects
- Memoization and Algorithms Optimization
- Default Parameters, Rest Parameters, Implicit Parameters
- Introduction to this
- this
- Call and Apply
- bind
- Arrow Function
- Creating Arrow Functions
- this with Arrow Functions
- this with Arrow Methods and Object Literals
- bind with Arrow Functions
- Intro to Debugging
- Event Listener Breakpoints
- Exemptions Throw, Catch, Finally
- Object Oriented JavaScript
- Creating a Constructor Function
- Creating a Factory Function
- Creating Prototype Methods for Constructor Functions
- Prototype Inheritance
- Prototypes and Constructors
- Setting an Object Prototype Using Object.setPrototypeOf
- Override in Prototypal Inheritance
- Instance Properties vs Prototype Properties
- Polymorphism
- Polymorphism Example
- Polymorphism Example
- Check an Object for a Property Using in
- hasOwnProperty Method
- How to Get an Array of Property Names from an Object
- Converting Object Literals to Constructors
- Setting Prototypes with Constructors
- instance Operator
- HTML Essentials
- CSS Essentials
- Intro to the DOM
- Working with DOM Children
- getElementsByTagName and getElementsByClassName
- Node Types and Node Names
- Text Node ChildNodes Explained
- Modifying nodeValue
- Practice with Event Listeners
- Working with Attributes in the DOM
- Dynamically Adding Nodes
- Conclusion and What’s Next