Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn By Example: The Foundations of HTML, CSS & Javascript
Welcome to HTML, CSS and Javascript!
Welcome to HTML, CSS and Javascript! (2:18)
HTML
Introducing HTML and CSS (9:15)
Introduction to HTML (12:33)
Introduction to CSS (6:43)
The A Tag (8:18)
Paths (5:39)
Quotes (6:33)
Lists - Ordered and Unordered (7:52)
Other Miscellaneous HTML Tags (2:32)
URL and Domain Names (11:01)
The img Tag (10:38)
The HTML Standard (3:17)
CSS
Cascading Stylesheets reintroduced (8:23)
Inheritance in CSS (7:28)
CSS Selectors (9:59)
Fonts (10:08)
Colors (3:38)
The Box Model (11:54)
The
Element (7:56)
What is the exact style applied? (8:21)
The
Element (2:56)
HTML States and Pseudo-classes (2:59)
Normal Rendering Flow Of The Browser (15:00)
The CSS float and clear properties (9:42)
Experimenting with the position attribute (12:23)
Fluid And Fixed Layouts (8:58)
The CSS display property (8:02)
Chrome Developer Tools (15:45)
Javascript Basics
Introducing Javascript (15:36)
Example 1: Executing Javascript code (5:59)
Example 2: Basic programming constructs (7:30)
Example 3: Separating HTML and JS files (10:16)
Example 4: Using the console.log statement (6:21)
Example 5: Local and global variables (16:08)
Example 6: Undeclared variables in JS are global (7:46)
Example 7: Local variables hide global variables of the same name (5:42)
Example 8: Javascript is ephemeral, reloading a page resets everything (4:19)
Example 9: Creating and using arrays (14:39)
Example 10: Copying an array (13:56)
Example 11: Adding an element to an array (5:58)
Example 12: Deleting elements from an array (8:09)
Example 13: Arrays can contain different types (3:22)
Example 14: Non-existent array elements are undefined (6:32)
First class functions (6:31)
Objects in Javascript
Introduction to Javascript objects (10:58)
Example 15: Creating an object using JSON (8:12)
Example 16: Creating an object using a constructor (15:51)
Example 17: Adding properties to objects dynamically (11:58)
Example 18: Removing properties from objects dynamically (3:05)
Example 19: Object properties can be functions (7:33)
Example 20: Object constructors can have property functions (2:46)
Example 21: Two ways of accessing object properties (6:40)
Example 22: Iterating over all properties in an object (4:54)
Example 23: Calling a constructor without new (10:02)
Example 24: Understanding the typeof operator (6:12)
Example 25: Paternity tests using instanceof (5:37)
Example 26: Faking public and private properties (10:24)
First Class Functions - In Detail
Example 27: Functions as arguments to functions (12:35)
Example 28: Functions that return functions (8:38)
Example 29: Arguments pass by value to functions (7:31)
Example 30: Arguments pass by reference (15:42)
Javascript Quirks
Introduction to Javascript Quirks (6:13)
Example 31: Understanding undefined (11:28)
Example 32: Understanding null (13:58)
Example 33: Understanding NaN (8:58)
Example 34: Strings and numbers and conversions between them (10:40)
Example 35: Strange comparison operators (10:51)
Example 36: Truthy and falsy (6:58)
Example 37: Simple string operations (14:09)
Functions Yet Again
Example 38: Declared Functions, Function Literals and Hoisting (15:47)
Example 39: Named And Anonymous Function Literals (7:23)
Example 40: Nested Functions (15:05)
Example 41: Nested functions can be declared (6:54)
Closures
Introduction to closures (18:42)
Example 42: Closure variables win over local variables (8:51)
Example 43: Closures with declared functions and function literals (2:27)
Example 44: Referencing environment with function parameters (5:43)
Example 45: Closure variables cooler than global variables (13:38)
Prototypes, Dynamic Prototyping and Inheritance
Introduction to prototypes (6:45)
Example 46: Prototypical Inheritance In Action (8:14)
Example 47: Dynamic Prototyping (4:24)
Example 48: Inheritance hierarchy using chained prototypes (5:44)
Example 49: Overriding properties using prototypes (6:58)
Example 50: The base object as the ultimate prototype (4:37)
Example 51: Overriding properties of built-in objects (2:58)
The Document Object Model & Event Handling
Introduction to the Document Object Model (12:35)
Example 52: Modifying the HTML of a page using the DOM (4:11)
Example 53: Event Handling (5:49)
Example 54: Adding Multiple Event Handlers on the Same Event (3:42)
Example 55: Setting Arbitrary HTML Attributes (4:33)
Example 56: The window object (4:52)
JSON
Introduction To JSON (14:35)
Example 57: Simple JSON Use Cases (3:05)
Example 58: Creating meaningful objects with JSON (3:14)
Example 16: Creating an object using a constructor
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock