readme.md

Tieto Web / JavaScript Training

Basic HTML / CSS Course ( ~ 8 weeks )

HTML Basics ( ~ 3 weeks )

1. Environment Setup and Project Toolchain
2. Anatomy of HTML (tags, attributes, classes, ids, meta, website structure)
3. HTML forms, tables
4. HTML5 - semantic markup language, audio, video, layout using semantic tags

Styling with CSS ( ~5 weeks )

1. Basic CSS
2. Google Chrome Developer Tools
3. Responsive layouts using Flexbox
4. Media queries and RWD Best Practices

Final HTML/CSS project

Requirements:

1. Please choose one of the following website:

• Freelancer
• Creative
• Agency
• Wonder
• Stylish Porfolio
• GrayScale
• Landing page
• Focus Theme

2. Based on your selection please implement your own WebSite visually as close to the original as possible
3. You don't need to add sub pages, just main scrolled page with all important sections.
4. You should not use Bootstrap or any other grid systems - just plain css / scss with flexbox
5. Publish your work on any server like Github Pages.
6. Check your website in Markup Validation Service
7. Audit your page in Google Chrome Dev Tools / Audit tab and try to implement any recommendation that are relevant to the scope of this course

---

Reference materials

• HTML - Developer Mozilla
• HTML - W3 Schools
• HTML5 Video Introduction
• CSS Video Introduction
• Chrome Developer Tools