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!
My top JavaScript utilities, in just One Line of Code!
See moreโ†’

Cross Browser

Common ways to solve cross-browser compatibility problems
See moreโ†’

CSS Animation

Awesome CSS animations: examples of stunning animations without external libraries
See moreโ†’

CSS Layout

A collection of popular CSS layouts and patterns that you can use right away
See moreโ†’

Front-end Tips

Front-End development mastery: simple tips, tricks, and best practices
See moreโ†’


Mastering DOM manipulation with vanilla JavaScript
See moreโ†’

this vs that

Understanding the difference between หหห and หหห in front-end development
See moreโ†’

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.

Mirror a text area

Enhancing user experience through text area mirroring
See moreโ†’

Grid layout

Discover real-world examples that showcase how to create a stunning grid layout using CSS and JavaScript-based solutions

Master of React ref

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

The power of React context

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

Drag-n-Drop with React

Examples to help you master the art of drag and drop in React without relying on external libraries, ranging from basic to advanced levels

IntersectionObserver with React

Say goodbye to your fear of the IntersectionObserver API! This series will show you how to use it in React with helpful examples.

Questions? ๐Ÿ™‹

Do you have any questions about front-end development that you'd like to learn more about? Shoot me a message on Twitter or send me an email! You'll find my contact info at the bottom of this page.
I've got a long list of upcoming posts, but I want to make sure I'm covering the topics that you're most interested in. Let's learn together! Sharing knowledge is the best way to grow in this field ๐Ÿฅท.

Recent posts โšก

See moreโ†’

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