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
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
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.
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.