Roadmap for becoming Full Stack Developer in 2021

🧵A Thread🧵
Step 1: Choose the best Operating System.

You can choose Either Linux or Mac which are really awesome for developers.

Or can still go with Windows 10, what you will need to do is enable wsl and that is really helpful, but windows is also highly recommended.
Step 2: Get Yourself the Best Text Editor.

You will find people using Vs code in most of their courses, so I would recommend getting started with Vs code which is obviously free and has the best features and a large community.

code.visualstudio.com
Step 3: Learn HTML

HTML is the building block for Web development, it is so easy to learn and get started, requires 0 configurations and a lot of resources are available online.

Here is my fav free tutorial for Html

FreeCodeCamp:

Step 4: Learn CSS

CSS is also the basic of Web Development, where it is easy to learn and requires 0 programming knowledge. You can spend years learning CSS where it makes a site beautiful.

Here Is a Free Css Tutorial:
Step 5: Build Yourself a Portfolio Website.

You can now get started with building projects, here is a tutorial that will teach you how to build your own portfolio site using HTML CSS and Bootstrap

Step 6: Learn Javascript.

Here is a course that will teach you the basics of javascript and injecting js to your Html CSS site.
Step 7: Add Javascript to Your Portfolio Site.

Build A Contact Form, a few API calls, and add buttons to do so.

NOTE: You can watch for tutorials building stuff, and add it by yourself to your portfolio.
Step 8: Learn To Use Chrome Developer Tools.

Chrome dev tools let you debug your code from Html to Js, and it is the most important stuff to know as a web developer.

Here is a tutorial I found relevant on Youtube:
Step 9: Learn Git and Github.

The most important thing during building a project is project management and accessibility to the team, learn Git and Github push your code to GitHub and make Pull Requests.

Here is a complete course on Git and GitHub
Step 10: Learn to Use Terminals/ CLI

Learning to use CLI is the most important stuff as a developer, during working with a server or hosting you get to work a lot with CLI's.

For Linux and Mac: Use ZSH, BASH, Hyper or iTerm
For Windows: Use Zsh in Wsl or use Git Bash
Step 11: Learn AWS

Learn important AWS services like- EC2, S3 Bucket, and Hosted Zones. AWS is very popular and almost used by major tech giants.

Learn AWS from

gumroad.com/a/552604787/Ms…
Step 12: Host Your Site Online

You can host your website for free on the following platforms.

> AWS
> Netlify
> Github
> Vercel
Step 13: Build a Project using Html CSS and Js.

You can copy code from your previous projects, copy from StackOverflow.
But don't go for the tutorial.

Build:
Expense Tracker
E-Commerce
Blog App
Step 14: I heard you are in Love with javascript?

Learn ES6 and practice some Data Structures with Javascript.
Step 15: Learn React/Vue/Angular

There are a lot of Tutorials on Udemy and Youtube where you can learn React Vue or Angular from bottom to advanced.

Here is one of my favorite from Stephen Grinder:

udemy.com/course/react-r…
Step 16: Build Projects Using your Favorite Library

Here is a tutorial you can follow to build an e-commerce site, using React and Graphql

udemy.com/course/complet…
Step 17: Apply for Jobs/ Internships as a Frontend Dev

You don't need to fit completely into the job profile.
___

You love Freelancing?

I get it. Not everyone loves to work 9-5. Here's a guide on how you can start freelancing.
My personal favorite 👇

gumroad.com/a/33559667/irs…
Step 18: You made it, as a Frontend Dev.

Now you can learn to build the backends using any of your favorite languages.

I would recommend Node js which is really awesome and easy to learn.

Or else can learn Django which uses Python.
Step 19: Learn SQL or NoSQL

Databases are the most important part of a Server, learn to use MongoDb or SQL databases like Postgresql or Mysql
Step 20: Learn Node Js following Tutorial.

Here is a Tutorial I would highly recommend to follow up.

udemy.com/course/nodejs-…
Step 21: Build Yourself API's using Node Js

You can follow up tutorials and make yourself go with Node js, Databases, and Servers
Step 22: Integrate your Server with your Website.

Use Node JS and React to build some of the awesome stuff.

Like Medium Clone, Ecommerce or etc.
Step 23: Host your Full Stack Site.

You can host your site to Google Cloud, Linode, Digitial Ocen, or AWS in free tier to learn to deploy and add SSL to your server and make it work in HTTPS
Step 25: Learn Docker

Containing your application in a Container to test and the host is a really popular way of building sites.

Learn docker
Step 26: Apply for Full Stack Jobs/ Role

I highly recommend you not to fall into the pit of tutorials and face teamwork by applying for jobs and get paid.
Good Luck with the Journey.

I really wish you make it till the end and call yourself a "Full Stack Developer"

----

Thank you Reading❤️
If you want to grow your audience, we personally followed and recommend :

"The Art Of Twitter" by Life Math Money.

He himself hai 200K+ followers on Twitter

*Most importantly your purchase is risk free i.e. 6 months money back guarantee* 

gumroad.com/a/332403827/XF…

• • •

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

Keep Current with Jessica Carter

Jessica Carter 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 @JesssCarter

9 Apr
Productive Tools🚀 For Web Development

A Thread 🧵
Color 🌈

1. Colordot (color.hailpixel.com/#3CB46E)
2. uiGradients (uigradients.com/#Wiretap)
3. Stylify Me (stylifyme.com)
4. Colors and Fonts(colorsandfonts.com)
Fonts 📣

FontSpark | Discover Better Fonts
(fontspark.app)
Read 14 tweets
7 Apr
Do you know today is a Gumroad Sale day?

Huge sale is going on, on various products. If you are interested, here's the list of all such products 👇🏽

#GumroadDay
Live Intentionally: Discipline, Mindset, Direction - A 90 Day Self-Improvement Program (19$ only)

gumroad.com/a/332403827/vr…
The Art of Twitter: A Guide To Building Your Twitter Account (39$ Only)

gumroad.com/a/332403827/XF…
Read 5 tweets
4 Apr
Best design 🎨 resources websites every Web Developer should bookmark🔖

A Thread 👇🏽
1.Exemplar

Avatar Library comes with 20 Avatars. You can use them for your application by customizing colors and shapes. It is a hand-picked style library of user-profiles.

(themeselection.com/products/exemp…)
2.100 Daily UI Free

100 Daily UI Challenge is a free Figma library of elements and screens. You can customize all of them by changing colors, shapes, or elements. You can create some pretty awesome UI designs and create better products.

(100dailyui.webflow.io)
Read 22 tweets
29 Mar
15 Free Websites For Learning How to Code

A Thread 🧵
1.Devdocs
(devdocs.io)

Here, you can access any information that you are looking for. It is like a documentation page and it provides a quick and short guide for whatever you are looking for.
2.Learn with Jason
(learnwithjason.dev)

Learn with Jason is live, hands-on learning with brilliant teachers from the web community every Tuesday & Thursday. Jason Lengstorf invites other developers and you can join live coding sessions every week.
Read 16 tweets
22 Mar
MySql INTERVIEW QUESTION CHEATSHEET.

MySql is the most popular database and many popular websites use SQL. So, here is a collection of the most asked #MySQL interview questions to help you prepare.

🧵Thread🧵

#100DaysOfCode
1. What is SQL Server?

SQL Server is one of the database management systems (DBMS) and is designed by Microsoft. DBMS are computer software applications with the capability of interacting with users, various other applications, and databases.
2. How and why use SQL Server?

SQL Server is free and anyone can download and use it. The application uses SQL (Structured Query Language), and it is easy to use.
Read 15 tweets
17 Mar
Roadmap for becoming Full Stack Developer in 2021

🧵A Thread🧵
Step 1: Choose the best Operating System.

You can choose Either Linux or Mac which are really awesome for developers.

Or can still go with Windows 10, what you will need to do is enable wsl and that is really helpful, but windows is also highly recommended.
Step 2: Get Yourself the Best Text Editor.

You will find people using Vs code in most of their courses, so I would recommend getting started with Vs code which is obviously free and have the best features and a large community.

code.visualstudio.com
Read 26 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!