roadmaps
roadmaps copied to clipboard
Published
20 hours ago •
codedamn
codedamn
Curriculum for full-stack learning path on codedamn. Become a full-stack web developer with relevant technologies of 2022
Full Stack Learning Path
The full-stack learning path by codedamn is an interactive learning path to become a full-stack web developer using modern technologies. Our full-stack learning path consists of the following modules:
- Module 1: Basics of the web
- Module 2: Frontend Basics
- Module 3: Frontend / Backend Tooling
- Module 4: Mastering React.js
- Module 5: Testing and skill evaluation
- Module 6: Introduction to backend web development
- Module 7: Node.js, MongoDB and REST/GraphQL
- Module 8: Production Ready Practices
Explore all the modules on codedamn's learning path page. Know more here
Concept table
Concept table in full-stack learning paths would list down the covered and missing content on codedamn on important concepts.
| Concept | Topic | Covered | URL | Outdated |
|---|---|---|---|---|
| DNS | Internet fundamentals | ✅ | HTTP Fundamentals | No |
| Port numbers | Internet fundamentals | ✅ | HTTP Fundamentals | No |
| HTTP syntax | Internet fundamentals | ✅ | HTTP Fundamentals | No |
| HTML basic tags | HTML/CSS | ✅ | HTML CSS Basics | No |
| CSS common selectors | HTML/CSS | ✅ | HTML CSS Basics | No |
| CSS Flexbox | HTML/CSS | ✅ | HTML CSS Basics | No |
| CSS Grid | HTML/CSS | ✅ | HTML CSS Basics | No |
| CSS Positioning | HTML/CSS | ✅ | HTML CSS Basics | No |
| Using HTML+CSS together | HTML/CSS | ✅ | HTML CSS Basics | No |
| JavaScript syntax | JavaScript | ✅ | HTML CSS Basics | No |
| DOM and DOM manipulation | JavaScript | ✅ | JavaScript Basics | No |
| Regular Expressions | JavaScript | ❌ | JavaScript Basics | - |
| ES6 syntax | JavaScript | ✅ | JavaScript Basics | No |
| Using HTML+CSS+JS together | JavaScript | ✅ | JavaScript Basics | No |
| Promises | JavaScript | ✅ | Advanced Practical JavaScript | No |
| Prototypal Inheritance Model | JavaScript | ✅ | Advanced Practical JavaScript | No |
| Objects | JavaScript | ✅ | Advanced Practical JavaScript | No |
| Chrome Dev Tools | Browser Developer Tools | ✅ | Chrome Dev Tools | No |
| Git Introduction | Version Control - Git | ✅ | Git Basics | No |
| Git Working on Local Repository | Version Control - Git | ✅ | Git Basics | No |
| Git Branches | Version Control - Git | ✅ | Git Basics | No |
| Git Merging | Version Control - Git | ✅ | Git Basics | No |
| GitHub Remote Repositories | Version Control - Git | ✅ | Git Basics | No |
| Collaborating using Git | Version Control - Git | ✅ | Git Basics | No |
| NPM - Introduction to Package Managers | NPM (Package Manager) | ✅ | NPM Basics | No |
| Node Versioning | NPM (Package Manager) | ✅ | NPM Basics | No |
| NPM Modules | NPM (Package Manager) | ✅ | NPM Basics | No |
| NPM Dependencies | NPM (Package Manager) | ✅ | NPM Basics | No |
| NPM Scripts | NPM (Package Manager) | ✅ | NPM Basics | No |
| NPX | NPM (Package Manager) | ✅ | NPM Basics | No |
| Yarn | NPM (Package Manager) | ✅ | NPM Basics | No |
| Introduction to React | React | ✅ | React JS | No |
| Managing State in React | React | ✅ | React JS | No |
| Tailwind CSS | Tailwind CSS | ✅ | Tailwind CSS | No |
| React Query - Introduction | React Query | ✅ | React Query | No |
| React Query - Handling Queries | React Query | ✅ | React Query | No |
| React Query - Mutations | React Query | ✅ | React Query | No |
| React Query - Mutations | React Query | ✅ | React Query | No |
| React Hooks (useState and useEffect) | React Hooks | ✅ | React Hooks | No |
| Advanced React Hooks | React Hooks | ✅ | React Hooks | No |
| Advanced React Patterns | Advanced React Concepts | ✅ | Advanced React Concepts | No |
| React Performance | Advanced React Concepts | ✅ | Advanced React Concepts | No |
| ECMAScript | Theoretical JavaScript | ✅ | Advanced Theoretical JavaScript | No |
| JavaScript Runtime | Theoretical JavaScript | ✅ | Advanced Theoretical JavaScript | No |
| V8 Engine | Theoretical JavaScript | ✅ | Advanced Theoretical JavaScript | No |
| Event Loop | Theoretical JavaScript | ✅ | Advanced Theoretical JavaScript | No |
| Event Loop | Theoretical JavaScript | ✅ | Advanced Theoretical JavaScript | No |
| Cypress Basics | Cypress | ✅ | End to End Testing with Cypress | No |
| Advanced Cypress | Cypress | ✅ | End to End Testing with Cypress | No |
| Linux Introduction | Linux | ✅ | Linux CLI | No |
| Common Linux Commands | Linux | ✅ | Linux CLI | No |
| Nano Text Editor | Linux | ✅ | Linux CLI | No |
| Shell Scripting Basics | Linux | ✅ | Linux CLI | No |
| Node.js Introduction | Node.js | ✅ | Node.js Fundamentals | No |
| CommonJS Module System | Node.js | ✅ | Node.js Fundamentals | No |
| ES6 Module System | Node.js | ✅ | Node.js Fundamentals | No |
| Servers in Node.js | Node.js | ✅ | Node.js Fundamentals | No |
| Node.js Internals | Node.js | ✅ | Advanced Node.js | No |
| Threadpool in libuv | Node.js | ✅ | Advanced Node.js | No |
| Introduction to Databases | MongoDB | ✅ | Node - MongoDB Fundamentals | No |
| Mongoose Fundamentals | MongoDB | ✅ | Node - MongoDB Fundamentals | No |
| CRUD with MongoDB | MongoDB | ✅ | Node - MongoDB Fundamentals | No |
| JWT Authentication | MongoDB | ✅ | Node - MongoDB Fundamentals | No |
| Introduction to GraphQL | GraphQL | ✅ | GraphQL | No |
| Creating GraphQL API using Node.js | GraphQL | ✅ | GraphQL | No |
| GraphQL in React.js | GraphQL | ✅ | GraphQL | No |
| Advanced GraphQL | GraphQL | ✅ | GraphQL | No |
| Introduction to Next.js | Next.js | ✅ | Next.js Fundamentals | No |
| Styling in Next.js | Next.js | ✅ | Next.js Fundamentals | No |
| Next.js APIs | Next.js | ✅ | Next.js Fundamentals | No |
| Routing in Next.js | Next.js | ✅ | Next.js Fundamentals | No |
| Server Side Rendering | Next.js | ✅ | Next.js Fundamentals | No |
| Managing Environment Variables in Next.js | Next.js | ✅ | Advanced Next.js | No |
| SSR / SSG | Next.js | ✅ | Advanced Next.js | No |
| Other Advanced Features in Next.js | Next.js | ✅ | Advanced Next.js | No |
| Introduction to Redis | Redis | ✅ | Redis Caching Concepts with Node.js | No |
| API Caching | Redis | ✅ | Redis Caching Concepts with Node.js | No |
| Rate Limiting in Redis | Redis | ✅ | Redis Caching Concepts with Node.js | No |
| More About Redis | Redis | ✅ | Redis Caching Concepts with Node.js | No |
| TypeScript Fundamentals | TypeScript | ✅ | TypeScript Fundamentals | No |
| Advanced TypeScript | TypeScript | ✅ | TypeScript Fundamentals | No |
| Introduction to CI / CD | GitHub Actions | ✅ | GitHub Actions | No |
| YAML | GitHub Actions | ✅ | GitHub Actions | No |
| GitHub Actions | GitHub Actions | ✅ | GitHub Actions | No |
| Web Security | Web Security | ✅ | Web Security | No |
How to contribute?
- Open an issue with a missing concept to be covered
- Open an issue with information about an outdated concept
- Create an interactive codedamn lab for a missing concept [Coming soon]
https://codedamn.com/learn/web-security## How to get rewarded by codedamn?
At codedamn.com, we link your contributions to community with our karma metric. Link your codedamn account with your GitHub account in your codedamn account settings.
On every merged PR / issue created, you would be rewarded karma. This karma (community contribution) is visible:
- On your public profile at codedamn
- In our Discord server
- To companies you are applying for a job/internship via codedamn (increases your chances of selection) [Coming soon]
Karma can also be used to unlock special access to certain features on codedamn.com. More information here: https://codedamn.com/news/introducing-karma
codedamn