Thread by @jesss_codes, Roadmap for becoming Full Stack Developer in 2021A Thread Step 1: Choose [...]

Roadmap for becoming Full Stack Developer in 2021

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">A Thread

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: 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. http://code.visualstudio.com"> http://code.visualstudio.com

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux,...

http://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: https://youtu.be/pQN-pnXPaVg ">https://youtu.be/pQN-pnXPa...

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: https://youtu.be/1Rs2ND1ryYc ">https://youtu.be/1Rs2ND1ry...

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 https://youtu.be/dgKSqz3it50 ">https://youtu.be/dgKSqz3it...

Step 6: Learn JavaScript & React

Here is a course that will teach you all you need about Web Development to build scalable, production-ready web applications like a pro.

This is the best project based course to master #JavaScript and #React https://gumroad.com/a/546837619/dvfyN">https://gumroad.com/a/5468376...

HTML To React: The Ultimate Guide

Learn all you need about Web Development to build scalable, production-ready web applications like a pro.1800+ downloads. 150+ five-star ratings. ⭐️⭐️⭐️⭐️⭐️Don't know where to start with Web Develo...

https://gumroad.com/a/546837619/dvfyN

Step 7: Add JavaScript & React 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.

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: https://www.coursera.org/learn/introduction-git-github">https://www.coursera.org/learn/int...

Introduction to Git and GitHub

Offered by Google. In this course, you’ll learn how to ... Enroll for free.

https://www.coursera.org/learn/introduction-git-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& #39;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 here. This book is project oriented and highly practical. This will teach you with examples https://gumroad.com/a/552604787/MsVlG">https://gumroad.com/a/5526047...

The Good Parts of AWS

This is not your typical reference book. It doesn't cover all of AWS or all its quirks. Instead, we want to help you realize which AWS features you’d be foolish not to use. Features for which you a...

https://gumroad.com/a/552604787/MsVlG

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& #39;t go for the tutorial.

Build:
Expense Tracker
E-Commerce
Blog App

Step 14: Build Projects Using your Favorite Library

Here is a tutorial you can follow to build an e-commerce site, using React and Graphql https://www.udemy.com/course/complete-react-developer-zero-to-mastery/">https://www.udemy.com/course/co...

Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL)

Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase

https://www.udemy.com/course/complete-react-developer-zero-to-mastery/

Step 15: Apply for Jobs/ Internships as a Frontend Dev

You don& #39;t need to fit completely into the job profile.
___

You love Freelancing?

I get it. Not everyone loves to work 9-5. Here& #39;s a guide on how you can start freelancing.

My personal favourite

https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇🏼" title="Rückhand Zeigefinger nach unten (mittelheller Hautton)" aria-label="Emoji: Rückhand Zeigefinger nach unten (mittelheller Hautton)"> https://gumroad.com/a/33559667/irsgh">https://gumroad.com/a/3355966...

Zero to Sold: How to Start, Run, and Sell a Bootstrapped Business

Zero to Sold recounts the story of FeedbackPanda, a bootstrapped Software-as-a-Service business that I co-founded and grew from zero to $55,000 Monthly Recurring Revenue in under two years — and th...

https://gumroad.com/a/33559667/irsgh

Step 16: 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 17: 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 18: Learn Node Js following Tutorial.

Here is a Tutorial I would highly recommend to follow up. https://www.udemy.com/course/nodejs-the-complete-guide/">https://www.udemy.com/course/no...

NodeJS - The Complete Guide (MVC, REST APIs, GraphQL, Deno)

Master Node JS & Deno.js, build REST APIs with Node.js, GraphQL APIs, add Authentication, use MongoDB, SQL & much more!

https://www.udemy.com/course/nodejs-the-complete-guide/

Step 19: Build Yourself API& #39;s using Node Js

You can follow up tutorials and make yourself go with Node js, Databases, and Servers

Step 20: 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 21: 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 22: Learn Docker

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

Learn docker

Step 23: 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

https://abs.twimg.com/emoji/v2/... draggable="false" alt="❤️" title="Rotes Herz" aria-label="Emoji: Rotes Herz">

Latest Threads Unrolled: