Full-stack Web Developer
Plan - 2021

Last updated: December 23, 2020

Weekly breakdown optionally with resources to follow

Press right arrow to start

Press down arrow for instructions

Things are divided weekly

On each week, pressing right takes you to next

On each week, pressing down takes you to the courses or practice modules

Press down

This is a dynamic deck

Content / resources will be added frequently here

Last updated: December 23, 2020

Disclaimer

This deck is opinionated. You might not agree with all tech stack options here, but this is tried and tested tech stack (Me, the developer behind codedamn platform is the setter of this deck)

codedamn

Brought to you by - codedamn.com

Unlock all codedamn resources with 20% discount for 3 months (billed monthly)

Unlock all codedamn resources with 80% discount for 3 months (billed yearly)

Contact [email protected] for any queries

Here's Week #0

Press right arrow for next week

Press down arrow for resources for that week

You will see video courses here

Press down arrow to see practice projects

You will see practice projects here

Press up arrow to see video courses

Week

 

#01

January 1, 2021

Basics of HTTP/How the internet and web work

A brief introduction to HTML and CSS

Creating very simple pages with HTML and CSS

Video Courses

Projects/Exercises

Week

 

#02

January 8, 2021

CSS layout systems - flexbox and grid, box model, and more

Forms in HTML

Advanced HTML/CSS

Practice with projects

Video Courses

Projects/Exercises

Week

 

#03

January 15, 2021

JavaScript introduction and basics

Work with HTML/CSS/JavaScript together

Do some simple projects with JavaScript

Video Courses

Projects/Exercises

Week

 

#04

January 22, 2021

Build simple projects with HTML/CSS/JavaScript

Learn about DOM APIs and how to interact with them

Learn how to use browser DevTools

Video Courses

Projects/Exercises

Week

 

#05

January 29, 2021

Briefy go over through advanced JS concepts. You do not absolutely need to understand them

Sharpen your logical thinking with Project Euler challenges. Do as much challenges as you can

These challeneges will help you build a mathematical approach of solving problems

Video Courses

Projects/Exercises

Week

 

#06

February 5, 2021

Complete more JavaScript projects and classrooms

Understand JS under the hood

Video Courses

Projects/Exercises

Week

 

#07

February 12, 2021

Introduction to Node.js

Creating a simple backend server

Serving static assets

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#08

February 19, 2021

Learn about linux fundamentals

Working with basic linux commands

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#09

February 26, 2021

Learn about MongoDB

Create a database and link it with simple Node backend

Create simple apps like URL shortner

Video Courses

Projects/Exercises

Week

 

#10

March 5, 2021

Implement authentication using DB

Learn about cookies and session authentication

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#11

March 12, 2021

Cover NPM and how to work with it

Learn about common npm commands and initializing different projects with it

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#12

March 19, 2021

Learn to work with git and GitHub

Put your past projects online on GitHub

Explore GitHub pages

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#13

March 26, 2021

Introduction to React

Fundamentals of React and getting started

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#14

April 2, 2021

Building more projects with React

Learning to use common React practices

Video Courses

Projects/Exercises

Week

 

#15

April 9, 2021

Learn more about data fetching and convert existing apps to new solutions

Look for react-query

Caching/Invalidation

Resources coming soon

Resources coming soon

Week

 

#16

April 16, 2021

Learn about UI systems.

Look for Material UI this week

Resources coming soon

Resources coming soon

Week

 

#17

April 23, 2021

Learn about UI systems.

Look for tailwind CSS this week

Resources coming soon

Resources coming soon

Week

 

#18

April 30, 2021

Learn about Next.js

Shift a few past React apps to Next.js

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#19

May 7, 2021

Learn about SSR/SSG/Incremental building with Next.js

Learn about Next.js API/lambda functions

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#20

May 14, 2021

Learn about deploying Next.js apps on vercel

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#21

May 21, 2021

Decouple your Next.js app from backend

Use a different standalone REST API server in Node for backend

Learn about JWT authentication

Resources coming soon

Resources coming soon

Week

 

#22

May 28, 2021

Start learning TypeScript

Why it is needed

Setting up environment

First few programs

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#23

June 4, 2021

Learning about tsconfig options

Strict JavaScript typing

Converting your very first HTML/CSS/JS projects in typescript

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#24

June 11, 2021

Use Next.js or React with TypeScript

Learn about "typing" Next.js code

Video Courses

Projects/Exercises

Week

 

#25

June 18, 2021

Cover a few advanced TypeScript syntax along the way

Practice more with TypeScript

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#26

June 25, 2021

Practice week - 1

You have enough tech-stack knowledge right now to build things. Stop learning new things for a while and build personal projects with your knowledge so far

Resources coming soon

Resources coming soon

Week

 

#27

July 2, 2021

Practice week - 2

You have enough tech-stack knowledge right now to build things. Stop learning new things for a while and build personal projects with your knowledge so far

