ben-jnr / frontend-2021

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

TINKERHUB GECT

TinkerWeb Web Designing Bootcamp

---

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