HTML, CSS
| Introduction
1. Introduction to the course 2. Atom setup 3. Tips for getting started as a professional web developer |
Web Development Basics – HTML
1. HTML document structure 2. HTML elements – div and span 3. HTML elements – i, b, p, and a 4. HTML elements – ul, li, and ol 5. HTML elements – header and footer 6. HTML elements – section, main, and article 7. HTML elements – h1-h6 and aside 8. HTML tables 9. Project #1 – HTML text site |
| Advanced HTML Concepts
1. Images 2. Forms 3. Inputs 4. Checkboxes 5. Radio buttons 6. Select, option, and buttons 7. HTML5 videos 8. HTML5 audio 9. Doctypes 10. Meta tags |
Introduction to Cascading Style Sheets (CSS)
1. Targeting colour and background 2. Element specificity 3. ID targeting, margin, and border 4. Padding, margin, and float 5. Max-width and background-image 6. Switching over to an IDE 7. Font weight, style, and family 8. Text decorations 9. Text spacing 10. Text decoration modification 11. Text shadow |
| Advanced CSS
1. Pseudo-states 2. Border radius 3. Positions 4. Pseudo-elements 5. Z-index 6. Viewpoint width and height, overflowing content 7. Transition property |
Bootstrap Basics
1. Bootstrap setup 2. Navbar pt.1 3. Navbar pt.2 4. Forms pt.1 5. Forms pt.2 6. Buttons
|