Welcome to the Roadmap
Join over 25,000+ aspiring programmers following this roadmap to learn-to-code and land-a-developer-job 🔥 By completing this roadmap, you will:
- ✅ Save $15,000 (average cost of a bootcamp)
- ✅ Learn everything you need to become a 10x developer
- ✅ Build numerous projects that will get your hired
If you're ever feeling stuck or overwhelmed, know that there is always help and assistance available in the Discord Channel and you can access additional support notes & guides here!
Ch 00
guide overview
Ch 01
html css git
→ Project
Build your first ever Single Page Application (SPA) - a portfolio website showcasing your coding skills! Using only HTML and CSS, create a responsive website with sections for introducing yourself, listing your skills and projects, and providing contact details. Don't hesitate to experiment with design and interactive elements (it doesn't need to be perfect).
Ch 02
javascript
Learning JavaScript is a mighty beast, and there are two extremely brilliant pathways you could choose to follow on your conquest!
→ Alternative Pathway
Ch 03
frontend javascript frameworks
→ Project
Dive into the world of dynamic weather with React! Build a user-friendly dashboard displaying current conditions and forecasts for any location. Utilize React components, state management, and API integration to bring weather data to life with informative visuals and interactive features. Showcase your React mastery and share your stunning weather app with the world!
Ch 04
backend server frameworks
→ Project
Take your first steps in backend development with a simple 'To-Do List' app! Build an API with Node.js and Express to add, list, and mark tasks as complete, all while utilizing in-memory data storage and basic error handling.
Ch 05
databases sql & nosql
→ Project
Build a backend API with Node.js, Express.js & PostgreSQL that manages a stores inventory! Actions should include being able to read, add, update & delete items - basically all the standard CRUD operations, and also allow the owner to manage stock levels & quantities.
Ch 06
full stack development
→ Project
Now that you've got the knowledge you need to start building some wicked full stack web applications, here's my recommendation for the best trio of projects to include in your web portfolio.
Projects
Recommended
· Web portfolio -> You'll need somewhere to store you work. Recommended to use a JavaScript framework combined with TailwindCSS
· Frontend Framework (e.g. React.js or Next.js) that consumes an API (weather app, pokemon pokedex etc.).
· An API project that uses the REST methodologies with Node.js, Express.js and PostgreSQL. Bonus points if you can contain it within a Docker Container and combine it with the ChatGPT API.
· A Full Stack project using a frontend framework (React.js or SvelteKit), Firebase auth, Firebase Firestore database & TailwindCSS. This could be a calender app, a todo app, or even a recipe app.
Full Stack
An E-Commerce Store in Next.js + Stripe + TailwindCSS
A Full SEN Stack Project (Svelte, Express, Node.js)
A Node.js + HTML + CSS + Firebase Full Stack Poll App
Land a Job
Frequently Asked Questions
For those with questions, qualms or queries.
Is the course relevant in 2024?
Absolutely - It receives constant updates to ensure it remains relevant to the current day :P
Is there a support community?
There's a huge community here to support you on your coding journey at every step of the way. We're pretty active in the Discord channel which you might like to join!
Join the Discord!
Do I need any prior programming experience?
No programming experience is required to get started with this roadmap! It's Zero to Hero.
How do I stay notified for new releases?
Be sure to subscribe to the newsletter where each release will be announced, and turn on your notification bell for the Smoljames channel on YouTube.
Subscribe ->
Together we can become great developers ⚡️