Scribd
Upload
54 views8 pages

Roadmap Developer Front-End

This document provides a 6-step roadmap for becoming a front-end developer in 2023. It outlines prerequisites like having a computer and software, learning HTML, CSS, and JavaScript, as well as a framework like Vue.js. It recommends storing projects on GitHub, collaborating open-source, and standing out with skills like a new framework or becoming full-stack. The final step encourages joining a developer community for support and faster results.

Uploaded by

Barış Can Ünsal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
54 views8 pages

Roadmap Developer Front-End

This document provides a 6-step roadmap for becoming a front-end developer in 2023. It outlines prerequisites like having a computer and software, learning HTML, CSS, and JavaScript, as well as a framework like Vue.js. It recommends storing projects on GitHub, collaborating open-source, and standing out with skills like a new framework or becoming full-stack. The final step encourages joining a developer community for support and faster results.

Uploaded by

Barış Can Ünsal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Roadmap

Front-End Developer
2023

RÉMI TEULADE / CO-FOUNDER


@EXOGN
Do you want to become a front-end developer in 2023?
Do you want to become a front-end developer in 2023?
Good news, it's possible!

In this document, we will see together how to achieve this step by step

Index

1 Prerequisites
2 Learn three programming languages
3 Learn at least one framework
4 Store your creations on GitHub
5 Learn to collaborate in open-source
6 Stand out

EXOGN | COMMUNITY | TWITTER 2


Step 1: Prerequisites
To start learning web development, there are no prerequisites in
programming or math, you need :

1.1. Human requirements :

Rigor
Patience
Willpower
A lot of practice after learning
Be responsive to demand
Know how to collaborate

1.2. Material requirements :

Computer
Windows 10 / 11 or Mac OS

1.3. Software requirements :

Visual Studio Code


Git
Filezilla
Firefox Development or Google Chrome
Github account

EXOGN | COMMUNITY | TWITTER 3


Step 2: Learn three
programming languages

2.1. Documentation:

The programming languages are specific to the branch followed:


back-end, front-end, fullstack, etc. For front-end web
development, you must learn these three languages according to
the following documentation:

HTML
CSS
JavaScript

2.2. Practice:

Once you have learned the languages, I advise you to do the


following projects:

a static website in HTML only


a structured and responsive website in HTML and CSS
a structured, responsive website with a "hamburger" menu in
HTML, CSS, and JavaScript.

EXOGN | COMMUNITY | TWITTER 4


Step 3: Learn at least one framework

3.1. Documentation:

The frameworks allow you to specialize and increase your skills in


order to realize more complex projects.

There are 3 frameworks in the front-end. The easiest to learn, and


the most popular, is Vue.js. You have to learn at least one of the
three frameworks with the following documentation:

Vue.Js
React
Angular

3.2. Practice:

Once you have learned one of the three frameworks, I advise you to
realize:

a dashboard in HTML, CSS, JS, and VUE


your own portfolio to show your achievements and present
yourself.

EXOGN | COMMUNITY | TWITTER 5


Step 4: Store your creations on GitHub
Once your projects are successful, I invite you to store them in
GitHub with the following documentation:

Github
Git

Step 5: Learn to collaborate in


open-source
Once you have your projects stored, learn to collaborate as this is a
priority in web development. One of the most effective practices to
improve quickly and learn to collaborate is the open-source
project.

Thanks to GitHub, developers share their creations and can share


the projects of other developers to improve the sites or
applications being created.

I invite you to find in GitHub developers creating open-source


projects and to contribute to them.

EXOGN | COMMUNITY | TWITTER 6


Step 6: Stand out
You are finally ready to work in the world of web development as a
front-end web developer. However, the competition is tough.
That's why I suggest you stand out from the crowd with one of the
following two options:

6.1. Learn a new framework to animate your websites:

Three.js
Framer.io
Tailwind CSS
Bootstrap

6. 2. Develop "back-end skills" to become a full-stack developer.

Congratulations !

You have the skills to be a web developer!

This is an important part of becoming a full stack developer in the


future.

EXOGN | COMMUNITY | TWITTER 7


Getting Results
Community
Getting results alone is almost impossible.
Help yourself by surrounding yourself with other web developers
who will support you and make you reach your goals way faster.

Join a community of effective and cool developers &


entrepreneurs willing to help you:

build in public
get immediate feedback
build your audience faster thanks to engagement capabilities
make friends with pros possessing a complementary skill set
get advice from more experienced developers.
develop your skills in web development, branding, marketing,
market research, sales, tech, etc.
make the tech easy with the help of programmers & engineers
get your early adopters, beta-testers, first subscribers, first
followers, etc.

Join now: https://exogn.gumroad.com/l/community

Thank you for downloading and leveraging this roadmap. I wish


you to become a front-end developer in 2023!

See you in a minute inside Discord!


Rémi Teulade

EXOGN | COMMUNITY | TWITTER 8

You might also like