× Successfully! Added to wish list

Learn By Example: The Foundations of HTML, CSS & Javascript

By: Loonycorn A 4-Ppl Team;ex-Google.

  • 4
  • (7)
  • 13:05:51
  • 104
  • 20
  • Language: English
599 1996
Apply
Promocode successfully applied Promocode not valid

Course Summary

Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions - that's what this course is about.

This is not a course on Javascript frameworks - its about solid, fundamental HTML, CSS and Java

Read More

Target Audience

  • Yep! Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch
  • Yep! Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming, but are not quite confident using advanced features such as closures or dynamic prototyping
  • Yep! Java, C#, Python or C++ programmers who are looking to master Javascript
  • Nope! This class is not right for you if you are looking to learn Javascript frameworks such as JQuery, Angular or Node.js

Pre-Requisites

  • Any modern browser and a simple text editor are all that will be needed for the code examples
  • Some prior programming experience will definitely help in the advanced Javascript portions - if you are entirely new to programming, the second half of the Javascript section will seem very challenging

Curriculum

  • Welcome to HTML, CSS and Javascript!
    02:18
  • Downloads for Sec 2
  • Introducing HTML and CSS
    09:15
  • Introduction to HTML
    12:33
  • Introduction to CSS
    06:43
  • The A Tag
    08:18
  • Paths
    05:39
  • Quotes
    06:33
  • Lists - Ordered and Unordered
    07:52
  • Other Miscellaneous HTML Tags
    02:32
  • URL and Domain Names
    11:01
  • The img Tag
    10:38
  • The HTML Standard
    03:17

Section 3: CSS

  • Download for Sec 3
  • Cascading Stylesheets reintroduced
    08:23
  • Inheritance in CSS
    07:28
  • CSS Selectors
    09:59
  • Fonts
    10:08
  • Colors
    03:38
  • The Box Model
    11:54
  • The div Element
    07:55
  • What is the exact style applied?
    08:21
  • The span Element
    02:55
  • HTML States and Pseudo-classes
    02:59
  • Normal Rendering Flow Of The Browser
    15:00
  • The CSS float and clear properties
    09:42
  • Experimenting with the position attribute
    12:23
  • Fluid And Fixed Layouts
    08:58
  • The CSS display property
    08:02
  • Chrome Developer Tools
    15:45
  • Downloads for Sec 4
  • Introducing Javascript
    15:36
  • Example 1: Executing Javascript code
    05:58
  • Example 2: Basic programming constructs
    07:30
  • Example 3: Separating HTML and JS files
    10:16
  • Example 4: Using the console.log statement
    06:21
  • Example 5: Local and global variables
    16:08
  • Example 6: Undeclared variables in JS are global
    07:46
  • Example 7: Local variables hide global variables of the same name
    05:42
  • Example 8: Javascript is ephemeral, reloading a page resets everything
    04:19
  • Example 9: Creating and using arrays
    14:39
  • Example 10: Copying an array
    13:56
  • Example 11: Adding an element to an array
    05:58
  • Example 12: Deleting elements from an array
    08:08
  • Example 13: Arrays can contain different types
    03:22
  • Example 14: Non-existent array elements are undefined
    06:32
  • First class functions
    06:31
  • Downloads for Sec 5
  • Introduction to Javascript objects
    10:58
  • Example 15: Creating an object using JSON
    08: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
    03:05
  • Example 19: Object properties can be functions
    07:33
  • Example 20: Object constructors can have property functions
    02:46
  • Example 21: Two ways of accessing object properties
    06:40
  • Example 22: Iterating over all properties in an object
    04:54
  • Example 23: Calling a constructor without new
    10:02
  • Example 24: Understanding the typeof operator
    06:12
  • Example 25: Paternity tests using instanceof
    05:36
  • Example 26: Faking public and private properties
    10:24
  • Downloads for Sec 6
  • Example 27: Functions as arguments to functions
    12:35
  • Example 28: Functions that return functions
    08:38
  • Example 29: Arguments pass by value to functions
    07:31
  • Example 30: Arguments pass by reference
    15:42
  • Download for sec 7
  • Example 31: Understanding undefined
    11:28
  • Example 32: Understanding null
    13:58
  • Example 33: Understanding NaN
    08:58
  • Example 34: Strings and numbers and conversions between them
    10:40
  • Example 35: Strange comparison operators
    10:51
  • Example 36: Truthy and falsy
    06:58
  • Example 37: Simple string operations
    14:09
  • Download for sec 8
  • Example 38: Declared Functions, Function Literals and Hoisting
    15:47
  • Example 39: Named And Anonymous Function Literals
    07:23
  • Example 40: Nested Functions
    15:05
  • Example 41: Nested functions can be declared
    06:54
  • Download for sec 9
    00:00
  • Introduction to closures
    18:42
  • Example 42: Closure variables win over local variables
    08:51
  • Example 43: Closures with declared functions and function literals
    02:27
  • Example 44: Referencing environment with function parameters
    05:43
  • Example 45: Closure variables cooler than global variables
    13:38
  • Download for sec 10
    00:00
  • Introduction to prototypes
    06:45
  • Example 46: Prototypical Inheritance In Action
    08:14
  • Example 47: Dynamic Prototyping
    04:24
  • Example 48: Inheritance hierarchy using chained prototypes
    05:44
  • Example 49: Overriding properties using prototypes
    06:58
  • Example 50: The base object as the ultimate prototype
    04:37
  • Example 51: Overriding properties of built-in objects
    06:58
  • Download for sec 11
    00:00
  • Introduction to the Document Object Model
    12:24
  • Example 52: Modifying the HTML of a page using the DOM
    04:11
  • Example 53: Event Handling
    05:49
  • Example 54: Adding Multiple Event Handlers on the Same Event
    03:42
  • Example 55: Setting Arbitrary HTML Attributes
    04:33
  • Example 56: The window object
    04:52
  • Download for sec 12
    00:00
  • Introduction To JSON Preview
    14:35
  • Example 57: Simple JSON Use Cases
    03:05
  • Example 58: Creating meaningful objects with JSON
    00:00

