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

More Information
  • Understand HTML - its structure, and the commonly used tags
  • Utilise CSS, including inheritance, selectors, the box model - the very topics that make CSS hard to use
  • Master the fundamentals of JavaScript
  • Use closures, dynamic prototyping, JSON, and the Document-Object-Model with confidence

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 JavaScript. You'll be surprised by how much more you can get done on your web pages once you learn these technologies the right way. Basic HTML: Folks stopped counting HTML as a language worth formally learning sometime in the 90s, but this is only partially justified. It always helps to have strong basics. CSS: Cascading Stylesheets are incredibly powerful, and incredibly hard to use - until you know how they really work. Once you understand inheritance and selection in CSS, it will all make a lot more sense. JavaScript is a full-fledged, powerful and complicated language. Its really important to learn JavaScript formally, because it is just so different from most other languages you would have encountered. For instance - JavaScript has objects and inheritance but no classes. Closures in JavaScript are a rather mind-bending concept - functions that "remember" how the world looked when they were created. Prototypes are JavaScript's way of doing inheritance, and its very different from the C++/Java way of doing it. JSON is not conceptually difficult to use, but it is incredibly important, and you should understand why - because its the glue between backends written in Java or other traditional languages, and front-ends written in JavaScript. The Document-Object-Model is what ties JavaScript back to HTML and CSS. Together with JSON, the DOM ties it all together from server to skin.

Style and Approach

That "quick-and-dirty" way of learning and doing leads to problems over time, because Javascript and CSS are actually quite complex, so it is easy to do things the wrong wayThis course will help, because it has 75 examples, 20 in HTML/CSS and 55 in Javascript. Each is self-contained, has its source code attached, and gets across a simple, specific use-case. Each example is simple, but not simplistic.

  • This is a very good and productive course. The theoretical explanations of the topics are deep, useful and well-placed.
  • This is a great starter course for beginners. Also a good course to have in your library to come back from to freshen up on the latest HTML, CSS and JavaScript as is used in today’s modern websites.
Course Length 13 hours 03 minutes
ISBN 9781789132052
Date Of Publication 1 Feb 2018



Loonycorn is Janani Ravi and Vitthal Srinivasan. Between them, they have studied at Stanford, been admitted to IIM Ahmedabad, and have spent years working in tech, in the Bay Area, New York, Singapore and Bangalore. Janani spent 7 years at Google (New York, Singapore); Studied at Stanford and also worked at Flipkart and Microsoft. Vitthal also worked at Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too. They think they might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why they are so excited to be here. They hope you will try their offerings, and you'll like them.