Frontend Developer Roadmap
You want to start learning frontend development but you don’t know where to begin? You have come to the right place in this article I will guide you on which technologies to learn along with the best resources I used to learn and become a Frontend Developer and UI/UX Designer.
The first thing that you have to be familiar with is how does the internet work: the Internet is a collection of computers moving bits to each other over wires, cables, and radio signals. Like many complex engineering projects, the Internet is broken up into various layers, each concerned with solving only a smaller problem. To learn more about it watch this YouTube video
How the web works: https://www.youtube.com/watch?v=hJHvdBlSxug
After learning how the web works you can now proceed to learning the fundamental technologies used in building websites like HTML and CSS. Below are my favorite courses to learn this two
Course 1: Modern HTML & CSS From The Beginning (Including Sass)
This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course includes hours of both learning & studying sections along with real life projects.
Link: https://www.udemy.com/course/modern-html-css-from-the-beginning/
Course 2 Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Now after taking this course you have two options if you enjoyed building websites using HTML and CSS and want to learn more advanced CSS and make your sites look beautiful and modern take this advanced CSS and Sass course by one of my favourite instructor Jonas schmedtmann
Link: https://www.udemy.com/course/advanced-css-and-sass/
Course 3 Modern JavaScript From The Beginning
The second option you have is to take a JavaScript course, but I advice you to take the advanced CSS and Sass course because it will teach you how to create almost any design to a responsive website. Below is a link to my favorite JavaScript course by Brad Traversy
Link: https://www.udemy.com/course/modern-javascript-from-the-beginning/
Course 4 50 Projects In 50 Days — HTML, CSS & JavaScript
JavaScript is a tricky language to learn and to solidify what you learnt on this course take this project based course where you build quick projects that will be over in 20–30 min. This course is created again by the man himself Brad Traversy.
Link: https://www.udemy.com/course/50-projects-50-days/
Now that you have understanding of the basic technologies used in web development you can start building simple landing pages, apps like a todo list, budget calculator simple things like this.
After building projects on your own using HTML, CSS/Sass and JavaScript now is the time to learn a frontend framework like React/Vue/Angular. This are the most popular frontend frameworks used and learning one of this will put you in a good position to land your first internship or job. I personally suggest you to learn React since it is the most popular framework and have the most demand when it comes to the job market.
Course 5 React — The Complete Guide (incl Hooks, React Router, Redux)
When it comes to learning react or any frontend framework there are many instructors you can go for but there is one instructor who is dominating this area and he is a really good instructor who teaches this topics very deeply and you will feel very confident after taking his courses.
Link: https://www.udemy.com/course/react-the-complete-guide-incl-redux/
To get this courses Join my Telegram Channel: https://t.me/futurethiopia
I hope this was helpful. Follow me to get more guides like this and become a web developer with hireable skills.
Linkedin: https://www.linkedin.com/in/eyobel-kirub-3bb011192/