01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

codedamn

Full Stack Web Developer Learning Path

The best way to learn full stack development with hands-on labs, practical projects, and community -
right from your browser. Includes tens of courses, projects, coding exercises, interview kits and more.
LEARNING PATH CONTENTS
Bookmark/Share Switch to simple mode

Full Stack Learning Path

Learn programming interactively on codedamn

DNS A good developer ha

Internet Fundamentals Let's start your full-s
HTTP internet works in th

HTML Fundamentals

CSS Fundamentals

Positioning in CSS basics HTML and CSS intermediate

CSS Flexbox

CSS Grid

https://codedamn.com/learning-path/fullstack 1/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

Elements Tab

Console Tab

Debugging is a very imp

Networks Tab
Chrome DevTools frontend, mastering dev
de
as learning to code.
Sources Tab

HTML5/CSS3 Projects

Variables

Functions

Objects basics

JavaScript
DOM Quiz
learn more

To Do
intermediate

Scoping Budget

Promises

Inheritance

np
Package managers automate the process
of configuring libraries in projects, simplifying Package Managers ya
dependency management and project setup.
pnp
pn

https://codedamn.com/learning-path/fullstack 2/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

Local Repository

Branches
Git and GitHub streamli
Merging Git + GitHub of ops-heavy work and
to focus on what matter
Remote Repository

Pull Requests

Basic

Hook
React.js is a popular choice for
frontend development. Alternatively, React.js
there are options like Vue, Svelte, etc..
React Co

Design Pa

useSWR
data state
fetching management
React Query
React.js Ecosystem
tRPC

Config
Making a good UI
Plugins Tailwind CSS Presets from Tailwi
easier to make con

Best Practices

https://codedamn.com/learning-path/fullstack 3/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

React.js Projects

Jest
Component Testing E2E Playwright
React Testing Library

Common Commands
Linux is extremely i
backend developers
developer
Nano Text Editor Linux Fundamentals servers run on linu
comfortable workin
Shell Scripting Basics

CommonJS
Any backend language should work,
however since you're already familiar Node.js Basics ESM
with JavaScript, Node.js is a good choice.

HTTP Servers

Basics of Type Safety TypeScript makes your co

TypeScript type safe. You can ship m
Best-Practices confidently with less bug

https://codedamn.com/learning-path/fullstack 4/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

Eve

Microtask
main thread
Queue

queues
rAF Queue JavaScript Under The Hood
node.js Node.j
Task Queue
Thre

REST
APIs are building blo
API Development services since they a
GraphQL servers/clients to com
co
JSON/XML.
tRPC Router

SQL Fundamentals
PostgreSQL is an amazing SQL database.
Alternatively, you could also try learning PostgreSQL CRUD Operations
MongoDB, a popular NoSQL database.
Query Builders

Next.js (SSR)

App Router

Next.js has multiple benefi

Middlewares Next.js 14 better UX, caching, and m

API Routes

Edge Rendering
https://codedamn.com/learning-path/fullstack 5/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn
Edge Rendering

Backend Projects

Redis is a powerful in-memory scalable

database that allows you to do a number of API Caching
things - from rate limiting to caching and more.
Redis
Rate Limitin

How TCP works under the hood

Socket.io
WebSockets help two co
communicate near real-
uWebSocket.js WebSockets very important and inte
technology building any
interface on web

Frontend Web Security

Web Security Securing apps against hacker
something every developer sh
Backend Web Security

GitHub Action
CI/CD allows you to focus on code
instead of deployments. It is an CI/CD
important backend/ops skill to master.
Bitbucket

https://codedamn.com/learning-path/fullstack 6/16
01/07/2024, 16:23 Full Stack Web Developer Learning Path - codedamn

Interview Questions
Interview preparation
Freelancing

Enroll for free

You are currently not enrolled. Track your progress, pick your courses and learn daily with this
learning path.
Enroll and start learning

Join people from all over the world learning on

codedamn

https://codedamn.com/learning-path/fullstack 7/16