Learn By Example: The Foundations of HTML, CSS & Javascript (Udemy.com)
Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions
Created by: Loony Corn
Last updated January 2017
What you will learn
- 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
How it compares
Against the other 239 rated Udemy courses in JavaScript on CourseDuck:
- Rating4.4 out of 5higher than 38% of them
- Reviews193#162 of 240 by number of reviews
- Length13.2 hourslonger than 78% of them
- Last updatedJanuary 2017earlier than 91% of them
Course Description
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.
What do we mean by that?
- Relatively few folks formally learn HTML, CSS or Javascript, because its quite easy to get stuff done in these technologies in a "quick-and-dirty way".
- 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 way
- This 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.
What's Included:
- 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.
Instructor Details
- 4.4 Rating
193 Reviews
Loony Corn
Loonycorn is us, Janani Ravi and Vitthal Srinivasan. Between us, we 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: 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
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 Udemy!
We hope you will try our offerings, and think you'll like them :-)
More courses by Loony Corn
GCP: Complete Google Data Engineer and Cloud Architect Guide (2018)
4.0 (7,369 Reviews)
Provider: Udemy
Time: 27.9h
$94.99
From 0 to 1: The Cassandra Distributed Database (2016)
4.1 (2,613 Reviews)
Provider: Udemy
Time: 5.9h
$59.99
From 0 to 1: Data Structures & Algorithms in Java (2019)
4.5 (1,381 Reviews)
Provider: Udemy
Time: 15h
$14.99
Learn By Example: Hadoop, MapReduce for Big Data problems (2018)
4.5 (1,209 Reviews)
Provider: Udemy
Time: 13.7h
$79.99
Learn by Example : HBase - The Hadoop Database (2018)
4.4 (1,156 Reviews)
Provider: Udemy
Time: 4.9h
$54.99
Kubernetes On The Cloud & The CNCF CKA Certification (2018)
4.1 (1,108 Reviews)
Provider: Udemy
Time: 8.3h
$13.99
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
JavaScript: Understanding Advanced ES Next (ES6 and Beyond) (2025)
4.9 (1,076 Reviews)
Provider: Udemy
Time: 3.5h
$79.99
Reviews
By MelkFett MelkFett on 6/15/2019
This is a basic, a fundamental class. +++ Excellent selection of the topics; +++ Excellent way of making points. As a fundamental class this course is super, super good. This is really showing the fundamental structure underlying html css and js. As a fundamental class these are phantastic lectures.
By Sam on 4/15/2019
No words. I am registered to other courses from loony corn too. And every one of them is the best one can find in udemy. I love this course. From the content, inter activeness, delivery style, everything is so much more engaging. And the actual content is very concise, clear and effective. I am really happy that this has been one of the best investments in my life.
By Peter Cook on 12/13/2018
All in all a very good course that does what it sets to do - give you the foundations of HTML, CSS and Javascript. It is a good pace and engaging. I found the section on functions a little confusing and repetitive and would have liked to see a bit more upfront explanation as to why different function types are used with more practical applications. However, stick with it and it becomes clearer later. Disappointing response to Q&As though.
By Kenneth Lang on 1/19/2018
Everyone should have at least 3+ Loony Corn courses in their file. They pull back the hood and tear off the onion skin to show what really goes on underneath. Great course. The only issue is the volume of the speakers, if they could some how record their voice louder in the future that would be great. We can turn down the volume but we cannot turn it up if it is recorded too softly. But hey, we have head phones.
By Rick Pierson on 12/31/2017
NEW versions! The course name does not specify the versions being discussed, but they are new ones. For example, it is HTML 5 (not 4.01), etc. The content was created AT A MINIMUM of Feb 2016 (in the first 10 lectures, there are references to the 2016 US Presidential election, the 2016 Grammy awards etc.). Just wanted to note that because I was worried when I bought the course that - because it doesn't list versions - it would be outdated (maybe an author updated 1 thing recently and that led Udemy to indicate a recent date). Apart from that, the course is very good. However, for someone already familiar with the topics, the pace is slow.
By Elangovan Subbiah on 6/3/2017
the visuals are very good, decent examples that explain the topic well. the idea seems to be, to take the trainee from nothing to everything, this may put off people with some knowledge in the topic already. one of the trainer keeps repeating the same thing repetitively! why not consider giving a gist of each session during the start or end of each session?
By Istvan Voros on 3/8/2017
The course gives very solid foundation on HTML, CSS, and Javascript. The course points out to the differences as compared to other languages (Java, C++), which is very good. The videos were a bit of slow pace for me as an experienced programmer, so instead of watching each video I chose to read the slides, which turned out to be very helpful and saved me a lot of time.
By Surja Gain on 9/11/2016
This is a course which explains the concepts behind each topic in detail and very very clearly. The way the concepts are explained are so good that the concepts stay in. The examples are concise and back up each concept very comprehensively. There is no rushing through in this course. For anyone getting into web development this course is a must for understanding the fundamentals in the clearest way possible. Hopefully the creators of this course keep it updated and keep building on it in the future.
By * Daverius * on 6/23/2016
Clear step by step explanations, but with a lot of repetition of material that can really bog things down in places. Be aware that the accents of the teachers are strong, which requires careful listening for a non-Indian.
By James Sparks on 5/15/2016
I know most of this course material, but I’ve picked it up at work in a scattershot fashion. I really appreciate that this class grounds the student in the fundamentals of HTML CSS and JavaScript. Most courses will immediately jump to advanced topics (JQuery, CSS) before proper background in JavaScript and HTML is established.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100











