/frontend-2021

1st workshop conducted by Tinkerhub GECT. Deals with basics of frontend web development.

Primary LanguageHTML

TINKERHUB GECT

TinkerWeb Web Designing Bootcamp

Discord Chat

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...