HTML & CSS Mastery
January 2, 2021 2022-06-10 13:49HTML & CSS Mastery
-
Learning HTML
- Intro ( Watch Free )
- Installing Google Chrome & VS Code ( Watch Free )
- Websites & Humans ( Watch Free )
- Tags
- Headings, Paragraphs and Line Breaks
- Bonus
- Lists
- Assignment
- Bold, Italics and Comments
- Multiple Page Websites
- Navigation to External Websites
- Images
- Video Tags
- Inline Elements vs Block Elements
- File Paths
- Input Elements
- Forms
- Live Server
- Comments
- Icon
-
Project 1: Favourite TV Shows Website
-
Learning CSS
- The Style Tag
- External Style Sheet
- Classes and ID’s
- CSS Priorities
- Font Size
- Pixels, Ems and Rems – Explanation
- Pixels, Ems and Rems – Example
- Margins and Paddings – Explanation
- Margins and Paddings – Example
- Border Box
- Borders
- Cards
- Block and Inline Elements – Part 2
- Star Property
- Absolute and Relative
- Changing Fonts
- Styling a Button
- Colors
- Media Queries
- Media Queries – Hiding Items Example
- Flexbox – Introduction
- Flexbox – Align & Justify
-
Project 2: Google Home Page
-
CSS GRID
-
Project 3: Smart Speaker Project
-
Project 4: Family Website Project
-
Project 5: Restaurant Project
-
CSS Animations
-
Project 6: Shoe Animation Website