§ 04
Everything you need to get set up.
Tools, docs and background reading. For the exact versions used on competition workstations, see Tech Stack & Environment and Allowed Extensions & Plugins.
A / SETUP
Set up your machine
01Node.jsJavaScript runtime that powers Next.js and npm. Install the LTS version.→02XAMPPApache, MySQL/MariaDB and PHP in one installer — what Laravel runs on.→03Visual Studio CodeThe editor used across the competition workstations.→04Google ChromeBrowser of choice for this skill — DevTools, and what most guides assume.→
B / DOCS
Language documentation
C / COURSES
Structured courses
01Learn HTML — CodecademyFundamentals course, start to finish.→02Learn CSS: Introduction — CodecademySelectors, the box model basics, and how styles apply.→03Learn CSS: Box Model & Layout — CodecademySizing, spacing and positioning elements on the page.→04Learn CSS: Flexbox & Grid — CodecademyThe two layout systems you'll use on every project.→
D / FRAMEWORKS
Framework & runtime docs
01React — Official DocsComponents, JSX, state and hooks — the front-end library the module builds on.→02Next.js — Official DocsThe React framework used for the Application Front-End module.→03Node.js — API DocsFull API reference for the server-side runtime behind the Server & API module.→04Laravel — Official DocsRouting, Eloquent, Blade — everything for the Database Application module.→
E / CONCEPTS