In React you respond to user interaction by passing event handlers as props to elements. Handlers are regular functions, and React normalizes the underlying browser event for you.
+onClick, onChange, and onSubmit handlersBy the end of this lesson you'll wire up a small form that updates the screen as the user types — the foundation for everything interactive you'll build in this path.
+
+ A learning path is an ordered bundle of courses sold and taken as one:
+ courses unlock sequentially (lessons + exercises complete → next course), one bundle price with savings,
+ and an optional path certificate at the end. Built on the real packages/ui tokens.
+ The engineering PRD lives at prd/learning-paths/README.md.
+
Every page has a theme toggle and cross-links so you can click through each journey end to end.
+ + +Learning Paths section above Courses — mirrors the "minimal" landing theme.
/paths — search, filters, and path cards with savings pricing (like /courses).
Hero + enroll box with savings, stats, outcomes, skills, course series with lesson outlines, certificate, instructors, testimonials, FAQ.
Paths above courses, segmented cross-course progress bars.
In progress / Completed tabs; each row shows segment progress + next course.
The journey spine — Done / Continue / Locked courses with per-course progress and a certificate end-row.
Lesson view wrapped in path chrome: stepper ribbon + "next course unlocks" callout.
Org-level listing: stats, statuses, Create path → setup checklist.
"Get Started"-style checklist: courses → order → price → landing page → activate.
Drag-to-reorder course list + sequential-unlock toggle. Try dragging rows.
Per-learner path progress, current course, auto-enroll note, add learners.
Course-by-course funnel, drop-off callouts, stuck lessons/exercises.
Hero copy, visitor access level, outcomes, skills, instructors, testimonials, FAQ.
Award toggle, completion requirements, live certificate preview.
General, bundle pricing + savings, enrollment & unlock rules, status, danger zone.
learning_path, learning_path_course (ordered), learning_path_member.packages/ui (shadcn-svelte, Geist, OKLCH tokens).
+ Pick up where you left off — you're 49% through your bootcamp.
+ + + +From HTML foundations to shipping a production React app.
+Pandas, visualization, and applied machine-learning basics.
+Components, hooks, and building interactive UIs.
+Semantic markup, the box model, and responsive layout.
+A standalone course on the model-view-controller pattern.
+Syntax, data types, and your first scripts.
+Courses and guided learning paths in engineering, data, and product — built by practitioners, finished with certificates.
+ +Multi-course tracks you complete in order — one enrollment, one price, one certificate at the end.
+ +Five courses, one path — from your first HTML tag to a deployed React capstone. Learn in order, build real projects, earn a certificate.
+From Python basics to applied machine learning — pandas, visualization, and a real analysis project, in a fixed order that builds week over week.
+Standalone courses you can take in any order.
+ +Semantic markup, the box model, flexbox, and responsive layout basics for absolute beginners.
+ + + +Types, functions, the DOM, async/await, and fetching data from APIs — production JavaScript from day one.
+ + + +Components, props & state, hooks, and building interactive UIs with the most-used frontend library.
+ + + +A standalone deep dive on the model-view-controller pattern and where it still shines today.
+ + +A guided, five-course track that takes you from markup fundamentals to shipping a production React app. Each course unlocks the next — finish in order to earn your certificate.
+ +Semantic markup, the box model, flexbox, and responsive layout basics.
+Types, functions, the DOM, async/await, and fetching data from APIs.
+Components, props & state, hooks, and building interactive UIs.
+Context, reducers, caching, and connecting a React app to a backend.
+Plan, build, and deploy a full project — your portfolio piece.
+Structured tracks you're enrolled in. Complete the courses in order to finish a path and earn its certificate.
+From HTML foundations to shipping a production React app.
+Pandas, visualization, and applied machine-learning basics.
+Security awareness, data handling, and code of conduct.
+Five courses, one path — from your first HTML tag to a deployed React capstone. Learn in order, build real projects, earn a certificate.
+Practical, project-first skills — every course ends with something you built.
+Each course unlocks the next once you finish its lessons and exercises.
+ +Complete all five courses — every lesson and exercise — and receive the Frontend Engineering Bootcamp certificate, ready to add to LinkedIn and your CV.
+The tutors behind the courses in this path.
+From people who finished the path.
+"I went from zero to deploying my own React app in ten weeks. The order of the courses just makes sense — nothing assumed I knew things I didn't."
+"The locked courses kept me honest — no skipping ahead, and everything built on what came before. The certificate helped me land interviews."
+Guided multi-course tracks with one enrollment, ordered courses, and a certificate at the end.
+Five courses, one path — from your first HTML tag to a deployed React capstone. Learn in order, build real projects, earn a certificate.
+ + + + + Learning Path +From Python basics to applied machine learning — pandas, visualization, and a real analysis project, in a fixed order that builds week over week.
+ + + + + Learning Path +Discovery, prioritization, delivery, and stakeholder craft — a five-course track for new and aspiring PMs.
+ + +How learners are moving through the path.
+How many learners have reached and completed each course, in order.
+ +Lessons and exercises blocking the most learners right now.
+Add courses and drag to set the order students move through them.
+Each course stays locked until a student completes the previous one's lessons and exercises. Turn off to allow any order.
+Award a path-level certificate when a learner completes every course.
+Issued automatically on completion and shown in the learner's Certificates page.
Completion rules follow the path's unlock rule (lessons + exercises). 13 certificates awarded so far.
+What appears on the issued certificate.
This certifies that
+has successfully completed all 5 courses in the Frontend Engineering Bootcamp learning path.
+ +Control what visitors see on the public path page at /path/frontend-engineering-bootcamp.
+The headline visitors see first.
How much of the path a non-enrolled visitor can explore.
Outcome bullets shown near the top of the page.
Tags shown as "Skills you'll gain".
Pulled from the tutors of the courses in this path.
Learner quotes shown on the public page.
Collapsible questions at the bottom of the page.
48 learners enrolled in this path.
+Manage how this path appears, is priced, and behaves for learners.
+The name, summary, and cover learners see across the LMS.
One bundle price for the whole path. Enrolling unlocks every course.
How learners join and move through the path.
Controls whether learners can see and join this path.
Finish these steps to launch Frontend Engineering Bootcamp to your learners.
+Order the courses, set a price, polish the landing page, and activate.
+Group your courses into ordered tracks your learners complete step by step.
+