Git Product home page Git Product logo

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.

I hope you find useful things in this digital space ๐Ÿš€.

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!

Common ways to solve cross-browser compatibility problems

Awesome CSS animations: examples of stunning animations without external libraries

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

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

Mastering DOM manipulation with vanilla JavaScript

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.

Enhancing user experience through text area mirroring

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

Master the art of drag and drop in React

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 assign me a new issue.

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 ๐Ÿฅท.

Contact

phuocng's Projects

1loc icon 1loc

What's your favorite JavaScript single LOC (line of code)?

cross-browser icon cross-browser

Techinques to deal with cross browser issues on the front-end side

css-animation icon css-animation

Popular CSS animation showcases. You don't need a CSS animation library for them.

css-grid icon css-grid

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

csslayout icon csslayout

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

fake-numbers icon fake-numbers

Generate fake, valid numbers. Check if a number is valid. Support a lot of different numbers: Credit card, EAN, ISBN, RTN, VIN, etc.

frame icon frame

An iframe wrapper that resizes based on its content automatically

frontend-tips icon frontend-tips

Super tiny, quick tips, tricks and best practices of front-end development

get-svg icon get-svg

A Chrome extension to download SVG from a webpage

html-dom icon html-dom

Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 โญif itโ€™s useful.

this-vs-that icon this-vs-that

Understanding the difference between หหห and หหห in front-end development

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.