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.

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.

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.

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 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.

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.

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.

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 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.

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.

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.