Writing
RSS🔥 My experience of using AI Coding Agents
AI Questions What are the real differences between Vibe Coding and Agentic Engineering? This is the part most explainers get wrong. They describe agentic engineering as “using better AI tools” or “mor
🔥 AI Handbook
AI Mindset Tech hiring in the AI era: Why everyone’s at zero How AI amplifies developers instead of replacing them, and why this is the React moment all over again. Headlines scream about tech layoffs
🔥 Senior Front-end Engineer Interview Handbook
List of the Technical Questions Programming Languages (JavaScript/TypeScript) What is a closure in JavaScript, and how does it work? As you know, JavaScript functions can be nested within each other,
All The New Features In Next.js
Next 16 Next.js 16.0.1 is live, and it is not just a point release. It tightens the App Router story, clarifies caching with Cache Components, promotes Turbopack to the default, and ships practical breaking changes that you should address before merg...
Bundlers Handbook
Bundlers What is the JavaScript bundler anyway? A tool that people struggle with for hours just to get a basic web app set up. A thing that you use when you want to bootstrap your React project? Something that your company uses, or that your colleagu...
Git Handbook
When developing software, we find ourselves with the need to manage the changes that are being made in the code, and when working as a team, all team members always have a copy of this code in which they can work and, later, integrate these changes. ...
Authentication and Authorization Handbook
Authentication and Authorization. In the context of access to APIs, authentication is the process of verifying the identity of a user who is making an API request (verifying who the user is), and authorization is the process of determining whether th...
Front-end Security Hanbook
When it comes to security, front-end security is a crucial aspect of web development that is often overshadowed by its back-end counterpart. However, overlooking front-end security can leave your web applications vulnerable to a wide range of threats...
SEO Handbook
SEO (Search Engine Optimization) is essential for your online marketing strategy. It’s the process of optimizing your site and content to help you get as much traffic as you can from search engines. Reaching top positions in the Search Engine Results...
API Integration Patterns
API stands for Application Programming Interface. The “I“ in the API is the key part that explains its purpose. The interface is what the software presents to other humans or programs, allowing them to interact with it. A good analogy for an interfac...
🔥 My Web Styling Handbook
Are you ready to advance your CSS skills? Whether you are a seasoned pro or just starting out, you have all experienced those moments when your style sheets seem to have a mind of their own. This article will introduce you to some advanced CSS concep...
Mastering HTML
HTML is a tool for creating web pages. It offers a wide range of functions and a clear structure. However, many developers have overlooked these features, even though they can greatly enhance web deve
🔥 My NextJS Handbook
Next.js is a React-based framework that allows you to build server-side-rendered applications with ease. With Next.js, you can create dynamic and fast-loading web pages that are optimized for search engines and social media platforms. Some of the key...
All The New Features In React
React’s journey began in 2011 when Facebook engineers created it to manage the increasingly complex interface of their rapidly growing platform. React’s initial focus was on re-rendering only the nece
🔥 JavaScript Handbook
When we take our first steps into the wonderful world of programming, we see for ourselves what it does for millions of people. Thanks to programming, the lives of so many people are made easier just by pressing a few keys on their devices. (This is ...
🔥TypeScript Handbook
TypeScript is a widely used, open-source programming language that is perfect for modern development. With its advanced type system, TypeScript allows developers to write more robust, maintainable, and scalable code. But, to truly harness the power o...
Design Patterns Handbook - Part IV
Let's explore the remaining 5 Behavioral Design Patterns. The Observer Pattern Observer is a behavioral design pattern that lets you define a subscription machanism to notify multiple objects about any events that happen to the object they are obse...
Design Patterns Handbook - Part III
In Part I and Part II, we’ve covered creational and structural design patterns. Today, we'll dive into the final topic in our Design Patterns series: Behavioral Design Patterns. Let’s begin! Behavioral Design Patterns Behavioral Design Patterns are d...
Design Patterns Handbook - Part II
In our previous article, we explored five creational design patterns. Now, we'll delve into seven structural design patterns. Let's get started! Structural Design Patterns Structural Design Patterns, as explained in “Design Patterns: Elements of Reus...
Design Patterns Handbook - Part I
Hi everyone! In this article, I will explain what design patterns are and why they are useful. We will also go through some of the most popular design patterns out there and give examples for each of them. Let's go. What are the Design Patterns? Eac...
Software Engineering Principles Cheatsheet - Part I
Introduction Software design principles are the foundation of software development. As a software engineer, you can find them in your work tools, languages, frameworks, paradigms, and patterns. They are the core pillars of "good" and "readable" code....
🔥 My React Handbook - Part II
React Best Practices From Context Chaos to Clean State: Mastering State Management with Zustand State management in React often starts simple and quickly turns to chaos. What begins as a small use of React.Context to manage theme and user data can ge...
🔥 My React Handbook - Part I
In this comprehensive guide, we delve into the art of writing "clean code" in React.js. Having embarked on my React journey five years ago and continuing to utilize it in my role as a Software Engineer, I've encountered various challenges along the w...
🔥 React & Javascript Optimization Techniques - Part II
In the previous article, we covered five techniques, including debouncing, throttling, memoization, bundle size optimization, and keeping the component state local when necessary. In this article, we'
🔥 React & Javascript Optimization Techniques - Part I
When we start our journey as programmers, our primary concern is often making code run with zero errors. Initially, we may not prioritize code optimization. However, optimizing code is a crucial aspec
Naming Convention for Clean Code
It's been a while since my last article, which was written on May 30, 2021. It seems like I've been a bit lazy, doesn't it? We all know that the IT market is currently facing challenges, but instead of dwelling on the negatives, it's crucial to stay ...
Con đường bước chân vào ngành lập trình
Hi everyone, hôm nay nhân một ngày trời Hà Nội khá dễ chịu (hơn một vài ngày trước 😁 ) thì mình cũng muốn có một bài viết chia sẻ về con đường đến với ngành lập trình của mình. Thì tất cả những gì mình sắp viết dưới đây chỉ là dưới con mắt nhìn của ...
The React Cheatsheet for 2021(+ Real-World Examples) - Part I
Visual Cheatsheet sẽ giúp bạn master tất cả các khái niệm và tính năng chính của thư viện React trong 2021, nó cũng sẽ giúp bạn tối ưu hoá việc học React trong một khoảng thời gian ngắn nhất . Nó bao gồm rất nhiều ví dụ thực tế để minh hoạ mọi tính n...
Những thứ hay ho mà bạn không thể ngờ ở Github Student Developer Pack
Nếu bạn là một developer, chắc hẳn bạn đã nghe về Github . Cũng như nếu bạn là một nhà phát triển đang học trong các học viện hoặc các trường học thì có thể các bạn cũng đã về Github Student Pack . GitHub Education helps students, teachers, and scho...
Lộ trình học để trở thành FullStack Web Developer NodeJS
Trước tiên chúng ta cùng tìm hiểu qua khái niệm về FullStack Web Developer. Full Stack Developer là sự tổng hợp từ kiến thức, sự hiểu biết trực quan và sâu sắc về cả front-end và back-end, cũng như nắm vững các best practices và khái niệm. Đương nhi...