Udemy

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

Enroll Now
  • 3,454 Students
  • Updated 1/2017
4.4
(192 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 11 Minute(s)
Language
English
Taught by
Loony Corn
Rating
4.4
(192 Ratings)

Course Overview

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

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.

Course Content

  • 10 section(s)
  • 94 lecture(s)
  • Section 1 Welcome to HTML, CSS and Javascript!
  • Section 2 HTML
  • Section 3 CSS
  • Section 4 Javascript Basics
  • Section 5 Objects in Javascript
  • Section 6 First Class Functions - In Detail
  • Section 7 Javascript Quirks
  • Section 8 Functions Yet Again
  • Section 9 Closures
  • Section 10 Prototypes, Dynamic Prototyping and Inheritance

What You’ll 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


Reviews

  • P
    Peter Cook
    4.0

    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.

  • C
    Chris Shurtleff
    5.0

    I just binge-watched these videos, and now I have a basic understanding of HTML, CSS, & Javascript. I was really only hoping for a basic understanding as I moved on to using specific javascript libraries, and this course delivered that perfectly. There weren't any exercises, but each segment came with excellent, easy-to-understand examples. The instructors explained well how javascript differs from other common programming languages, which was useful to me who learned to program on C++ and Python. That being said, I strongly suspect that this course would also be approachable for programming novices. The instructors are clear, and make every video very approachable.

  • K
    Kenneth Lang
    5.0

    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.

  • R
    Rick Pierson
    4.0

    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.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed