JavaScript for Coders: Learn OOP in JavaScript

Explore core object-oriented programming concepts in JavaScript, including objects, properties and methods, class versus prototype, encapsulation, access levels, object aggregation, and inheritance illustrated by car examples.

Explore inheritance and overriding in JavaScript objects, using a police car as a specialized blueprint with a siren and new drive lane method, and apply polymorphism across car objects.

Explore JavaScript basics by declaring and initializing variables, mastering operators, and understanding primitive data types, including undefined and null, to build solid foundational coding skills.

JavaScript treats all numeric literals as a single number type, supporting decimal, octal, hexadecimal, binary, and exponential formats; it defines Infinity, -Infinity, NaN, and max and min values as numbers.

Explore strings in javascript, learn how to concatenate with the plus operator, and understand quotes, escape sequences like newline, carriage return, tab, and unicode, plus numbers converting with strings.

explore booleans, truthy and falsy values, and how the not, and, or operators shape conditions in JavaScript, with examples of numbers, zero, null, undefined, and equality checks.

Learn how to create and manipulate arrays in JavaScript, access elements by zero-based indices, and handle updates, deletions, and holes. Explore nested arrays and read-only strings as arrays.

Explore how if, else, and else if control flow in JavaScript uses boolean expressions, the importance of type checks with typeof, and how the ternary operator simplifies conditional logic.

Master the switch statement in JavaScript by mapping days of the week with case and break, compare it to if-else logic, and explore while and do-while loops.

Explore JavaScript loop constructs, including for, while, do-while, and for-in, demonstrate array indexing and concatenation, and cover single-line and multi-line comments to boost readability.

Learn how to define and call functions in JavaScript, pass parameters, use the arguments object, and return values; explore parseInt, parseFloat, and different bases like hex, octal, and binary.

Explore how parseFloat correctly parses decimal and exponential numbers, unlike parseInt, and how NaN, isNaN, and isFinite distinguish numbers from non numbers. Learn URL encoding and why eval is dangerous.

Master variable scope in JavaScript by distinguishing global and local variables inside functions. Learn how hoisting and the var keyword influence access and keep declarations at the top.

JavaScript treats functions as first class citizens, usable as variables, parameters, and return values, including anonymous and callback functions, with parse int examples and the arguments array.

Learn how to convert hexadecimal to decimal and then to octal representations, using callback and anonymous functions to apply flexible processing to numbers without extra loops.

Explore JavaScript objects as associative arrays with properties and methods. Learn dot notation, this, and an example car with speed and accelerate.

Explore object constructors in JavaScript, creating objects with properties and methods using a capitalized constructor and the new keyword, while understanding this and the global object in object oriented programming.

Explore how instance of determines an object's constructor, how constructor functions and the new keyword, and the this keyword create objects, and why objects are reference types affecting equality.

Explore JavaScript built-in objects, including primitive wrappers, literal vs constructor object creation, and array methods like push, pop, sort, join, slice, and splice to manipulate data.

Explore how JavaScript functions are objects with properties and prototypes, and learn to use call and apply to borrow methods between objects, illustrated with a car example.

Explore how the call method applies a function from one object to another, using the arguments object and slice, and compare this with the apply method for real-world patterns.

Examine how boolean and number wrappers work in JavaScript, comparing constructor and helper usage. Learn why primitives are preferred for booleans and explore key methods like toFixed and toString.

Explore the string function and string object in JavaScript, learn key methods like length, toUpperCase, toLowerCase, indexOf, slice, split, join, and concat for practical string manipulation.

Explore the JavaScript math global object and date object, learning pi, abs, floor, ceil, random, max, min, and how to work with timestamps in milliseconds and zero-based months.

Learn how JavaScript regular expressions enable powerful string matching and validation using the RegExp object or literal notation, with patterns, flags, and the exec and test methods.

Explore regular expressions in JavaScript to match emails, escape dots, and use match, search, replace, and split, plus learn try-catch-finally error handling.

Explore how prototypes and the prototype chain link constructor functions to instances created with new, and how prototype changes affect all objects, including those already created, in ES5 and ES6.

Explore prototype behavior in JavaScript, including hasOwnProperty, prototype vs object precedence, and enumerating properties with for...in to build dynamic sql insert statements from object data.

Explore why for...in loops miss non enumerable properties, use propertyIsEnumerable to check enumerability, and how prototypes and getPrototypeOf and isPrototypeOf govern which properties appear in enumeration.

Learn how to add a first caps method to the string prototype to capitalize each word by splitting and joining, and understand why replacing a prototype can wipe properties.

Explore how JavaScript implements inheritance through the prototype chain, sharing a move method across vehicle, car, and truck objects, and how constructors and prototypes interact.

Explore how JavaScript climbs the prototype chain from child to parent, resolving properties like name and methods such as toString, and why prototype-based inheritance improves memory efficiency.

Examine how prototype chain governs method lookup and inheritance in JavaScript, and learn to break the chain with an intermediary function to safely share vehicle, car, and truck prototypes.

Explore JavaScript inheritance through the prototype chain, using an uber property to call parent methods and override behavior, and encapsulate the pattern with an inherit function.

Explore inheritance in JavaScript, from object literals to prototypes, and learn to clone objects deeply by distinguishing primitive and reference types.

Master deep cloning of objects created from object literals in javascript by recursively copying own properties, stopping at primitives, and avoiding inherited properties to prevent stack overflow.

Explore how JavaScript combines prototype inheritance with simple copies and cloning to enable multiple inheritance, building objects from several parents while preserving prototype chains.

Explore how to use javascript in the browser, covering the browser object model, the document object model, events, ajax, and inline vs external scripts.

Explore the navigator, window, and location objects to inspect browser details and enable browser-aware behavior. Master feature detection and navigation methods like assign, href, replace, and reload to control routing.

Explore the history object and its navigation methods (back, forward, go), and learn how frames expose separate window objects to access parent and top frames.

This lecture covers the window and screen objects, showing screen width, height, available height, and pixel depth; it demonstrates popup creation with window.open and user input through prompt and confirm.

Learn how JavaScript animates in the browser with setTimeout and setInterval, control timing with clearTimeout, and navigate the DOM tree of page elements and properties.

Explore the dom tree and how the document object model organizes html into a root and children, with traversal, attributes, and selection via getElementsByTagName and getElementById.

Navigate the DOM using nextSibling and tag-based selection, then manipulate styles, create and insert elements, replace and remove nodes, and clone trees to understand dynamic browser interactions in JavaScript.

Learn how JavaScript handles browser events, especially click events, by attaching listeners with addEventListener and manipulating the DOM. Emphasizes separation of concerns, default hyperlink behavior, and a preview of Ajax.

Learn how Ajax enables browser server communication without page refresh using the XMLHttpRequest object, handling readyState and status, and sending get or post requests to update page content.

Explore best coding practices in JavaScript and proven design patterns to solve problems without reinventing the wheel. Emphasize separation of concerns, descriptive HTML tags, and namespaces for maintainable code.

Discover how to implement namespaces in JavaScript to avoid global collisions by using a global object, and switch to an options object to pass parameters.

Explore method chaining in JavaScript, returning this to chain formatting methods, and learn how AJAX and JSON integrate with objects and design patterns.

Explore JavaScript design patterns by implementing the singleton, factory, and decorator patterns, including a logger singleton and a closure-based module pattern to avoid global pollution.

Learn how to implement a factory pattern to create UI controls (button, link, label) from a shared interface, replacing verbose conditional logic with a concise, extensible approach.

A decorator in JavaScript accepts a function or constructor, adds new functionality, and returns the enhanced object, preserving properties via the prototype and enabling read, edit, and publish privileges.

Review object oriented programming in JavaScript, including classes, objects, prototypes, and inheritance. Explore functions, scope, closures, primitive types, arrays, DOM, events, and common patterns such as singleton, factory, and decorator.