Skip to content
UdemyJavaScriptPaid courseAll LevelsCertificate

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

icon
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

icon
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.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

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 :-)

icon
More courses by Loony Corn

$94.99

$59.99

$14.99

$79.99

$54.99

$13.99

icon
More JavaScript courses

Free

Free

Free

$24.99

Free

$79.99

icon
Reviews

4.4

193 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

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.

Showing all 10 reviews on CourseDuck

Read all 193 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100