DEV Community

Cover image for Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide
Abishek Haththakage
Abishek Haththakage

Posted on • Updated on

Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide

Frontend development is an exciting and growing field that involves creating user interfaces for websites and applications. With the demand for frontend developers on the rise, many people are interested in learning this skillset. While becoming a frontend developer may seem daunting, it is possible to achieve in 100 days with the right mindset, resources, and dedication. In this article, we will explore the steps you can take to become a frontend developer in 100 days.

Define your goal and make a plan :-
The first step to becoming a frontend developer is to define your goal and make a plan. Determine what you want to achieve in 100 days, and break down the necessary steps to reach your goal. For example, you may decide to start by learning HTML and CSS, followed by JavaScript and a frontend framework such as React or Angular.
Developer Roadmaps

Choose your learning resources :-
There are many resources available online that can help you learn frontend development. You can start with free resources such as Codecademy, W3Schools, and MDN Web Docs. You may also want to invest in paid courses from websites such as Udemy, Coursera, or LinkedIn Learning. Additionally, joining online communities such as Stack Overflow or Reddit can help you connect with other developers and find answers to your questions.

Valuable resources-
Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
React Course - Beginner's Tutorial for React JavaScript Library
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
Meta Front-End Developer Professional Certificate
Google UX Design Professional Certificate

Practice regularly :-
Learning frontend development is not just about reading and watching tutorials. To become a proficient frontend developer, you need to practice regularly. Set aside time each day to work on coding challenges, build projects, and experiment with different technologies. You can find coding challenges on websites such as HackerRank or Codewars, or you can create your own challenges to solve.

Build projects :-
One of the most effective ways to learn frontend development is by building projects. Start with simple projects such as a personal website or a landing page, and gradually move on to more complex projects. Building projects will help you put your skills into practice and give you a sense of accomplishment.
The 100 days plan that I follow
16 front-end projects

Seek feedback :-
Getting feedback on your projects is crucial to improving your skills as a frontend developer. Share your projects with others, such as friends, family, or online communities, and ask for feedback. You can also seek feedback from other developers by attending local meetups or participating in online forums.

Network with other developers :-
Networking with other frontend developers can help you stay motivated and learn from others' experiences. Attend local meetups or conferences to meet other developers in your area. You can also join online communities such as Slack or Discord channels to connect with other developers worldwide.

Stay up to date with the latest technologies :-
Frontend development is a constantly evolving field, and it's important to stay up to date with the latest technologies and trends. Follow blogs, podcasts, and social media accounts of industry leaders and influencers to stay informed about the latest developments in the field.

Be patient and persistent :-
Learning frontend development is not easy, and it takes time and effort to become proficient. Be patient with yourself and don't give up if you encounter challenges or setbacks. Remember that progress takes time and that the learning journey is a marathon, not a sprint.

“Keep trying; failures increase the probability of success.” ― Ken Poirot

becoming a frontend developer in 100 days is achievable with the right mindset, resources, and dedication. Define your goal, make a plan, choose your learning resources, practice regularly, build projects, seek feedback, network with other developers, stay up to date with the latest technologies, and be patient and persistent. By following these steps, you can start your journey to becoming a frontend developer and open up new career opportunities. You can take these steps daily and get a basic idea in 100 days. If you want to enter the industry, you must work on projects. Good luck to all developers.

Image description

Okay, that’s it for this article.
Also, if you have any questions about this or anything else, please feel free to let me know in a comment below or on Instagram , Facebook or Twitter.

Thank you for reading this article, and see you soon in the next one! ❤️

Top comments (24)

Collapse
 
simplemind profile image
Karolis

