Awesome Open Source
Awesome Open Source

'fullstack learning path'

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

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,089,895
Html (252,874
Reactjs (166,672
Css (148,678
Mongodb (30,481
Rest (29,240
Graphql (15,964
Web Security (419