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

Master HTML, CSS, and JavaScript fundamentals with practical examples. Learn closures, prototypes, and the DOM to enhance your web development skills effectively.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course dives into the essentials of HTML, CSS, and Javascript. Forget quick fixes; it's about really understanding how these tech pieces fit together and work, with plenty of examples to guide you!

Key Points

  • Closures in Javascript – functions that remember their environment.
  • CSS selectors and inheritance – making styles work effectively.
  • Prototypes in Javascript – a unique way of inheritance.
  • JSON as a bridge between backends and frontends.
  • The Document-Object-Model connects everything together.

Learning Outcomes

  • Gain a solid foundation in HTML and its core tags.
  • Understand CSS principles like inheritance and selectors.
  • Master the basics of Javascript, focusing on uniqueness.
  • Learn how to utilize closures and prototypes effectively.
  • Comprehend how JSON and the DOM interact with web development.

About This Course

Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions

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.

  • 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

Course Curriculum

1 Lectures

Instructor

Profile photo of Loony Corn
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...

Review
4.9 course rating
4K ratings
ui-avatar of Martijn
Martijn
5.0
3 years ago

So far I love it!

  • Helpful
  • Not helpful
ui-avatar of Frances Day
Frances D.
5.0
5 years ago

Yes, while this so far is review, it is presented well and positive reinforcement for skills that are a little rusty.

  • Helpful
  • Not helpful
ui-avatar of Jeetendra
Jeetendra
4.0
5 years ago

Excellent and indept explanation of concepts that provide the building blocks for web development.Thnx

  • Helpful
  • Not helpful
ui-avatar of QuĂ˝ LĂŞ
QuĂ˝ L.
5.0
5 years ago

Thank you so much for giving us such an awesome course! Now I have strong fundamental of HTML CSS and Javascript :)

  • Helpful
  • Not helpful
ui-avatar of Anil kumar
Anil K.
5.0
5 years ago

I like the way Loony Corn team teaches . The lectures are just awesome.

  • Helpful
  • Not helpful
ui-avatar of Aaron Windmiller
Aaron W.
5.0
5 years ago

So far, best explanations of HTML I've seen - and I went to a $12k bootcamp for this stuff....

  • Helpful
  • Not helpful
ui-avatar of MelkFett MelkFett
Melkfett M.
5.0
6 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Sam
Sam
5.0
6 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Shahzeebpk
Shahzeebpk
5.0
6 years ago

Excellent as always :-). simple and clear

  • Helpful
  • Not helpful
ui-avatar of Peter Cook
Peter C.
4.0
6 years ago

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.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses