Jan 2024 - HTML, CSS and JS for C.A.L

Daily Summaries

• Module 01 - Introduction to web tech
• Module 02 - CSS Selectors
• Module 03 - Box Model
• Module 04 - Flex
• Module 05 - Grid
• Module 06 - Sizing and Positions
• Module 07 - Custom Properties and Advanced Graphics
• Module 08 - Javascript and DOM

Exercises

• Exercise 01 - Practice HTML
• Exercise 02 - Selectors
• Exercise 03 - Box Model
• Exercise 04 - Flex
• Exercise 05 - Grid
• Exercise 06 - Positions
• Exercise 07 - Custom Properties
• Exercise 08 - Justscript and DOM

Extra Material

• Learn HTML in W3Schools

• CSS Games

  • CSS Diner - Selectors Game
  • CSS Flex Froggy - Flex Game
  • CSS Grid Garden - Grid Game

• CSS Tricks

  • CSS Grid
  • CSS Flex
  • CSS Color
  • CSS Functions