Course Information
Course Overview
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
Skills covered in this course
Reviews
-
PPeter Cook
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.
-
CChris Shurtleff
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.
-
KKenneth Lang
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.
-
RRick Pierson
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.