AI writes code. Yes.
Copilot, Claude, ChatGPT - they generate working code from one sentence. This is real. Not going away.
AI-driven full stack developer
Zero to Hired
2026 Edition
Complete beginner to first developer job in 10-11 months. What to study, where, what to build, when to push on GitHub, how to crack interviews - everything in one place.
10-11Months to hired
8Phases
15+Real projects
100%Beginner friendly
Use arrow keys or buttons below to navigate slides
Answer this first
Why learn to code when AI already writes code?
But AI cannot think.
AI writes the how. You decide the what and the why. Architecture, product decisions, debugging - that is still human work.
Your prompt quality = your output quality.
A developer who understands code deeply writes 10x better prompts. You cannot review code you do not understand.
Market is shifting, not shrinking.
Companies want fewer average devs and more AI-native developers who ship 3x faster. That job is being created right now.
Phase 1
Computer Basics ā¢ Internet ā¢ Setup
What to study
- How computers work - CPU, RAM, Storage, OS
- File system, folders, basic terminal / command prompt
- How internet works - HTTP, DNS, browsers, servers
- What is a server vs client?
- Install VS Code, Node.js, Git - set up your machine
- Learn touch typing - aim for 30 WPM minimum
Where to learn (all free)
- CS50x - Harvard (edx.org) Free
- How Internet Works - Khan Academy Free
- VS Code Setup - Traversy Media YT
- Git Basics - FreeCodeCamp YT
- Touch typing - keybr.com Free
Project - GitHub starts now
š "My Dev Machine" Setup Doc
Write a markdown README listing everything you installed and why. Push it to GitHub Week 3. First commit - start of your developer identity.
š§āš» GitHub - Create account Week 1, first push Week 3
Even a README counts. Consistency from Day 1 builds a real contribution graph by Month 11.
Phase 2
HTML ā¢ CSS ā¢ JavaScript
What to study
- HTML - semantic tags, forms, structure
- CSS - flexbox, grid, responsive design, animations
- JS - variables, functions, DOM manipulation
- JS - arrays, objects, loops, conditions
- JS - fetch API, async/await, Promises
- Browser DevTools - inspect, debug, network tab
Where to learn
- The Odin Project (theodinproject.com) Free
- JavaScript.info - complete JS reference Free
- Kevin Powell - CSS on YouTube YT
- Akshay Saini - Namaste JavaScript YT
- FreeCodeCamp - Responsive Web Design Free
Projects
š Personal Landing Page
Your name, photo, GitHub link. Deploy on GitHub Pages. First live URL.
š¤ļø Weather App
OpenWeather API + fetch + async/await. First real working web app.
LinkedIn - Week 7
- Create profile after your first project is live
- Headline: "Learning Full Stack Dev | HTML CSS JS"
- Post your weather app - screenshot + 3-line story
- Connect with 5 developers per week
Phase 3
React.js ā¢ Portfolio ā¢ Git Workflow
What to study
- React - components, JSX, props, state
- Hooks - useState, useEffect, useContext
- React Router - multi-page navigation
- Tailwind CSS - utility-first styling
- Git branching - feature branches, PRs, merge
- Deploy on Vercel / Netlify
Where to learn
- react.dev - official docs (best resource) Free
- Codevolution - React playlist YT
- tailwindcss.com - official docs Free
- Learn Git Branching - interactive game Free
Projects
š Task Manager App
CRUD with React state, local storage, Tailwind UI. Clean and functional.
š¬ Movie Search App
OMDB API + React Router + favorites. Shows real frontend depth.
Portfolio - Week 14
- Build in React - About, Skills, Projects, Contact
- Show 3 projects with live links + GitHub
- Deploy on Vercel. Custom domain if possible.
- 3 strong projects beats 10 weak ones. Always.
Phase 4
Node.js ā¢ Express ā¢ MongoDB
What to study
- Node.js - runtime, modules, npm ecosystem
- Express.js - routes, middleware, REST API design
- MongoDB - documents, collections, CRUD
- Mongoose - schemas, models, validation
- Authentication - JWT, bcrypt, sessions
- Error handling, status codes, API conventions
Where to learn
- Codevolution - Node.js full course YT
- expressjs.com - official docs Free
- MongoDB University (learn.mongodb.com) Free
- Dave Gray - REST API Design YT
- Traversy Media - JWT Auth YT
Real-world projects
š E-Commerce Backend
User auth, product CRUD, cart, orders - full REST API with JWT. Deploy on Render.
š Blog API
Users, posts, comments, likes, Mongoose relationships. Document with Postman.
GitHub - Week 20 onwards
- Commit every single day - even docs count
- Write proper README for every project
- Use feature branches - not just main
- Pin your 4 best repos on GitHub profile
- By Week 24: 5+ repos, 60+ commits, green graph
Phase 5
Full Stack MERN + AI Features
What to study
- Connect React frontend to Express backend
- State management - Redux Toolkit or Zustand
- File uploads - Multer + Cloudinary
- Real-time - Socket.io basics
- OpenAI / Claude API - add AI to your app
- Docker basics - containerize your app
Where to learn
- redux-toolkit.js.org - official docs Free
- Socket.io docs + Traversy Media YT
- OpenAI API Docs Free
- TechWorld with Nana - Docker YT
Capstone projects (flagship)
š¤ AI-Powered Chat App
Full MERN + Socket.io real-time + Claude/OpenAI API chatbot + file upload + auth. Deploy on Render + Vercel. This is your headline project on LinkedIn and portfolio.
š Full Stack E-Commerce (Complete)
Phase 4 backend + React frontend + Razorpay payment + admin panel + AI product recommendation. Shows end-to-end thinking.
Phase 6 - Month 9
DSA + Technical Interview Prep
DSA - week by week plan
Week 33Arrays + Strings + Hashmaps
Solve 15 easy LeetCode problems. Focus on patterns - sliding window, two pointers. Not memorizing, understanding.
Week 34Recursion + Sorting + Linked Lists
10 more problems. Understand time complexity O(n), O(nĀ²), O(log n). Know why it matters.
Week 35Stack, Queue, Binary Search, Trees (basics)
10 problems. Focus on patterns, not grinding. 50 easy problems total is enough for most product companies at fresher level.
Week 36Mock Interviews + Review Weak Areas
Pramp.com or with a friend. 2-3 mock scenarios. Time yourself. Explain your thinking out loud.
Technical concepts to revise
- JavaScript - closures, hoisting, event loop, this keyword
- React - virtual DOM, reconciliation, re-renders, hooks rules
- Node.js - event-driven, non-blocking I/O, middleware chain
- REST API - methods, status codes, CRUD conventions
- Database - indexing basics, schema design, populate vs lookup
- System design basics - what happens when you type google.com
Resources
- LeetCode - easy 50 problems Free
- Namaste JS Season 2 - Akshay Saini YT
- Striver A2Z DSA Sheet Free
- Pramp.com - free mock interviews Free
English + Communication for Developers
The honest reality
Your English does not need to be perfect. It needs to be clear and confident. Thousands of Indian developers work at top companies - Google, Amazon, Microsoft - with Indian-accented English. The problem is never the accent. It is hesitation, low vocabulary, and no practice. This section fixes that.
Daily 30-min tasks (every day from Month 3)
T1Speak, don't type - 10 min
Explain what you coded today in English. Out loud. Record yourself on phone. "Today I built a login form using React. I used useState to track the input values." No audience needed. Habit builds fluency.
T2Read 1 dev blog post - 10 min
dev.to, medium.com, css-tricks.com - read in English. Builds vocabulary naturally. You will start thinking in dev English without realising it.
T3Write 3 sentences on LinkedIn - 5 min
Post or comment in English - even broken is fine. Consistency beats perfection. Every week your writing improves.
T4Watch 1 English YouTube video - 5 min
With English subtitles on. Fireship, Theo, Kevin Powell, Traversy - all informal English used by real developers. Shadow their sentence patterns.
Interview-specific English practice
I1Prepare your "Tell me about yourself" in English
Write it first in Hindi. Translate line by line. Practice saying it 20 times until it flows. This one answer decides the tone of every interview.
I2Explain your projects out loud - in English
"I built a full stack e-commerce app using React, Node, and MongoDB. The main challenge was handling JWT token expiry. I solved it by implementing refresh tokens." Practice this for EVERY project.
I3Mock interview in English - Month 10
Pramp.com forces English. Or find a friend and practice. Record it. Watch back once - painful but the fastest way to improve.
I4Think-aloud practice for coding problems
"I'm thinking of using a hashmap here because the lookup time is O(1)..." Interviewers value process over answer. Practice narrating your thinking in English.
Phase 8 - Month 11
Applications ā¢ Offers ā¢ First Job
Where to apply
- LinkedIn Jobs - Easy Apply with updated profile
- Internshala - fresher roles and internships
- Naukri.com - mark "Actively Looking"
- AngelList / Wellfound - startups move faster
- Direct outreach - DM HR on LinkedIn after applying
- Referrals - ask your network. This is why Phase 7 networking matters.
Resume - one page, no fluff
- Skills: React, Node, Express, MongoDB, Git, REST, Docker
- 3 projects with live links + tech stack listed
- No "team player", "passionate", "hardworking" - show, don't tell
- GitHub link + Portfolio link - mandatory
- Use Jake's Resume template (ATS-friendly, open source)
Interview rounds you'll face
- Round 1: Online DSA test - 2-3 easy/medium problems
- Round 2: Technical interview - JS/React/Node concepts + 1 DSA
- Round 3: Project walkthrough - explain your code, decisions made
- Round 4: HR round - tell me about yourself, salary, notice period
Salary expectations (Fresher, India 2026)
- Service companies (TCS, Infosys, Wipro) - ā¹3.5-5 LPA
- Product startups - ā¹6-12 LPA
- Mid-size product companies - ā¹8-15 LPA
- Remote international roles - ā¹15-30 LPA
- With AI portfolio projects - you negotiate from a position of strength
Complete overview
11-Month Roadmap Timeline
- Phase 1 - Computer Basics + SetupGitHub createdFirst commit
- Phase 2 - HTML + CSS + JavaScriptWeather App liveLinkedIn createdFirst project post
- Phase 3 - React + PortfolioPortfolio liveReact Developer on LinkedIn3 repos pinned
- Phase 4 - Node.js + Express + MongoDBBackend repos with READMEBuilt my first REST API post
- Phase 5 - Full Stack + AI FeaturesAI Chat App flagshipFull Stack Dev | Open to WorkPortfolio updated
- Phase 6 - DSA + Technical Interview Prep50 LeetCode problemsJS/React deep dive5 mock interviews
- Phase 7 - English + CommunicationDaily 30-min practiceInterview scripts preparedMock interviews in English
- Phase 8 - Applications + Offers5-10 applications/day100+ commits, green graphFirst offer received
Your digital identity
GitHub ā¢ LinkedIn ā¢ Portfolio
GitHub - start Week 1
- Create account Week 1. Push first file Week 3.
- Commit something every day. Even docs count.
- Write a proper README for every project.
- Pin your 4-5 best repos on profile page.
- Professional commit messages always.
- Goal by Month 11: 100+ commits, green graph, 8+ repos.
LinkedIn - start Week 7
- Don't create until you have something to show.
- Professional photo. Strong headline. Clear summary.
- Post every project as a milestone - screenshot + story.
- Engage with dev content daily - comment with substance.
- Connect 5-10 devs per week. Give before you ask.
- Turn on "Open to Work" in Month 8.
Portfolio - build Month 3
- Don't build Month 1 - nothing to put in it yet.
- Build in React. Keep it fast and minimal.
- Maximum 3 projects - your best only. Always.
- Each project: live demo + GitHub + 2-line desc.
- Contact form or email link - make it easy.
- Deploy on Vercel. Custom domain if possible.
The unfair advantage
How to Use AI While Learning
Use AI for - explaining concepts
Stuck on closures? "Explain this like by line like I'm 15." AI is a better tutor than most YouTube for specific confusions. Ask follow-up questions until it clicks.
Use AI for - debugging help
Paste your error + code and ask "what's wrong and why?" Always understand the fix before accepting it. The goal is to need AI less over time, not more.
Use AI for - code review
After finishing a project: "What would a senior developer change here and why?" Free mentorship that most developers don't use.
Use AI for - English practice
Type your "Tell me about yourself" and ask Claude to improve it. Paste your LinkedIn post and ask "is this clear and professional?" Use it as a writing coach.
Don't use AI to - write your projects
If you paste "build me a full stack todo app" and copy the output - you learned nothing. You will fail interviews. AI is the gym partner, not the person doing your reps.
Don't use AI to - skip understanding
If you cannot explain your own code in an interview, the interviewer knows. AI-generated code you don't understand is a trap. Own every line.
Career is also who you know
How to Build Your Network
- 01Start Twitter/X + LinkedIn - Month 2
Follow developers 1-2 years ahead of you. Comment with substance. "I tried this and got stuck on X - what helped you?" Show up consistently. People notice before they follow.
- 02Build in public - share the struggle, not just wins
"I spent 3 hours debugging this CORS error and here's what finally fixed it" gets more engagement than "I built a project." The struggle is relatable. The solution is valuable.
- 03Join communities - Discord, Reddit - Month 3
The Odin Project Discord. 100Devs. Local tech meetups. Answer what you know. Ask what you don't. Help one person a day - it compounds into reputation.
- 04Cold outreach - Month 7 onwards
DM 3-5 developers weekly. Not "please refer me." Instead: "I saw your post on React performance. I'm a MERN dev open to work. Would love any advice." Short. Specific. Humble. Many people respond.
- 05Contribute to open source - Month 6 onwards
Fix a small bug. Improve docs. Raise a PR. Even one merged PR puts you in a different category. It shows you can work in a codebase you didn't build yourself.