Watch Demo

Rs. 2499  Rs. 599

Learn the basics of HTML, CSS & Javascript with Examples

Learn Cascading Style Sheets (CSS), HTML & Javascript from scratch to make a remarkable difference in the appearance of your webpages.

Lifetime access
out of 5
5 ratings
44 learners
Course Introduction:

If you are into business, you definitely know how vital it is to have a website. The website acts as the identity of the business. Since most entrepreneurs don't know how to create their website, they get in touch with web designers who know how to write codes and make a website. These designers in turn charge you a bomb for their services. Now what if you knew how to write code and create your own website? You not just save yourself the heavy expenditure, but could also make this your new source of income if you create websites for others. This is where this course comes into the picture.

Read more

Course Objectives

By the end of this course you will:

  • Gain an understanding of HTML, its structure, and the tags that are commonly used
  • Learn how to use CSS, its selectors, inheritance, and the box model
  • Build a solid foundation in HTML & Javascript

Prerequisites & Target Audience:

For this course, you will require a simple text editor and any modern browser. Having some form of experience in programming will make it easier for you to understand this course.


Course Plan

1. Welcome to HTML, CSS and Javascript!
1 video
Welcome to HTML, CSS and Javascript! 02:19
11 videos
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
3. CSS
16 videos
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 Element 07:55

What is the exact style applied? 08:21

The 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
4. Javascript Basics
16 videos
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:43

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
5. Objects in Javascript
13 videos
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
6. First Class Functions - In Detail
4 videos
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
7. Javascript Quirks
7 videos
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
8. Functions Yet Again
4 videos
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
9. Closures
5 videos
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
10. Prototypes, Dynamic Prototyping and Inheritance
7 videos
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:57

Example 50: The base object as the ultimate prototype 04:37

Example 51: Overriding properties of built-in objects 02:58
11. The Document Object Model & Event Handling
6 videos
Introduction to the Document Object Model 12:34

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
12. JSON
3 videos
Introduction To JSON 14:35

Example 57: Simple JSON Use Cases 03:05

Example 58: Creating meaningful objects with JSON 03:14

Meet the Author

4 Alumni of Stanford, IIM-A, IITs and Google, Microsoft, Flipkart

Loonycorn is a team of 4 people who graduated from reputed top universities. Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh have spent years (decades, actually) working in the Tech sector across the world.

  • Janani: Graduated from Stanford and has worked for 7 years at Google (New York, Singapore). She also worked at Flipkart and Microsoft.
  • Vitthal: Studied at Stanford; worked at Google (Singapore), Flipkart, Credit Suisse, and INSEAD.
  • Swetha: An IIM Ahmedabad and IIT Madras alumnus having experience of working in Flipkart.
  • Navdeep: An IIT Guwahati alumnus and Longtime Flipkart employee.
  • More from Loonycorn
    You may also like