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 on learning by doing. Most of resources out there will only show you tiny example 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:
- Why do you want to build it, aka what kind of problems your solution is trying to solve?
- What do you need to do to make it happens?
- How do 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 let users search and sort for necessary items before sharing to 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 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 human brain works.
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 is comes resources for keeping up with fast-pace challenging, exciting and beautiful front-end world.
Post
- Dan Abramov blog - He works at Facebook as core React developer
- Kent C. Dodds blog - He is great, and his about page should speak for himself
- Valery Karpov blog - He is a core maintainers of popular mongoose project. He has written many great sources of learning on Node.js and Vue
- Wolk Software Ltd blog - A group of young and talented people devoted themselves to cutting edge technology. I would never understand how Angular implement their magic with decorator under the hood without this post
- Robin Wieruch blog - He is JavaScript guru that has written many intensive posts on JavaScript stuff such as Node, React, Webpack, GraphQL, et cetera
- Evan You - He is the creator of Vue and awesome tool in modern front-end tech such as Vite. I recommend follow his thoughts on Twitter
- Dr. Axel Rauschmayer blog - He is the author of many great JavaScript books. His content will guide you through many essential JavaScript concepts with depth
- Nicolás Bevacqua blog - He has written valuable books and shared many great article on front-end development
- Adam Wathan blog - He gave birth to TailwindCss which is a rising start CSS toolkit in modern front-end world.
- Rachel Andrew blog - Everything you need about modern CSS is located here
- Web Dev - Let's build the future of the web
- Web Developer Roadmap - Nice to read to have an overview of a big picture on different specializations
- Web Fundamental - Google's opinionated reference for building amazing web experiences
News
Video
- Ben Awad - This young and talented guy have 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 application using Firebase as backend - Netflix, WhatsApp, TeleGram, etc
- Lee Robinson - He is a solution architect at Vercel where they helps to bring modern front-end development into another level - fast, reliable and joyful
- Jason Lengstorf - The guy works at Netlify as Principal Developer Experience Engineer. He often invites master minds from Web community to show up how different technology shine
- The Net Ninja - The series of tutorial as baby steps to get your feet wet on various sort 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 community. This is the only content in my list that actually costs you money. Highly recommend to give 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
JavaScript
- Mozilla Developers Network - The super great reference for any JavaScript developers to master the language
- JavaScript Algorithm - This site has a lot of great content for solving different kind of solution and great for teaching purposes as well
- Design Pattern - I have learn design pattern from this site along with the popular one from the gang of four
- Clean Code JavaScript - 🛁 Clean Code concepts adapted for JavaScript
- Functional Light JavaScript - JavaScript is not a purely functional language but does support some necessary features. This book is a great introduction into functional land
- You don't know JS - Reading this book carefully will make you a JavaScript ninja
- Composable Software by Eric Elliott - The excellent post series from medium posts about how to make software composable for maintainability at scale
And there we have the it, my curated list for front-end development. This list have got me from zero to somewhere I'm proud of. I am no longer so scared of reading open source project, learn from it and even contribute some however. Best wishes to all of you who have reached into this point. Together we make this world a better place through quality software 😊
❤️ ❤️ ❤️ Be well Be happy ❤️ ❤️ ❤️