# Chủ đề Frontend

> Tổng hợp các bài viết chia sẻ kỹ thuật lập trình về Frontend

- [Game System Design GonnaCrash được làm như thế nào](https://200lab.io/blog/game-system-design-gonnacrash-duoc-lam-nhu-the-nao.md): Kéo thả một hệ thống rồi nhìn nó trụ hay sập: cách mình dựng GonnaCrash, từ server làm trọng tài, con bot giải đề đến skin whiteboard. · System Design, Backend, Golang, Frontend · 18 phút đọc
- [Cách để website đạt Agent Ready - Chỉ có llms.txt hay render Markdown là chưa đủ](https://200lab.io/blog/cach-de-website-dat-agent-ready.md): llms.txt và bản Markdown mới là phần dễ thấy. Website Agent Ready còn cần twin đúng quyền, negotiation an toàn, cache không nhầm và UI cho Agent dùng browser. · Agent, AI, Frontend · 18 phút đọc
- [Hành vi giúp Phân biệt các Senior Engineer với những người còn lại](https://200lab.io/blog/hanh-vi-giup-phan-biet-cac-senior-engineer-voi-nhung-nguoi-con-lai.md): Việc trở thành một senior engineer thực sự không chỉ nằm ở chức danh bạn được giao, mà là kết quả của tư duy, cách tiếp cận công việc mà bạn rèn luyện mỗi ngày · Backend, Frontend · 5 phút đọc
- [Shadcn UI vs Component Libraries truyền thống: Lựa chọn nào phù hợp với bạn?](https://200lab.io/blog/shadcn-ui-la-gi.md): Shadcn UI không phải là một thư viện component thông thường, mà là một bộ sưu tập các component React có thể sao chép và tùy chỉnh trực tiếp vào dự án của bạn · Frontend · 9 phút đọc
- [Hướng dẫn Prompt Engineering dành cho Developer](https://200lab.io/blog/huong-dan-prompt-engineering-danh-cho-developer.md): Bài viết liệt kê các kỹ thuật quan trọng giúp anh em developer khai thác tối đa sức mạnh của AI kèm theo ví dụ cụ thể · AI, Backend, Frontend, DevOps · 5 phút đọc
- [So sánh CSR (Client-Side Rendering) và SSR (Server-Side Rendering)](https://200lab.io/blog/so-sanh-csr-va-ssr.md): Mình muốn chi sẻ về sự khác nhau giữa CSR và SSR, đồng thời chia sẻ một số kinh nghiệm của cá nhân mình khi tiếp xúc với hai cách tiếp cận này · Frontend · 14 phút đọc
- [JPEG, PNG, WebP, AVIF - Nên Sử Dụng Định Dạng Nào Cho Website](https://200lab.io/blog/jpeg-png-webp-avif-nen-su-dung-dinh-dang-nao-cho-website.md): Tìm hiểu về sự khác biệt giữa JPEG, PNG, WebP, AVIF về khả năng nén hình ảnh, độ phân giải, mật độ điểm ảnh, khi nào nên sử dụng định dạng nào · Frontend · 11 phút đọc
- [Webpack vs Vite: Đâu là lựa chọn tốt dành cho dự án của bạn?](https://200lab.io/blog/webpack-vs-vite.md): Webpack và Vite khác nhau như thế nào? Làm thế nào để chọn công cụ bundler phù hợp với một dự án · Frontend · 14 phút đọc
- [Clerk là gì? Hướng dẫn tích hợp Clerk vào dự án NextJS](https://200lab.io/blog/clerk-la-gi.md): Clerk là dịch vụ chuyên cung cấp giải pháp xác thực và quản lý người dùng được xây dựng dành riêng cho các ứng dụng React và Next.js. · Frontend · 10 phút đọc
- [GSAP là gì? Hướng dẫn sử dụng GSAP trong dự án React](https://200lab.io/blog/gsap-la-gi.md): GSAP (GreenSock Animation Platform) là một thư viện JavaScript chuyên dùng để tạo các animations cho website được phát triển bởi nhóm GreenSock · Frontend · 9 phút đọc
- [Zod là gì? Hướng dẫn Validation với Zod](https://200lab.io/blog/zod-la-gi.md): Zod là một thư viện JavaScript/TypeScript kiểm tra kiểu dữ liệu, giúp bạn xây dựng các schema mô tả format dữ liệu theo định dạng bạn mong muốn · Frontend, Backend · 11 phút đọc
- [Tìm hiểu Microfrontend: Hướng dẫn triển khai Microfrontend trong Next.js](https://200lab.io/blog/microfrontend-la-gi.md): Microfrontend là mô hình thiết kế chia ứng dụng web lớn thành nhiều ứng dụng nhỏ, độc lập với nhau đảm nhận một tính năng hoặc chức năng cụ thể · Frontend · 7 phút đọc
- [Yup là gì? Hướng dẫn Validation với Yup trong dự án React](https://200lab.io/blog/yup-la-gi.md): Yup là một Javascript object schema validator cho phép bạn xây dựng schema validation · Frontend, Backend · 14 phút đọc
- [Giới thiệu Ant Design: Hệ thống thiết kế UI dành cho Website](https://200lab.io/blog/ant-design-la-gi.md): Ant Design (AntD) là một hệ thống thiết kế UI dành cho web, đặc biệt mạnh mẽ trong hệ sinh thái React được phát triển bởi Ant Financial · Frontend · 10 phút đọc
- [Hướng dẫn tích hợp Sentry vào ứng dụng React](https://200lab.io/blog/huong-dan-tich-hop-sentry-vao-ung-dung-react.md): Hướng dẫn chi tiết cách tích hợp Sentry vào một dự án React, từ việc tạo tài khoản, thiết lập project, cấu hình Sentry trong codebase · Frontend · 7 phút đọc
- [MUI (Material UI): Công cụ rút ngắn thời gian xây dựng Giao diện](https://200lab.io/blog/material-ui-la-gi.md): Material UI là một thư viện UI mã nguồn mở bao gồm các React component, được tích hợp thêm cả Google's Material Design · Frontend · 11 phút đọc
- [Tìm hiểu Sentry: Công cụ Theo dõi Lỗi và Hiệu suất tự động](https://200lab.io/blog/tim-hieu-sentry-cong-cu-theo-doi-loi-va-hieu-suat-tu-dong.md): Sentry là một nền tảng mã nguồn mở hỗ trợ giám sát và theo dõi ứng dụng, có khả năng ghi nhận lỗi và phân tích hiệu suất · Backend, Frontend · 8 phút đọc
- [Server-Side Rendering: Giải thích cơ chế hoạt động của SSR](https://200lab.io/blog/ssr-la-gi.md): SSR (Server-Side Rendering) là quá trình tạo ra HTML của website trên máy chủ (server) thay vì để trình duyệt (client) làm việc ấy · Frontend · 16 phút đọc
- [Client-Side Rendering: Giải thích cơ chế hoạt động của CSR](https://200lab.io/blog/csr-la-gi.md): Client-Side Rendering là kỹ thuật tạo ra các website động bằng cách render các nội dung của trang trực tiếp phía client thay vì trên phía server · Frontend · 9 phút đọc
- [Vercel là gì? Hướng dẫn deploy dự án Next.js bằng Vercel](https://200lab.io/blog/vercel-la-gi.md): Vercel là một nền tảng đám mây cho phép các developer deploy các ứng dụng tĩnh và serverless nhanh chóng, an toàn và hiệu quả · Frontend, DevOps · 14 phút đọc
- [So sánh giữa HOCs, Render Props và Hooks.](https://200lab.io/blog/so-sanh-hocs-vs-render-props-vs-hooks.md): So sánh ba phương pháp tái sử dụng logic giữa các component: Higher-Order Components (HOCs), Render Props, và Hooks · Frontend · 8 phút đọc
- [Render Props pattern là gì? Hướng dẫn sử dụng Render Props](https://200lab.io/blog/render-props-pattern-la-gi.md): Render Props là một kỹ thuật trong React để share code giữa các component bằng cách sử dụng một prop có giá trị là một hàm · Frontend · 8 phút đọc
- [HOCs Pattern là gì? Hướng dẫn triển khai Hocs Pattern trong dự án React](https://200lab.io/blog/hoc-pattern-la-gi.md): HOCs (Higher-Order Component) là hàm nhận vào component và trả về component mới với các tính năng hoặc logic bổ sung · Frontend · 7 phút đọc
- [Hooks Pattern là gì? Hướng dẫn áp dụng Hooks Pattern trong dự án React](https://200lab.io/blog/hooks-pattern-la-gi-huong-dan-ap-dung-hooks-pattern-trong-du-an-react-2.md): Hooks Pattern là một mô hình thiết kế trong React nhằm tách rời và tái sử dụng logic của các components thông qua các React Hooks · Frontend · 11 phút đọc
- [Promise là gì? Hướng dẫn sử dụng Promise trong dự án React](https://200lab.io/blog/promise-la-gi.md): Promise là một đối tượng trong JavaScript đại diện cho một tác vụ bất đồng bộ có thể hoàn thành trong tương lai · Frontend · 7 phút đọc
- [Async/await là gì? Hướng dẫn sử dụng Async/await trong dự án React](https://200lab.io/blog/async-await-la-gi.md): Async/await là một cú pháp của JavaScript để xử lý các tác vụ bất đồng bộ, hoạt động dựa trên Promise. · Frontend · 8 phút đọc
- [Một số Phương pháp cải thiện Performance trong dự án React](https://200lab.io/blog/mot-so-phuong-phap-cai-thien-performance-trong-du-an-react.md): Chia sẻ một số phương pháp cải thiện performance trong dự án React, tập trung vào các tính năng như Concurrent Rendering, Transitions, Suspense · Frontend · 16 phút đọc
- [Hướng dẫn tích hợp Redux và React Query trong dự án React Vite](https://200lab.io/blog/huong-dan-tich-hop-redux-va-react-query.md): Hướng dẫn bạn cách kết hợp Redux và React Query trong một ứng dụng React sử dụng TypeScript và Vite, thông qua việc xây dựng một ứng dụng CRUD · Frontend, Backend · 9 phút đọc
- [React Toastify là gì? Hướng dẫn sử dụng Toast Notification với React Toastify](https://200lab.io/blog/react-toastify-la-gi.md): React Toastify là thư viện dành cho React giúp bạn tạo ra các thông báo dạng toast một cách nhanh chóng và dễ dàng · Frontend · 8 phút đọc
- [Full bộ Source code Microservices NESTJS - Simple Bento Social Network.](https://200lab.io/blog/full-bo-source-code-microservices-nestjs-simple-bento-social-network.md): Backend, Frontend, Showcase · 1 phút đọc
- [Hướng dẫn sử dụng Zustand trong NextJS](https://200lab.io/blog/huong-dan-su-dung-zustand-trong-nextjs.md): Zustand là một thư viện quản lý trạng thái nhẹ cho React, giúp bạn quản lý trạng thái dễ dàng mà không cần phải viết nhiều code phức tạp · Frontend · 9 phút đọc
- [Lazy Loading: Kỹ thuật Tối ưu Hiệu suất Website](https://200lab.io/blog/lazy-loading-la-gi.md): Trong phát triển Web, Lazy loading là một kỹ thuật nhằm trì hoãn việc tải các tài nguyên cho đến khi người dùng cuộn trang đến vị trí chứa chúng · Frontend · 15 phút đọc
- [Hướng dẫn sử dụng Redux Toolkit và Redux Saga trong dự án React](https://200lab.io/blog/huong-dan-su-dung-redux-trong-du-an-react.md): Redux Toolkit (RTK) là bộ công cụ chính thức của Redux, nhằm đơn giản hóa và tối ưu hóa quy trình phát triển ứng dụng với Redux · Frontend · 11 phút đọc
- [WebGL là gì? Hướng dẫn tạo đồ họa đơn giản với WebGL](https://200lab.io/blog/webgl-la-gi.md): WebGL là API đồ họa dựa trên JavaScript, cho phép hiển thị đồ họa 2D và 3D trong trình duyệt web mà không cần cài đặt thêm bất kỳ plugin nào · Frontend · 8 phút đọc
- [Test-Driven Development (TDD) là gì? Hướng dẫn thực hành TDD](https://200lab.io/blog/test-driven-development-la-gi.md): Test-Driven Development (TDD) là phương pháp phát triển phần mềm yêu cầu các lập trình viên phải viết các bài test trước khi thực hiện viết code · Backend, Frontend · 6 phút đọc
- [Quản lý và Tối ưu hóa Memory trong JavaScript](https://200lab.io/blog/toi-uu-memory-trong-javascript.md): Tìm hiểu cách JavaScript quản lý memory, các vấn đề phổ biến và kỹ thuật tối ưu để bạn có thể tạo ra những ứng dụng hiệu quả nhất · Frontend, Backend · 24 phút đọc
- [Full bộ source code Bento Social Network (NEXT & Express)](https://200lab.io/blog/full-bo-source-code-bento-social-network-next-express.md): Frontend, Backend, Showcase · 1 phút đọc
- [Hướng dẫn Cài đặt và Sử dụng Tailwind CSS cơ bản](https://200lab.io/blog/huong-dan-cai-dat-tailwind-css-co-ban.md): TailwindCss là một framework CSS utility-first giúp bạn dựng giao diện người dùng nhanh chóng, hiệu quả cho website. · Frontend · 9 phút đọc
- [React 19 có gì: Tổng quan những Cải tiến và Tính năng mới](https://200lab.io/blog/react-19-co-gi-moi.md): React 19 RC mang đến nhiều tính năng mới và cải tiến đáng chú ý. Từ việc tối ưu hóa các Actions, hỗ trợ tốt hơn cho async scripts và stylesheets, đến cải tiến các hook và Server Components · Frontend, News · 11 phút đọc
- [NextJs 15 có gì mới? So sánh NextJs 14 và NextJs 15](https://200lab.io/blog/so-sanh-nextjs-14-va-nextjs-15.md): Next.js 15 mang đến một loạt các cải tiến, nâng cấp hiệu suất với Turbopack, cập nhật API bất đồng bộ giúp tối ưu hóa dữ liệu và tốc độ phản hồi · Frontend · 9 phút đọc
- [WebAssembly là gì? Khi nào nên sử dụng WebAssembly](https://200lab.io/blog/webassembly-la-gi.md): WebAssembly là một định dạng mã nhị phân, cho phép các ứng dụng viết bằng các ngôn ngữ như C, C++, Rust chạy trên các môi trường web và máy chủ · Backend, Frontend · 8 phút đọc
- [Bun là gì? Lựa chọn Javascript Runtime mới cho các Developer](https://200lab.io/blog/bun-la-gi.md): Bun là JavaScript runtime tương tự như Nodejs hay Deno, Bun sử dụng JavaScriptCore, engine của trình duyệt Safari, thay vì V8 như Node.js · Backend, Frontend · 6 phút đọc
- [Deno là gì? So sánh Deno 2, Bun và Nodejs](https://200lab.io/blog/deno-la-gi.md): Deno là một runtime JavaScript, TypeScript và WebAssembly, nhằm khắc phục những hạn chế trong Nodejs: bảo mật, quản lý gói và tích hợp TypeScrip · Backend, Frontend · 9 phút đọc
- [Storybook là gì? Tìm hiểu công cụ Quản lý UI Component](https://200lab.io/blog/storybook-la-gi.md): Storybook là công cụ mã nguồn mở, hỗ trợ quá trình thiết kế và phát triển các UI Component cho ứng dụng trong một môi trường biệt lập · Frontend · 11 phút đọc
- [DOM là gì? Kiến thức nền tảng cho Web Developer](https://200lab.io/blog/dom-la-gi.md): DOM (Document Object Model) là một cấu trúc dữ liệu hình cây đại diện cho nội dung tài liệu HTML hoặc XML · Frontend · 5 phút đọc
- [State Management trong React: Context API, Redux, Recoil, React Query, Zustand](https://200lab.io/blog/react-state-management.md): Để giải quyết vấn đề Props Drilling trong React, bạn cần các giải pháp quản lý trạng thái toàn cục như: Context API, Redux, Recoil, React Query · Frontend · 15 phút đọc
- [pnpm là gì? So sánh npm, yarn và pnpm](https://200lab.io/blog/pnpm-la-gi.md): pnpm là viết tắt của "Performant npm", là một package manager (quản lý gói) với mục tiêu là cải thiện hiệu suất và tiết kiệm dung lượng ổ đĩa · Backend, Frontend · 7 phút đọc
- [State và Props trong React: Hướng dẫn cơ bản cho người mới](https://200lab.io/blog/state-va-props-trong-react.md): State lưu trữ dữ liệu nội bộ của component, có thể thay đổi theo thời gian, Props là các tham số được truyền từ component cha xuống component con · Frontend · 7 phút đọc
- [React Router Dom là gì? Cách điều hướng trong ứng dụng React](https://200lab.io/blog/react-router-dom-la-gi.md): React Router Dom là một thư viện giúp bạn, định tuyến và điều hướng giữa các trang khác nhau trong ứng dụng React · Frontend · 6 phút đọc
- [Thuật toán Dijkstra: Tìm đường đi ngắn nhất với Typescript](https://200lab.io/blog/thuat-toan-dijkstra-la-gi.md): Thuật toán Dijkstra là một thuật toán dùng để tìm đường đi ngắn nhất từ một điểm xuất phát đến các điểm khác trong đồ thị có trọng số dương · Backend, Frontend · 8 phút đọc
- [Gitignore là gì? Vì sao nên sử dụng .gitignore trong dự án Git?](https://200lab.io/blog/gitignore-la-gi.md): .gitignore là file đơn giản nằm trong thư mục gốc của dự án Git, dùng để chỉ định các file hoặc là folder mà bạn muốn Git không theo dõi · Backend, Frontend · 6 phút đọc
- [CSS Modules là gì? Giải pháp quản lý Styles trong dự án](https://200lab.io/blog/css-modules-la-gi.md): CSS Modules là phương pháp quản lý CSS bằng việc đóng gói các class với tên duy nhất trong phạm vi cục bộ thay vì toàn cục như CSS truyền thống · Frontend · 14 phút đọc
- [Remix là gì? Framework Full-Stack cho Web Developer](https://200lab.io/blog/remix-la-gi.md): Remix (RemixJS) là một framework full-stack được xây dựng dựa trên React Router, giúp phát triển ứng dụng web với cả hai phần frontend và backend · Frontend, Backend · 7 phút đọc
- [Vite là gì? Hướng dẫn Khởi tạo dự án React với Vite](https://200lab.io/blog/vite-la-gi.md): Vite là một công cụ build và phát triển ứng dụng web, ra đời mục đích khắc phục những hạn chế về tốc độ và hiệu suất · Frontend · 8 phút đọc
- [Hướng dẫn Khởi tạo dự án Typescript với VSCode](https://200lab.io/blog/huong-dan-khoi-tao-du-an-typescript-voi-vscode.md): Hướng dẫn chi tiết các bạn cách để khởi tạo một dự án TypeScript từ đầu với Visual Studio Code (VSCode) · Basic, Backend, Frontend · 7 phút đọc
- [Các thuật toán sắp xếp cơ bản: Đâu là sự lựa chọn tốt nhất?](https://200lab.io/blog/thuat-toan-sap-xep-co-ban.md): Hiểu rõ các thuật toán sắp xếp cơ bản là một bước quan trọng khi bắt đầu hành trình trở thành developer, xây dựng nền tảng lập trình vững chắc · Backend, Frontend · 8 phút đọc
- [Typescript là gì? Vì sao TypeScript là lựa chọn hàng đầu cho Dự án lớn](https://200lab.io/blog/typescript-la-gi.md): TypeScript (ts) là một ngôn ngữ lập trình mở rộng từ JavaScript, bổ sung hệ thống kiểu tĩnh và hỗ trợ các tính năng như interfaces và generics · Frontend · 10 phút đọc
- [CSS là gì? Vai trò của CSS trong thiết kế giao diện Web](https://200lab.io/blog/css-la-gi.md): CSS (Cascading Style Sheets) là một ngôn ngữ biểu diễn (style language) giúp định dạng và làm đẹp cho các trang web được viết bằng HTML hoặc XML · Frontend · 7 phút đọc
- [ReactJS là gì? Thư viện Javascript tối ưu cho giao diện Web](https://200lab.io/blog/reactjs-la-gi.md): React (ReactJS) là một thư viện JavaScript mã nguồn mở, được dùng để xây dựng giao diện người dùng (frontend) cho web. · Frontend · 11 phút đọc
- [Prettier là gì? Công cụ Định dạng mã nguồn tự động cho Lập trình viên](https://200lab.io/blog/prettier-la-gi.md): Prettier là một là một thư viện tự động định dạng code mã nguồn mở, giúp tăng tính nhất quán và chất lượng cho mã nguồn của dự án · Backend, Frontend · 6 phút đọc
- [Thư viện Husky là gì? Đảm bảo chất lượng Code với Git Hooks và Husky](https://200lab.io/blog/husky-la-gi.md): Husky là một thư viện JavaScript mã nguồn mở giúp bạn dễ dàng quản lý các Git Hooks, thay vì phải thao tác thủ công trong thư mục .git/hooks · Backend, Frontend · 5 phút đọc
- [Functional Programming là gì? Giải pháp cho Hệ thống đa luồng và Xử lý song song](https://200lab.io/blog/functional-programming-la-gi.md): Functional Programming là một mô hình lập trình sử dụng hàm như nền tảng của chương trình: dữ liệu được xem là bất biến và các hàm phải thuần túy · Backend, Frontend · 7 phút đọc
- [ESLint là gì? Hướng dẫn cấu hình ESLint cho dự án Typescript](https://200lab.io/blog/eslint-la-gi-huong-dan-cau-hinh-eslint-cho-du-an-typescript.md): ESLint là một công cụ phân tích code tĩnh giúp kiểm tra và phát hiện các lỗi trong JavaScript trước khi thực thi · Backend, Frontend · 11 phút đọc
- [Hướng dẫn TypeScript Syntax cơ bản cho người mới - Phần 2](https://200lab.io/blog/typescript-syntax-co-ban-phan-2.md): Đây là phần 2 của series "Hướng dẫn TypeScript Syntax cơ bản cho người mới" · Frontend, Backend · 18 phút đọc
- [Jest là gì? Hướng dẫn cấu hình Jest với Typescript](https://200lab.io/blog/jest-la-gi.md): Jest là một framework kiểm thử JavaScript tạo ra bởi Facebook, được thiết kế để làm cho việc viết kiểm thử trở nên dễ dàng · Backend, Frontend · 9 phút đọc
- [Tổng hợp các phím tắt Developer nên biết trong VSCode](https://200lab.io/blog/phim-tat-trong-vscode.md): Bài viết này mình sẽ đề cập đến những phím tắt developer thường xuyên sử dụng nhất, giúp bạn tiết kiệm thời gian và cải thiện tốc độ code · Backend, Frontend · 6 phút đọc
- [Bảo mật Giao diện Web: Ngăn chặn Tấn công XSS và CSRF](https://200lab.io/blog/giai-phap-bao-mat-giao-dien-web-ngan-chan-tan-cong-xss-va-csrf-hieu-qua.md): Tấn công XSS (Cross-Site Scripting) và CSRF (Cross-Site Request Forgery) là hai trong số những phương pháp tận dụng lỗ hổng bảo mật phổ biến nhất · Frontend · 14 phút đọc
- [Hướng dẫn Typescript Syntax cơ bản cho Người mới - Phần 1](https://200lab.io/blog/typescript-syntax-co-ban-phan-1.md): Một số syntax cơ bản và các kiểu dữ liệu trong TypeScript: Primitive Type, Array, Object, Function, Set · Backend, Frontend · 14 phút đọc
- [Cấu trúc dữ liệu và Giải thuật là gì ? (Data Structures & Algorithms)](https://200lab.io/blog/cau-truc-du-lieu-va-giai-thuat-la-gi.md): Cấu trúc dữ liệu giúp lưu trữ và truy cập dữ liệu hiệu quả. Giải thuật là tập hợp các bước/quy tắc để giải quyết vấn đề hoặc tối ưu hóa dữ liệu · Backend, Frontend · 21 phút đọc
- [HTML là gì? Những đặc điểm nổi bật của HTML5](https://200lab.io/blog/html-la-gi.md): HTML (HyperText Markup Language) là ngôn ngữ đánh dấu (không phải ngôn ngữ lập trình) được sử dụng để tạo cấu trúc và định dạng nội dung trên trang web. · Frontend · 10 phút đọc
- [Javascript là gì? Ngôn ngữ lập trình phổ biến nhất hiện nay](https://200lab.io/blog/javascript-la-gi.md): JavaScript (JS) là một ngôn ngữ lập trình bậc cao, chủ yếu được sử dụng để tăng cường tính tương tác cho các website, đóng vai trò thiết yếu trong việc tạo ra những trải nghiệm hấp dẫn cho người dùng · Backend, Frontend · 9 phút đọc
- [Visual Studio Code là gì? Hướng dẫn sử dụng VSCode cho người mới](https://200lab.io/blog/visual-studio-code-la-gi-huong-dan-su-dung-vscode-cho-nguoi-moi.md): Visual Studio Code (VS Code) là một trình soạn thảo mã nguồn miễn phí, đa nền tảng, được phát triển bởi Microsoft. Nó đã nhanh chóng trở thành một trong những trình soạn thảo phổ biến nhất dành cho các nhà phát triển, nhờ giao diện thân thiện, tính năng mạnh mẽ và khả năng mở rộng cao. · Backend, Frontend · 13 phút đọc
- [NextJS là gì? Kiến thức NextJS cơ bản bạn cần biết](https://200lab.io/blog/nextjs-la-gi.md): NextJS là framework mã nguồn mở được xây dựng trên nền tảng của React, cho phép chúng ta xây dựng các trang web tĩnh có tốc độ siêu nhanh và thân thiện. · Frontend · 18 phút đọc
- [Event Loop là gì? Cơ chế hoạt động của Event Loop trong JavaScript](https://200lab.io/blog/event-loop-la-gi.md): Event Loop là một cơ chế cho phép xử lý các tác vụ bất đồng bộ trong JavaScript, sử dụng một vòng lặp vô tận để kiểm tra, quản lý các tác vụ. · Javascript, Frontend · 7 phút đọc
- [React Hooks - Những điều bạn cần biết](https://200lab.io/blog/react-hooks.md): React Hooks là một tính năng được giới thiệu trong React 16.8, cho phép bạn sử dụng các tính năng của React trong các functional components thay vì trong các class component. · Frontend, ReactJS · 34 phút đọc
- [Axios là gì? Cập nhật mới nhất về thư viện Axios](https://200lab.io/blog/axios-la-gi.md): Axios là thư viện giúp client tương tác với server thông qua giao thức HTTP dựa trên các Promises. Cùng tìm hiểu thư viện Axios nhé. · Frontend · 24 phút đọc
- [CSS cơ bản: Sự khác nhau giữa Flexbox và Grid](https://200lab.io/blog/flexbox-vs-grid.md): Flexbox là cách sắp xếp các phần tử theo bố cục một chiều (ngang hoặc dọc). Grid là cách thức để xây dựng hệ thống layout theo hai chiều ngang và dọc. · Frontend · 23 phút đọc
- [Redux là gì? Tìm hiểu Redux cơ bản cho người mới bắt đầu](https://200lab.io/blog/redux-la-gi.md): Redux là gì? Vì sao người ta thường dùng Redux cùng React? Cùng 200Lab cập nhật kiến thức Redux cơ bản & ứng dụng hữu ích nhé! · Frontend · 12 phút đọc
- [BOOTSTRAP LÀ GÌ? HƯỚNG DẪN DOWNLOAD VÀ CÀI ĐẶT BOOTSTRAP](https://200lab.io/blog/bootstrap-la-gi.md): Bootstrap là một framework HTML, CSS và JavaScript miễn phí dùng để tạo website và web application. · Frontend · 7 phút đọc
- [JQUERY LÀ GÌ? TỔNG QUAN VỀ JQUERY DÀNH CHO NGƯỜI MỚI](https://200lab.io/blog/jquery-la-gi.md): jQuery là thư viện JavaScript mã nguồn mở, được sử dụng để đơn giản hoá việc tương tác với HTML/CSS trên các trang web · Frontend · 6 phút đọc
- [10 Extensions VS Code người mới học HTML&CSS cần phải biết](https://200lab.io/blog/10-extensions-vs-code.md): các extension dành cho người mới học HTML & CSS, giúp bạn có cảm hứng code nhiều hơn và code hiệu quả hơn, năng suất hơn · Frontend · 6 phút đọc
- [Các Frontend Frameworks phổ biến nhất hiện nay](https://200lab.io/blog/cac-frontend-frameworks-pho-bien-nhat-hien-nay.md): Framework là các đoạn code viết sẵn và được cấu tạo thành một bộ khung, các thư viện lập trình được đóng gói. · Frontend · 20 phút đọc
- [Front End là gì? 11 kỹ năng để trở thành Front End Developer](https://200lab.io/blog/front-end-la-gi.md): Front end là một phần của một website ở đó người dùng có thể tương tác với web, xem video, đăng ký trang mua sắm trực tuyến,... · Frontend, Code life · 9 phút đọc
- [Tìm hiểu các phương thức call, apply, bind trong JavaScript](https://200lab.io/blog/cac-phuong-thuc-call-apply-bind-trong-javascript.md): Trong bài "Tìm hiểu về this trong JavaScript", chúng ta có sử dụng phương thức bind() để fix một số bug khi sử dụng this. Cụ thể nó là phương thức như thế nào thì chúng ta cùng nhau tìm hiểu trong bài này nhé 😉. · Javascript, Frontend · 3 phút đọc
- [Frontend Du Ký | EGANY Apps : Đừng thấy hoa nở mà ngỡ xuân về](https://200lab.io/blog/frontend-du-ky-egany-apps.md): Bài viết lần này sẽ kể về quá trình khắc phục hệ thống khi phía đối tác có thay đổi lớn cũng như các điều chỉnh về quy trình git để mọi thứ được suôn sẻ trong quá trình phát triển. · Frontend · 13 phút đọc
- [Tìm hiểu Date trong JavaScript.](https://200lab.io/blog/date-trong-javascript.md): Như tiêu đề bài viết, hôm nay chúng ta sẽ cùng nhau tìm hiểu về Date object trong JavaScript, chuyên về xử lý các vấn đề liên quan đến ngày tháng năm và giờ giấc. Thời gian mà ông thần này lấy chính là thời gian ở máy tính của chúng ta. · Javascript, Frontend · 7 phút đọc
- [Khai báo biến, scope và hoisting trong JavaScript](https://200lab.io/blog/khai-bao-bien-scope-hosting-trong-javascript.md): Trong bài viết này, chúng ta sẽ tìm hiểu về cách khai báo biến trong JavaScript, khái niệm scope là gì? hoisting là gì? chúng ta bắt đầu thôi · Javascript, Frontend · 7 phút đọc
- [Các câu trúc lệnh điều khiển trong Javascript](https://200lab.io/blog/cac-cau-truc-lenh-dieu-khien-trong-javascript.md): Chúng ta cùng nhau tìm hiểu cấu trúc lệnh điều khiển hay if...else và switch...case trong JavaScript sẽ như thế nào nhé. · Javascript, Frontend · 4 phút đọc
- [Các toán tử trong JavaScript](https://200lab.io/blog/toan-tu-trong-javascript.md): Bất kỳ một ngôn ngữ lập trình nào cũng có các toán tử để phục vụ cho việc hoạt động của ứng dụng, JavaScipt cũng không ngoại lệ. Vậy những toán tử đó là những toán tử nào, chúng ta cùng nhau tìm hiểu nhé 😉 · Javascript, Frontend · 5 phút đọc
- [JavaScript: Giới thiệu một số câu lệnh console hữu ích](https://200lab.io/blog/javascript-mot-so-cau-lenh-console-huu-ich.md): Có một số cách để JavaScript của một trang web kích hoạt được các câu lệnh khác nhau và hiển thị ra console dành cho việc debug. Vậy các câu lệnh đó là câu lệnh nào? · Javascript, Frontend · 6 phút đọc
- [Hướng dẫn sử dụng ReactJS](https://200lab.io/blog/huong-dan-reactjs.md): ReactJS là gì? Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu về ReactJS thông qua một vài ví dụ đơn giản, giúp bạn dễ nắm bắt và hiểu hơn về cách hoạt động của ReactJS. · Frontend, Javascript · 15 phút đọc
- [Web/System Architecture 101 – Kiến trúc web/hệ thống cơ bản cho người mới](https://200lab.io/blog/kien-truc-web-he-thong-cho-nguoi-moi-bat-dau.md): Đây là một kiến trúc cơ bản mà bất kì một người mới gia nhập backend không nên bỏ qua. Thật lòng mà nói, 200Lab thấy rằng nắm được các thành phần trong này và vận dụng hợp lý thì hệ thống đã rất ổn rồi. · Frontend, DevOps · 6 phút đọc
- [Upload File từ Frontend đến Backend mà rất nhiều bạn vẫn đang làm sai!!](https://200lab.io/blog/upload-file-tu-front-end-den-back-end-dung-cach.md): Cách upload file từ front-end đến back-end đúng cách. Đừng sử dụng base64 hoặc trung chuyển qua server, sử dụng Presigned URL S3. · Backend, Frontend · 5 phút đọc

Sitemap: https://200lab.io/sitemaps/posts.xml