tech-studies

Frontend Beginner

1 min read

Frontend Beginner

roadmap.sh: https://roadmap.sh/frontend?r=frontend-beginner

Suggested path through the Frontend Beginner nodes. Each node links to its lesson when written.

Nodes

The web platform

  • How the internet works
  • What is HTTP
  • Browsers and how they render pages
  • DNS and domain names
  • Hosting and how a site goes live

HTML

  • Structure of an HTML document
  • Semantic HTML
  • Forms and validation
  • Accessibility basics

CSS

  • Selectors and the box model
  • Layout (Flexbox, Grid)
  • Responsive design and media queries
  • Basic transitions

JavaScript

  • Variables, types, and operators
  • Functions and scope
  • DOM manipulation
  • Events
  • Fetch and JSON
  • ES modules

Tooling

  • Package managers (npm)
  • Version control with Git
  • Browser dev tools
  • A code editor (VS Code)

Going further

  • A framework overview (React, Vue)
  • Deploying a static site

Resources

See resources.md.

Project ideas

  • Build a personal portfolio page with semantic HTML and responsive CSS.
  • Make a to-do list app with vanilla JavaScript and localStorage.
  • Fetch and display data from a public API (e.g. weather or GitHub).

1 item under this folder.