Just Code 2020 - front-end web developer roadmap - Announcement
Tags: beginners, webdev, react, javascript
Published: 2020-04-23 05:19:49

<p align="center">
  <a href="" rel="noopener">
 <img src="https://justcode.netlify.app/logo.png" alt="Just Code 2020"></a>
</p>

---

<p align="center"> Front End Web Developer, Roadmap for people who want to learn the most useful and good parts of front-end web development in an organized way. Series of Live-streams and code-camp(inc.)
    <br>
</p>

## 📝 Table of Contents
- [Problem Statement](#problem_statement)
- [Idea / Solution](#idea)
- [Roadmap](#limitations)
- [Future Scope](#future_scope)
- [Getting Started](#getting_started)
- [Resources](#resources)

## 🧐 Problem Statement <a name = "problem_statement"></a>
Beginners usually start by learning HTML, then CSS, then JS and then NPM, GIT  and then other things.... their motivation starts to end as they proceed because there are no milestones other than getting a job after being a web developer..

 They just want to complete the development journey as fast as possible and get the job, but they do get into the tutorial rut + things like imposter syndrome. No guidance leads to it.
So What should we do?

## 💡 Idea / Solution <a name = "idea"></a>
The idea is to divide the learning process into so many milestones, that person will achieve and enjoy, and get updates. For example, he learns HTML, and directly upload the plain HTML website to Netlify. It's a motivation that you've made your first webpage, now you just have to style it, after styling and learning CSS and Flexbox/Grid and making some designs. You're now a "Web Designer". Now let's have a look at the next approach "Web Development". In this way a person will get motivated at every step, I'll also help them to end up with a freelance-ready portfolio and I'll also review their portfolio myself

## ⛓️ Roadmap <a name = "roadmap"></a>
![](https://justcode.netlify.app/Roadmap-min.png)

- This is a rough roadmap, but in my case, that's what I do all the time. I learned lots of things, but I use these listed things usually.
- Skip most of the part, learn different hacks, learn modern things, and done...
- Learn how to debug, Learn how to Figma, Learn how to Animate
- APIs are great...
- Your development environment should be productive

## 🚀 Future Scope <a name = "future_scope"></a>
So, I will add lots of resources in the future, you're completely open to help me in it.

- Going to write small guides, and create more roadmaps like this
- Create Youtube Live-streams
- Convert it into Urdu/Hindi
- Resources Lists

## 🏁 Getting Started <a name = "getting_started"></a>
So, I'm going to follow this roadmap and teach all of the things to you on my Youtube Channel through Live-streams, later we'll edit it and convert into the more high-production quality and short video
Join me on [Youtube](https://cutt.ly/justaashir)
### Prerequisites
- Good Internet Connection
- Laptop
- Motivation

### Who Am I?
I'm a front-end web developer and a technical writer. I love helping developers to get out of the tutorial ruts, and imposter syndromes + I love to teach them how to do things the right way.
[Follow me on twitter](https://twitter.com/justaashir)


## 🎂🍰🍥 Resources<a name = "resources"></a>
Coming Soon, I'll add them to repo + here



### Quick Links
 - It's open for contributions: [Github Repo](https://github.com/justaashir/justcode)
 - [Official Youtube Channel, Where I'll be making live-streams from 24 APR on it](https://cutt.ly/justaashir)