Front Web Development

This is the learning map for front-end development.

Parent: Home

Learning Path

Phase	Topic	Goal	Status
0	Command line crash course	use terminal, install tools, run projects	active
1	HTML	structure web pages	seed
2	CSS	style and layout pages	seed
3	JavaScript	modern ES6+ syntax and browser behavior	active
4	Vite	set up fast local projects	seed
5	TypeScript	add types to JavaScript	seed
6	JSX	write React UI syntax	seed
7	React	build component-based interfaces	seed
8	Tailwind CSS	style efficiently with utility classes	active

Related UI Course

The UID course connects to front-end learning through implementation awareness:

• UID 07 - Course Map
• Figma
• Design System
• Prototype
• Handover

Practice Resources

• MDN JavaScript guide
• React Official Docs
• Grid Garden
• Flexbox Froggy

Next Useful Practice

Build a small front-end prototype from any UI concept:

1. reusable card component
2. filter or control panel
3. detail page section
4. responsive mobile version