Element
What is the exact style applied?
The Element
HTML States and Pseudo-classes
Normal Rendering Flow Of The Browser
The CSS float and clear properties
Experimenting with the position attribute
Fluid And Fixed Layouts
The CSS display property
Chrome Developer Tools
DOWNLOADABLE CONTENT

Course Description

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

About the course

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 Covered

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.

Who should take the course?

Yep! Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch

Yep! Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming, but are not quite confident using advanced features such as closures or dynamic prototyping

Yep! Java, C#, Python or C++ programmers who are looking to master Javascript

Nope! This class is not right for you if you are looking to learn Javascript frameworks such as JQuery, Angular or Node.js

Pre-requisites & Requirements

Any modern browser and a simple text editor are all that will be needed for the code examples

Some prior programming experience will definitely help in the advanced Javascript portions - if you are entirely new to programming, the second half of the Javascript section will seem very challenging