You'll be able to build a static website, control where things go on the page and change the look and feel of things.
You'll understand:
- The syntax and layout of HTML, most of the HTML
<tags>and what they're used for. - What CSS is, and the different things you can do with it.
- Text editor (Sublime Text 3)
- Babel extension for Sublime Text 3
- Web browser (Chrome)
- Code School subscription ($21)
- Codecademy subscription
You can watch codeschool videos faster than x1 if it helps you.
HTML 5 and CSS 3 are the latest versions. But HTML and CSS are continually improved in modern browsers so the numbers aren't important. Just use the latest / best features.
HTML is old and all the browsers have to support it. As a result the tag names e.g. <div> make no sense 😄. You just have to learn them...
Opinion: The 'box model' is old and very difficult to reason about. There's a newer model called the flex-box model which is much easier.
Opinion: float, block and inline are hard, and getting something to layout how you want it is surprisingly hard.
The videos talks alot about 'resetting' the css to override the browser defaults. There are tools / libraries to help with this, you wouldn't do it manually.
- Code School Front End Foundations Course (Level 1-5)
-
Codeacademy No videos, learn by doing.
-
Shayhowe. All reading and visual.
- Run through the core learning materials + tasks.
- Run through Codecademy Make a Website Excluding Building with Bootstrap
- Get one of the above Codecademy courses to work on your laptop locally.