First Move (11~18) - Code, Learn, Build
🧭 Career CompassDashboardProgress
Loading...
First Move (11~18) - Code, Learn, Build

Structured, level-based technology learning paths from foundational exploration to industry mastery.

Learning Domains

  • Python Programming (Active)
  • Computer Science Core
  • Web Development
  • AI & Machine Learning

Platform Architecture

  • Level-Based Progression
  • Decoupled Content Schema
  • Modular Code Execution Engine
  • Curated Official Resources

© 2026 First Move (11~18) • CODE • LEARN • BUILD. Built with Next.js App Router.

Readability & Accessibility First

🐍 HTML5 & Modern CSS Layout Systems/Project 1 of 2
Saved Locally (Guest)
BEGINNER PROJECTNOT STARTED ○

Responsive Developer Portfolio Website

Build a responsive personal developer portfolio using semantic HTML5, CSS Flexbox, and CSS Grid.

0%
0 of 2 milestones complete

Project Description

Design and code a mobile-first developer portfolio page featuring hero banner section, project showcases grid, accessible contact form, and smooth dark theme toggle.

Learning Objectives

  • Structure accessible DOM document outline.
  • Apply mobile-first responsive breakpoints.

Technical Requirements & Specifications

### Project Overview Build a responsive portfolio website using semantic HTML5 and modern CSS.

Project Metadata

Estimated Time⏱️ ~5 Hours
Difficulty📊 beginner
Milestone Count📋 2 Milestones

Skills Demonstrated

Semantic HTML5 MarkupCSS Flexbox LayoutCSS Grid SystemResponsive Media Queries

Prerequisites

  • HTML5 & CSS Basics