engineering · freeCodeCamp.org
React components and state
Watch the sections on props, events and state. Rebuild one interaction in your own capstone; check current React documentation for APIs.
Your technical learning library
Use a small relevant section, then apply it to your daily assignment. Watching a course alone does not demonstrate a completed task.
design · freeCodeCamp.org
UI design and prototyping in Figma
Practice frames, auto-layout and component variants. This foundation course was published in 2022, so some interface controls may look different today.
qa · freeCodeCamp.org
Software testing with Playwright
Focus on the testing pyramid, locators and expected results. The course includes sponsored AI-tool segments; paid tools are not required for this programme.
Go to the official source
Use AI assistance responsibly
Write the acceptance criteria before requesting code. Never paste customer data, passwords or private repositories into an unapproved service. Ask for explanations, inspect dependencies and run the proposed checks yourself. Record which suggestions you used and which you rejected. A plausible explanation is not proof that a feature works.
Read code like a reviewer
Trace one user action from the screen to validation, persistence and response. Identify where identity is checked, what happens on failure, and whether the user can recover. Write a small test for an assumption you initially overlooked. For design, annotate the states that code must support. For QA, separate observed behavior from suspected causes.