My collection of resources for front-end development 🎉

In this post, I would like to share my curative resources for mastering front-end skills. This has worked extremely well for me over years. Hopefully it will do for others. Stay tuned and read on guys 😎

First and foremost, I am a strong believer who has 100% trust in learning by doing. Most of the resources out there will only show you tiny examples of how their technology works in standalone mode without showing how they fit into the big picture. Let's say you want to build a personal blog, you mostly need a front-end UI frameworks, CSS styling, static hosting process, etc. We typically need to answer these three questions:

  1. Why do you want to build it, aka what kind of problems your solution is trying to solve?
  2. What do you need to do to make it happen?
  3. How are you about to do it?

I have done several personal projects before actually got into any companies that really require according technologies I used. My very first React application is a milk tea app that lets users search and sort for necessary items before sharing with their friends. I learnt several concepts by making this application such as responsive design, component architecture, CSS layout, deployment hosting, page crawling, server-side node.js, MongoDB, etc. This is where things started to sync into the back of my brain as they came together and fit into one usable application. As it turns out, my way of learning is really slick and backed by science 😎 as I found out about how the human brain works.

Learning Pyramid

Alright, guys, that's pretty much what I have for you as my "best" ways for learning and hopefully, it will work for you. Here are some resources for keeping up with the fast-paced challenging, exciting and beautiful front-end world.




  • Ben Awad - This young and talented guy has taught me a lot about GraphQL by cloning many applications such as Airbnb and Slack
  • Clever Programmer - A group of talented folks have streamed many quality content on how they clone famous applications using Firebase as backend - Netflix, WhatsApp, Telegram, etc
  • Lee Robinson - He is a solution architect at Vercel where they help to bring modern front-end development to another level - fast, reliable and joyful
  • Jason Lengstorf - The guy works at Netlify as a Principal Developer Experience Engineer. He often invites masterminds from the Web community to show how different technologies shine
  • The Net Ninja - The series of tutorials as baby steps to get your feet wet on various sorts of front-end technologies 😎
  • Epic React: All in one premium package to master React skills
  • Front-end masters - This is a premium platform for web developers to learn from the best in the community. This is the only content in my list that actually costs you money. Highly recommend giving it a try if you are rich 🤑
  • Testing JavaScript: I am a strong believer that tests should be written to aim for confidence, not code coverage. This paid course will teach us exactly what we need before shipping code to production
  • Study less study smart


And there we have it, my curated list for front-end development. This list has got me from zero to somewhere I'm proud of. I am no longer so scared of reading open-source projects, learning from them and even contributing some however. Best wishes to all of you who have reached this point. Together we make this world a better place through quality software

❤️ ❤️ ❤️ Be well Be happy ❤️ ❤️ ❤️