The route into the web development world seems puzzled at times.

Let's simplify this path for you.

A guide to become a web developer in 180 Days!

A Thread...
Anyone can become a web developer.

it’s a question of consistency & effort. If you put work into it, you can become web developer.

180 days is not guaranteed. It may take longer or it may be quicker all depends on how much you want it & how much effort you’re willing to put in
Days 1–20: Basics of HTML and CSS

Having strong fundamentals gives you the ability to grasp different subjects more quickly.

HTML is the building block of every website and web application.

CSS is used to style websites and web applications.

MDN web docs is best way to start
MDN's guide to getting started with the web

- Started with the web overview
- What will your website look like?
- Dealing with files
- HTML basics
- CSS basics
- JavaScript basics
- Publishing your website
- How the Webworks

developer.mozilla.org/en-US/docs/Web
Day 20–60: Learn the Basics of JavaScript

JavaScript powers the web.

Thanks to its popularity, there are a lot of places to learn JavaScript. If you’re just starting out, I’d recommend starting out with the FreeCodeCamp JavaScript curriculum.

It’s free, effective.
Days 61–91: 30 Day Vanilla JS Coding Challenge

“Javascript30” is for beginner to intermediate developers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library.

Remember 👉 We learn by building apps.

The course is free & fun.
Days 92–130: Learn any one of these (React, Angular, Vue)

I know It’s hard to decide which framework to go for as there are just too many options.

My advice would be to research your location to see which frameworks are most popular and stick to that.
Days 131-170: Learn Node, MongoDB, and PostgreSQL

Now that you’ve learned how frontend development works, let’s add some backend knowledge to your inventory.

In modern days, a backend is an Application Programming Interface (API) that interacts with the frontend.
Here’s a bigger picture of how all the technologies are connected.

You’re not expected to know all of it, but it helps to be familiar with the bigger picture & understanding where you fit in.

n/w graph displays this which tech is most highly correlated with each other.
Days 171–180: Learn Git

Learn how to use Git to host your projects on Github Pages. it costs you nothing.

Github pages are free, the only downside is you can only host client-side code.

Most teams use Git to share code. Knowing Git makes you more employable.
Day 181: Start Applying for Web Development Jobs

You made it to the finish line.

Your actual journey starts now. It's a life long commitment towards more & more learning & building stuff.

Starting out is never easy and giving up seems like the easy way out.

Never give up!

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Ankur💻🎧💪

Ankur💻🎧💪 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @TheAnkurTyagi

4 Nov
You don't have a CS degree. No worries!

You can learn everything on the internet today.

Let's find out in this thread 🧵
1⃣Open Source Society University

OSSU curriculum is a complete education in computer science.

Students can work through the curriculum alone or in groups, in order or out of order.

github.com/ossu
The curriculum is designed as follows:

- Intro CS
- Core CS
- Advanced CS
- Final Project

Nearly all course material is available for free.

However, some courses may charge money for assignments/tests/projects to be graded.
Read 12 tweets
25 Oct
The Ultimate Guide to unit testing in JavaScript!

A Thread... 🧵
A unit test should test the behavior of a unit of work.

Unit tests are isolated and independent of each other.

- Any given behaviour should be specified in one and only one test

- The execution/order of execution of one test cannot affect the others

- Repeatable

- Fast
Ultimate Guidelines Which Helped Me a Lot.

- Whenever possible, use TDD

- Structure your tests properly

- Name your tests properly

- Don't comment out tests

- Avoid logic in your tests

- Don't write unnecessary expectations

- Know your testing framework API
Read 7 tweets
22 Oct
Few HTML tags you should use & which one to avoid!

A Thread... 🧵

#100DaysOfCode #CodeNewbie
The basic semantic HTML tags such as <header>, <footer> and <nav> are almost self explanatory.

But, there are a host of newer HTML tags that you need to be using as well.

Eight HTML tags that you should be using.
1. <picture>

This tag is similar to <img>, the <picture> element provides flexibility by allowing multiple <source> elements for the same resource, which can adapt based on a media query or image type support.
Read 11 tweets
21 Oct
My roadmap for your first 45 days of JavaScript learning

Thread 🧵
I get many DMs, and the most asked question so far is,

"How & From Where do I start with JavaScript?"

I would suggest this roadmap to start your JavaScript journey.

This is well tested by me in the last two years.
First thing first that you should commit to consistency, before even writing your "HELLO WORLD" program.

1 hour of coding practice, every day, no excuses.

Make it a habit💪
Read 14 tweets
19 Oct
TOP Python Github repositories for you.

A Thread... 🧵

#100DaysOfCode #CodeNewbies
1- Pandas

Pandas is a very simple and powerful data analysis/manipulation tool.

github.com/pandas-dev/pan…
2- Python patterns

A collection of design patterns/idioms in Python. My go-to place when designing new solutions.

github.com/faif/python-pa…
Read 12 tweets
18 Oct
Next Month I will complete 10 years as a software dev.

"Why Stay Fit Physically and Mentally As a Coder"

A Thread... 🧵
In this marathon, there are lots of ups & downs I see, the biggest mistake was to avoid my health until 2018.

I worked hard to stay relevant & stay long hours, but the problem for me was, that I have felt exhausted mentally and physically at every end of the day.
In early 2018 I get the sense that I am doing something wrong with my life and it cannot go on like this anymore.

As a coder what we do when things go wrong in the codebase.

"REFACTORING" so I challenged myself to do refactoring of my mental & physical health.
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!