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