12/25/23, 8:13 PM Vraj's Full Stack Web Developer Learning Path - codedamn

Vraj's Full Stack Web Developer Learning Path

LEARNING PATH CONTENTS
Bookmark/Share Edit Path

Full Stack Learning Path

Learn programming interactively on codedamn

0%

DNS A good developer has solid fundamentals.

Internet Fundamentals Let's start your full-stack journey with how
HTTP internet works in the first place.

0%

HTML Fundamentals
0%

CSS Fundamentals Semantic HTML

Positioning in CSS basics HTML and CSS intermediate Media Queries

CSS Flexbox CSS Animations

CSS Grid

0%

Elements Tab

Console Tab

Debugging is a very important skill. For

Networks Tab
Chrome DevTools frontend, mastering dev tools is as essential
as learning to code.
Sources Tab

HTML5/CSS3 Projects

0%

Variables

Functions

Objects basics
0%
JavaScript
Quiz App Project
DOM learn more

To Do List Manager
intermediate
0%

Budget Tracker Project

Scoping

Promises

Inheritance

0%

npm
Package managers automate the process
of configuring libraries in projects, simplifying Package Mangers yarn
dependency management and project setup.
pnpm

0%

Local Repository

Branches
Git and GitHub streamlines a lot
Merging Git + GitHub of ops-heavy work and allows you
to focus on what matters - code
Remote Repository

Pull Requests

0%
Basics

0%

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

0%
Design Patterns

0%
useSWR
Zustand
data state
0% fetching management
React Query
React.js Ecosystem Redux

tRPC

0%

Config
Making a good UI is hard.
Plugins Tailwind CSS Presets from Tailwind makes it
easier to make consistent UI.
Best Practices

React.js Projects

0%

Jest 0%

Component Testing E2E Playwright

React Testing Library

0%

Common Commands
Linux is extremely important for
backend developers. Most backend
Nano Text Editor Linux Fundamentals servers run on linux. You should be
comfortable working with linux/bash.
Shell Scripting Basics

0%

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

0%

Basics of Type Safety TypeScript makes your code

TypeScript type safe. You can ship more
Best-Practices confidently with less bugs.

0%
Event Loop
0%

Microtask
main thread
Queue

queues
rAF Queue JavaScript Under The Hood 0%

node.js Node.js Internals

Task Queue
Threadpool in
libuv

REST
APIs are building blocks of backend
0%
API Development services since they allow differently built
GraphQL servers/clients to communicate using
JSON/XML.
tRPC Router

0%

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

0%

Next.js (SSR)

App Router

Next.js has multiple benefits - SEO, speed,

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

API Routes

Edge Rendering

Backend Projects

Redis is a powerful in-memory scalable 0%

database that allows you to do a number of API Caching

things - from rate limiting to caching and more.
Redis
Rate Limiting

How TCP works under the hood

Socket.io
WebSockets help two computers
0% communicate near real-time. It is a
uWebSocket.js WebSockets very important and interesting
technology building any real-time
interface on web

0%

Frontend Web Security

Web Security Securing apps against hackers is
something every developer should know.
Backend Web Security

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

Interview Questions
Interview preparation
0%
Freelancing

https://codedamn.com/user/vrajsavani2007/learning-path/47dPONkOK0UlDM83mPvUA 1/2
12/25/23, 8:13 PM Vraj's Full Stack Web Developer Learning Path - codedamn

https://codedamn.com/user/vrajsavani2007/learning-path/47dPONkOK0UlDM83mPvUA 2/2