100 days is quite optimistic. The process is more or less correct.
It takes time to grasp CSS responsive layouts and animations, also JavaScript DOM manipulation and React. I would even say building projects is the only method useful to becoming a developer. Use tutorials only to learn new technologies and then build build build. Otherwise there is a danger of ending up in tutorial purgatory - a situation where you feel confident from building projects with a help of a tutorial but retaining no knowledge.
I would say those who want to become frontend developers expect to constantly learn a get better. Start from simple projects and gradually work towards slightly more complex. Build a project using a technology learnt to grasp knowledge. Once your projects look and work like developer projects then you are a developer.

Collapse
 
abhixsh profile image
Abishek Haththakage

Yes, you are right. first, we want to learn theory. after that, if we want to become a developer, we should always do projects. It not only helps us to study but also to find a job.

Collapse
 
bitbreakr profile image
bitbreakr • Edited

Ahahaha, I have seen a video on youtube with similar optimistic title. I have written a comment about how irrealistic as you need to know programming paradigms. OP of the video was not really happy about the comment.

Collapse
 
abhixsh profile image
Abishek Haththakage • Edited

Thanks for your comment. I have only given a basic idea here. I am creating an article about the activities that need to be done. Will post it soon. And those who need more details can get more details through the links given in this article. Thank you !

Collapse
 
mikhasev profile image
Mikhail Mikhasev

For me personally on my frontend journey the best option became Scrimba. Simply grasping concepts by doing things. Constantly. I came from a humanities background. It's easy to read a book and distill it to a few concepts. Here there are too many concepts, too specific, too much information. Interconnected, outdated, updated, oversimplified, over distilled, overcomplicated. My head literally exploded when I started.

Best case scenario would be finding a mentor or a program which introduces you to concepts gradually. You just don't have to be Git-savvy knowing how to do "git rebase" on the second month of your journey. Netlify Drop and GitHub desktop will do it for you. If you know what I mean...
For me, the most important part was to cross the "plateau of despair" when you realize that there is too much to grasp to get overwhelmed easily.

Small bites of success do the job. Especially when you're witch careers and in your mid 30-ies. (Said 38y/o me :D)

Good luck to all the noobs.

Collapse
 
yucongo profile image
yucongo

Thanks for sharing. I would really emphasize that link (The 100 days plan that I follow 16 front-end projects) a bit more. A casual reading of the article might easily miss the link, which could give the impression of clickbait.

Collapse
 
webduvet profile image
webduvet

that's good, I should have followed your guide. 10 years in and still learning to do it.

Collapse
 
abhixsh profile image
Abishek Haththakage

Thanks for your comment. I wish you all the best for your future dev life.

Collapse
 
tolu1123 profile image
tolu1123 • Edited

I am not actually sure of this 100 days learning curve. But yet I am sure it could work for some but maybe not all.
As an unserious person, I started learning HTML and CSS starting in March 1st and now in April 14(that is 45days if I am correct) I am almost done with learning CSS. I have learnt animations and the likes and could be said to have some good grasp on CSS. Though I have not learnt grid, grid templates and SASS.

I know learning React or Angular is out of the 100 days time frame, but could I possibly understand JavaScript in 55 days the same way I understand CSS?

Collapse
 
windyaaa profile image
Windya Madhushani

Great article.

Collapse
 
dfaure57 profile image
Daniel Faure

I guess eternal power supply is also possible.

Collapse
 
adesoji1 profile image
Adesoji1

Wow, in 100 days? Are you a testament of this?

Collapse
 
codeofrelevancy profile image
Code of Relevancy

Great article 🌈

Collapse
 
clericcoder profile image
Abdulsalaam Noibi

Thanks for sharing your idea

Collapse
 
yekyam profile image
Manuel Mateo

Only 100 days? Whenever I see those claims, I always think of this article: norvig.com/21-days.html

Collapse
 
ojara profile image
Ojara

Thanks for this informative article 👍❤️

Collapse
 
abhixsh profile image
Abishek Haththakage

Thank you !!

Collapse
 
prakash_dev profile image
Prakash-DevHustler

Thanks for the article

Some comments have been hidden by the post's author - find out more