Hey, I'm Phuoc Nguyen! 👋

I'm a software engineer from Vietnam 🇻🇳.
In my free time, I enjoy playing football ⚽ with my co-workers and Nintendo games 🎮 with my kids.
I also take care of my Border Collie 🐕. Here's a little secret: my zodiac sign is the dog.
Creating products and earning money 💰 from them is my passion. I hope you find useful things in this digital space 🚀.

Favourite quotes 🎩

Here are some quotes that inspire me the most. I strive to follow them both in my learning and in my actions.
You don't have to be great to start, but you have to start to be great
Zig Ziglar
If you cannot do great things, do small things in a great way
Napoleon Hill
Life is like riding a bicycle. To keep your balance, you must keep moving
Albert Einstein
Great things are done by a series of small things brought together
Vincent Van Gogh
Anyone who has never made a mistake has never tried anything new
Albert Einstein
Never give up. Today is hard, tomorrow will be worse, but the day after tomorrow will be sunshine
Jack Ma

Collections 🚀

Check out this list of series that cover various topics in front-end development. They're incredibly useful for both learning and your day-to-day work, just like they are for me.
Best of all, they're all free and open to contributions. If you find them helpful, please consider giving them a GitHub star 😍. Your support is greatly appreciated!

1 LOC

6732
My top JavaScript utilities, in just One Line of Code!

CSS animation

88
Awesome CSS animations: examples of stunning animations without external libraries

CSS layout

7988
A collection of popular CSS layouts and patterns that you can use right away

Cross browser

28
Common ways to solve cross-browser compatibility problems

Front-end tips

606
Front-End development mastery: simple tips, tricks, and best practices

HTML DOM

6416
Mastering DOM manipulation with vanilla JavaScript

this vs that

1450
Understanding the difference between ˍˍˍ and ˍˍˍ in front-end development

In-depth series

Are you a front-end engineer looking to take your skills to the next level? Then you're in luck! I'm excited to present to you our in-depth series covering advanced techniques and patterns in front-end development.
Our series is designed to provide you with real-life examples that you can use for your applications. We understand that learning can be a daunting task, which is why we've curated our content to be both engaging and informative. You won't find any boring material here!
In this series, we'll cover a range of topics, including advanced CSS, JavaScript, as well as popular front-end libraries. Our goal is to help you become a more well-rounded and skilled front-end developer.
It's important to follow the posts in the correct order, starting from the first one and working your way to the last. There are some important techniques introduced in between that you won't want to miss.

CSS grid

Discover how to use CSS grid layout with real-life examples

Drag and drop in React

41
Master the art of drag and drop in React

Interact with the clipboard

How to read and write data to the clipboard

IntersectionObserver with React

Practical examples of using IntersectionObserver with React

JavaScript Proxy

Practical examples of using JavaScript Proxy

Master of React ref

22
Your complete guide to mastering the use of "ref" in React

Mirror a text area

41
Enhancing user experience through text area mirroring

The power of React context

Get ready to create code that's more efficient, scalable, and maintainable for real-life situations using React context
soon

Questions? 🙋

Do you have any questions about front-end development? If so, feel free to create a new issue on GitHub using the button below. I'm happy to help with any topic you'd like to learn more about, even beyond what's covered on this website.
Although I have a long list of upcoming topics, I always prioritize your questions and ideas for future content. Together, we can learn and grow! Sharing knowledge is the best way to elevate ourselves 🥷.
Ask me questions

Recent posts ⚡

Newsletter 🔔

If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.
Phước Nguyễn