About the Author

Loonycorn A 4-Ppl Team;ex-Google.,

Loonycorn is us, Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh. Between the four of us, we have studied at Stanford, IIM Ahmedabad, the IITs and have spent years (decades, actually) working in tech, in the Bay Area, New York, Singapore and Bangalore. Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too Swetha: Early Flipkart employee, IIM Ahmedabad and IIT Madras alum Navdeep: longtime Flipkart employee too, and IIT Guwahati alum We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Unanth! We hope you will try our offerings, and think you'll like them :-)

More From Author

Reviews

Mahesh Panchagnula
4

This html, css and js course is very detailed and good to learn step by step with examples. The course material is awesome.

Learn By Example: The Foundations of HTML, CSS & Javascript

  • 13:05:51
  • 104
  • 20
  • Language: English
1996 599
  • 15 days Money back Gurantee
  • Unlimited Access
  • Android, iPhone and iPad Access
  • Certificate of Completion

Course Summary

Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions - that's what this course is about.

This is not a course on Javascript frameworks - its about solid, fundamental HTML, CSS and Java

Read More

Target Audience

  • Yep! Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch
  • Yep! Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming, but are not quite confident using advanced features such as closures or dynamic prototyping
  • Yep! Java, C#, Python or C++ programmers who are looking to master Javascript
  • Nope! This class is not right for you if you are looking to learn Javascript frameworks such as JQuery, Angular or Node.js

Pre-Requisites

  • Yep! Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch
  • Yep! Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming, but are not quite confident using advanced features such as closures or dynamic prototyping
  • Yep! Java, C#, Python or C++ programmers who are looking to master Javascript
  • Nope! This class is not right for you if you are looking to learn Javascript frameworks such as JQuery, Angular or Node.js

About the Author

Loonycorn A 4-Ppl Team;ex-Google.,

Loonycorn is us, Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh. Between the four of us, we have studied at Stanford, IIM Ahmedabad, the IITs and have spent years (decades, actually) working in tech, in the Bay Area, New York, Singapore and Bangalore. Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too Swetha: Early Flipkart employee, IIM Ahmedabad and IIT Madras alum Navdeep: longtime Flipkart employee too, and IIT Guwahati alum We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Unanth! We hope you will try our offerings, and think you'll like them :-)

More From Author

Review & Rating

Mahesh Panchagnula 4

This html, css and js course is very detailed and good to learn step by step with examples. The course material is awesome.