DevCraftDevCraft

Frontend Engineering

Build interfaces people actually enjoy using.

From semantic HTML to production-grade React and Next.js applications — eight modules that take you from fundamentals to job-ready, with real projects at every step.

42+ hours
100 lessons
Verified certificate
HTMLCSSJavaScriptTypeScriptReactNext.jsTestingPerformance

Curriculum

8 modules, building from fundamentals to production-grade systems.

1

HTML Semantics & Accessibility

9 lessons · 3h

2

CSS Fundamentals

11 lessons · 4h

3

CSS Layout: Flexbox & Grid

8 lessons · 3h

4

JavaScript Core

18 lessons · 8h

5

TypeScript

12 lessons · 5h

6

React Core

14 lessons · 6h

7

React Advanced

Pro

13 lessons · 6h

8

Next.js App Router

Pro

15 lessons · 7h

Who this is for

Complete beginners

Never written a line of code? Start at HTML semantics and build up — every concept is explained from first principles.

Self-taught developers

Know enough to be dangerous but have gaps? The interview prep and architecture modules fill in what tutorials skip.

Junior engineers

Already working in FE? The advanced React and performance modules take you from "it works" to "it scales."

Featured projects

Build these, ship them, put them in your portfolio.

Full SaaS Dashboard UI

Real-time Collaboration Tool

E-commerce Storefront

Ready to start the Frontend track?

Core curriculum is free. No credit card required.