Resources coming soon

Resources coming soon

Week

 

#28

July 9, 2021

Practice week - 3

You have enough tech-stack knowledge right now to build things. Stop learning new things for a while and build personal projects with your knowledge so far

Resources coming soon

Resources coming soon

Week

 

#29

July 16, 2021

Practice week - 4

You have enough tech-stack knowledge right now to build things. Stop learning new things for a while and build personal projects with your knowledge so far

Resources coming soon

Resources coming soon

Week

 

#30

July 23, 2021

Introduction to GraphQL

Start learning GraphQL and schemas to create APIs

Use express-graphql

Resources coming soon

Resources coming soon

Week

 

#31

July 30, 2021

Covert an existing REST app you created into GraphQL backend

Create frontend in Next.js (decoupled)

Use TypeScript on frontend and backend both

Resources coming soon

Resources coming soon

Week

 

#32

August 6, 2021

Continue working on GraphQL

Learned about typed-graphql using graphql-code-gen

Shift to Apollo GraphQL client (for React/Next.js) and server (for Node.js)

Resources coming soon

Resources coming soon

Week

 

#33

August 13, 2021

Create your first full-stack app locally next 2 weeks

Use Next.js for frontend

GraphQL for backend

TypeScript on both

Resources coming soon

Resources coming soon

Week

 

#34

August 20, 2021

Create your first full-stack app locally next 2 weeks

Use Next.js for frontend

GraphQL for backend

TypeScript on both

Resources coming soon

Resources coming soon

Week

 

#35

August 27, 2021

Learn about cloud deployment with DigitalOcean

Create your first droplet

Revise about ssh and linux fundamentals

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#36

September 3, 2021

Learn about NGiNX and reverse proxies

Learn to serve static files on production using NGiNX

Learn to link your backend process to NGiNX

Resources coming soon

Resources coming soon

Week

 

#37

September 10, 2021

Manually deploy your backend app on your droplet

Install relevant softwares (mongodb/node/etc) and pull code from GitHub

Link your frontend Next.js app deployed on vercel to your droplet backed

Learn about DNS Records and mapping to a real domain name for backend

Make your app live

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#38

September 17, 2021

Learn about GitHub Actions and configuration file

Configure your backend build to be deployed on repository push

Resources coming soon

Resources coming soon

Week

 

#39

September 24, 2021

Learn about unit testing with react-testing-library

Learn about end-2-end testing with Cypress

API testing

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#40

October 1, 2021

Write end-2-end tests for your past Next.js applications using Cypress

Integrate these tests in your automated deployment pipeline using GitHub Actions

Video Courses

Resources coming soon

Scroll up for video courses for now

Week

 

#41

October 8, 2021

Learn about Docker

Setup a container and learn about benefits of containerization in production

Resources coming soon

Resources coming soon

Week

 

#42

October 15, 2021

Learn about Dockerfile

Learn about port mapping/containers talking to each other

Learn about persistent volumes (for databases)

Create a Dockerfile for your previous backend builds of GraphQL locally

Resources coming soon

Resources coming soon

Week

 

#43

October 22, 2021

Use GitHub Actions to change your deployment pipeline to build and deploy as a container on your server

Resources coming soon

Resources coming soon

Week

 

#44

October 29, 2021

Learn about server-side caching (for DB queries, etc.) with redis

Explore cloudflare for caching

Learn about CDNs and how they speed up delivery

Resources coming soon

Resources coming soon

Week

 

#45

November 5, 2021

Learn about web security

XSS/CSRF/XSRF/SQLi

Other common/OWASP vulnerabilities

Resources coming soon

Resources coming soon

Week

 

#46

November 12, 2021

Create an AWS account

Learn about SES to send emails programmatically

Learn about a few serverless technologies

Learn about lambdas

Resources coming soon

Resources coming soon

Week

 

#47

November 19, 2021

Learn about scaling tech

Horizontal/vertical scaling

Containerization and migration cloud provider-agnostic codebase

MongoDB Atlas

Resources coming soon

Resources coming soon

Week

 

#48

November 26, 2021

Build build build

Build end-2-end projects with your current knowledge

Deploy them on digitalocean/any other cloud

Resources coming soon

Resources coming soon

Week

 

#49

December 3, 2021

Build build build

Build end-2-end projects with your current knowledge

Deploy them on digitalocean/any other cloud

Resources coming soon

Resources coming soon

Week

 

#50

December 10, 2021

Build build build

Build end-2-end projects with your current knowledge

Deploy them on digitalocean/any other cloud

Resources coming soon

Resources coming soon

Week

 

#51

December 17, 2021

Build build build

Build end-2-end projects with your current knowledge

Deploy them on digitalocean/any other cloud

Resources coming soon

Resources coming soon

Week

 

#52

December 24, 2021

Build build build

Build end-2-end projects with your current knowledge

Deploy them on digitalocean/any other cloud

Resources coming soon

Resources coming soon