Recently I have completed Javascript Intermediate and Advanced with Mosh, what other resources can you suggest?
I would suggest to take a project and learn how to use AI in your workflow. Second I’d recomment learning how to test, and how to specify.
Then I suggest to learn programming patterns and take this course from mosh. Know about standad pattern and using it is more important than knowing every bits an peaces.
Last, but not least. Learning git and the workflow for CI/CD. In case your learned AI, this will help you go fast forward.
To make it clear, know a Programming Language does not mean you can programm. Practice programming an learning testing, patterns and git with CI/CD as well as learning your development environment like vscode will ramp up your productivity.
Oky thanks for your concidaration but in specific testing what exactly, could you be in specific what is testing ?
I came across a sit it also talks about taking React first after learning Javascript, and what are your suggestions on that?
I am not 100% sure, but I think swerden is saying to learn how to specify tests in JavaScript — meaning how to write and structure them when using a testing framework like Jest, Mocha, or similar. My suggestion to what to learn after JavaScript and React depends on your goals as a developer. Do you want to work on more Frontend tasks or Backend tasks. If Frontend, maybe look into UI Design, if backend, look into Node.js, MongoDB, etc.
My main goal is fullstack, do you mean I should look at UI Design first before React?
Is that right?
If your main goal is full stack, then I would suggest that you look at React. React uses HTML, CSS and JS, so it is good to be familiar with these. UI Design could be good to learn, but after learning React, I recommend learning some backend first. That will give you the full stack.
Oky! I am so glad you’ve put me on the right track I shall do react then UI Design right do you have like a full roadmap, you might want to suggest
Phase 1: Foundations (Must-Have Basics)
1. Programming Fundamentals
Learn
-
How the web works (client vs server, HTTP, DNS)
-
Data types, variables, functions
-
Conditionals, loops
-
Big-O basics (just awareness)
Language
-
JavaScript (primary) -
(Optional later: Python or C#)
Why: Everything else builds on this.
2. HTML & CSS (Web Core)
HTML
-
Semantic HTML
-
Forms, inputs, accessibility basics
CSS
-
Flexbox
-
Grid
-
Responsive design
-
CSS variables
Tools
-
Chrome DevTools
-
CSS reset / normalize
Mini Projects
-
Personal landing page
-
Responsive portfolio layout
-
Login / signup form UI
Phase 2: Frontend Development (React-Focused)
3. Modern JavaScript (ES6+)
Learn
-
let / const -
Arrow functions
-
Destructuring
-
Spread operator
-
Array methods (
map,filter,reduce) -
Async JS (
async/await, Promises)
Project
-
Todo app (no framework yet)
-
API data fetch + render
4. React (Core Frontend Skill)
Must Know
-
Components & JSX
-
Props vs State
-
useState,useEffect -
Controlled inputs
-
Conditional rendering
-
Lists & keys
Advanced
-
Lifting state up
-
Context API
-
Custom hooks
-
Performance basics
Project Ideas
-
Recipe app
-
Guessing game
-
Dashboard with filters
-
Auth UI (login/register)
5. Styling & UI
Learn One Well
-
Tailwind CSS
(recommended) -
OR CSS Modules
-
OR Styled Components
Extra
-
Accessibility (ARIA basics)
-
Mobile-first design
Phase 3: Backend Development (Where You Level Up)
6. Node.js
Learn
-
Event loop basics
-
npm
-
File system
-
Environment variables
7. Express.js (Backend APIs)
Must Know
-
REST APIs
-
Routing
-
Middleware
-
Request/response lifecycle
-
Error handling
-
MVC pattern
Security
-
Input validation
-
CORS
-
Rate limiting
-
Helmet
Projects
-
Auth API (JWT)
-
CRUD app
-
Backend for your React app
-
Proxy server to hide API keys
Phase 4: Databases
8. SQL (Strongly Recommended)
PostgreSQL / MySQL
-
Tables & relations
-
SELECT,INSERT,UPDATE,DELETE -
Joins
-
Indexes
-
Migrations
9. NoSQL (MongoDB)
Learn
-
Documents vs tables
-
Mongoose schemas
-
Relationships
-
Pagination
Industry reality: SQL + MongoDB = very strong.
Project
- Full CRUD app with auth + database
Phase 5: Authentication & Authorization
Learn
-
JWT
-
Sessions vs tokens
-
Password hashing (bcrypt)
-
Role-based access
Auth Providers
-
Firebase Auth
-
Auth0
-
NextAuth (if using Next.js)
Phase 6: Full-Stack Integration
10. Frontend ↔ Backend
Learn
-
API consumption
-
Axios / Fetch
-
Loading & error states
-
Pagination & filtering
Project
-
Full-stack dashboard
-
Admin panel
-
Career quiz app
Phase 7: Testing, Git & Best Practices
11. Git & GitHub
-
Branching
-
Pull requests
-
Commit messages
-
GitHub Projects
12. Testing
-
Unit tests (Jest)
-
API tests
-
Basic E2E awareness
Phase 8: DevOps & Deployment (Huge Resume Boost)
13. Deployment
Frontend
-
Vercel
-
Netlify
Backend
-
Render
-
Railway
Databases
-
Supabase
-
Neon
-
MongoDB Atlas
14. CI/CD
- GitHub Actions
Phase 9: Advanced / Optional (Career Boosters)
-
Next.js
-
TypeScript (VERY important)
-
WebSockets
-
GraphQL
-
Caching (Redis)
-
Docker
-
Microservices basics
Phase 10: Job-Ready Checklist
You are job-ready when you can:
-
Build a full-stack app from scratch
-
Secure APIs properly
-
Deploy both frontend & backend
-
Explain your architecture
-
Read & debug other people’s code
Oky great i skipped python instead do you think I should take it first before React as suggested coz done HTML, CSS, and Javascript
! Python ? React : TypeScript
also I I appreciate for your time any additional information guide will appreciate as well
If you took Mosh’s whole JavaScript (beginner and intermediate), then you can go to React. Python can be learned later.
1 Like