If I would start my Web Development career in 2021 from scratch

Here 10 steps I'll do to land a job

1st step: learn HTML and CSS

I'll learn it on FreeCodeCamp

It'll take me 2 weeks
Then I'll recreate 3 popular website landing pages using only HTML and CSS

Probably Apple, GitHub, and Netflix

It'll take me 1 week
2nd step: learn JavaScript and NPM

I'll learn it on Javascript Info and FreeCodeCamp

It'll take me 3 weeks
Then I will pick 2 complex projects and will try to recreate their basic functionality using JavaScript, HTML, and CSS

Probably will pick Soundcloud and Twitter

It'll take me 2-3 weeks
3rd step: learn how Computer and Internet works

I'll learn it on Wikipedia and YouTube

I'll try to learn about Application layers and how modern web apps works

It'll take me 1-2 weeks.
4th step: learn Git and Deploying

I'll learn Git using Atlassian official tutorial and for deploying I will choose Netlify or Vercel

I'll deploy my 2 complex apps and add Git to them

It'll take me 5 days
5th step: learn NodeJs and Express

I'll learn it using official tutorials, then YouTube and StackOverflow if I won't understand something

I'll use my 2 apps to practice it and finally add the backend side for them

It'll take me 2 weeks
6th step: learn ReactJS and Redux.

Not Vue, Angular, or Svelte

I choose ReactJS because it has a huge demand
I'll learn it using official tutorials and @kentcdodds course

In the process of learning will transfer my 2 apps to ReactJS

It'll take me 3 weeks
7th step: learn GraphQL

I'll learn it using official tutorials and YouTube (Udemy if needed)

Will transfer all created apps API to the GraphQl.

It'll take me 1 week
8th step: learn TypeScript

I'll learn it using YouTube & Udemy if needed (official tutorial is hard to understand)

After, will transfer all created apps to the TypeScript

It'll take me 1 week
9th step: build 2 complex applications

I'll probably pick popular services and will try to recreate core functionality using learned stack: ReactJS, React Ecosystem, GraphQL, TypeScript, and ExpressJS

Then I'll deploy it and use it in my resume

It'll take me 2-4 weeks
10th step: create a resume, LinkedIn profile and apply for a job

It'll take me 1-4 weeks to land a job
Cheers

– Nick ✨

Also, every week I send my "3-2-1" newsletter with 3 hand-picked articles from me, 2 web development guides from others, and 1 useful Tweet I enjoyed.

Join here ↓

https://t.co/V70vOTSjXd
Note to people who complain about time:

1. I'll practice every day for 8+ hours
2. Use Deliberate Practice and System 69
3. Learn each technology to the level needed to go to the next step, build real apps, and land a junior job (I'm not gonna master it for that period of time)

You May Also Like

A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x


PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ


The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.
Fake chats claiming to be from the Irish African community are being disseminated by the far right in order to suggest that violence is imminent from #BLM supporters. This is straight out of the QAnon and Proud Boys playbook. Spread the word. Protest safely. #georgenkencho


There is co-ordination across the far right in Ireland now to stir both left and right in the hopes of creating a race war. Think critically! Fascists see the tragic killing of #georgenkencho, the grief of his community and pending investigation as a flashpoint for action.


Across Telegram, Twitter and Facebook disinformation is being peddled on the back of these tragic events. From false photographs to the tactics ofwhite supremacy, the far right is clumsily trying to drive hate against minority groups and figureheads.


Declan Ganley’s Burkean group and the incel wing of National Party (Gearóid Murphy, Mick O’Keeffe & Co.) as well as all the usuals are concerted in their efforts to demonstrate their white supremacist cred. The quiet parts are today being said out loud.


The best thing you can do is challenge disinformation and report posts where engagement isn’t appropriate. Many of these are blatantly racist posts designed to drive recruitment to NP and other Nationalist groups. By all means protest but stay safe.