TINKERHUB GECT

Web Development Basics (Syllabus)

HTML

  1. Boilerplate
  2. Tags
    • html, head, meta, body
    • h1 to h6, p, strong, i
    • a
    • div, span
    • button
    • img
    • table
    • ul, ol
    • form, input
    • link, script
    • iframe
  3. ID and Class

CSS

  1. Inline Styling
  2. External Style Sheets
  3. Basic Styling
    • height, weight
    • color, background
    • font, align
    • padding, margin
    • border
    • Pseudo-Selectors
    • transform, translate
  4. Sizes and Units
  5. RGBA or Hex?
  6. Absolute and Relative
  7. Grid and Flexbox
  8. Animations
  9. @media
  10. Advanced CSS (Multiple Selectors, Nth-child, etc.)
  11. CDN

JavaScript

  1. Basics
  2. Alerts and Prompts!
  3. Selectors
  4. Events
  5. Hide, Show and Fade
  6. Waiting...