
Danh mục: Front end
Posted Date:
Best Practice: Typescript trong functional programming
🧠 Phần 1: Khái niệm nền tảng trong Functional Programming 🔹 Functional Programming là gì? 🆚 Imperative vs Declarative Programming 🔸 Imperative: Chỉ định từng bước cụ thể. 🔸 Declarative: Mô tả…
TypeScript Advanced – Phần 4 – Design Patterns – Behavioral Patterns
🧠 Tổng quan Phần này tập trung vào các Behavioral Design Patterns giúp quản lý trạng thái và hành vi của đối tượng theo thời gian – bằng cách tách biệt logic…
TypeScript Advanced – Phần 3 – Design Patterns – Structural Patterns
🎯 Mục tiêu 🧠 Khi nào nên dùng Structural Patterns Trường hợp Vai trò của Structural Pattern 🧩 Kết hợp nhiều đối tượng thành hệ thống lớn Composite, Facade, Bridge… 🔁 Thêm…
TypeScript Advanced – Phần 2 – Design Patterns – Creational Patterns
🧱 Design Patterns trong TypeScript ❓ Tại sao cần? 🔎 Relevance hiện nay 🏗️ Creational Patterns – Nhóm khởi tạo 🧍♂️ Singleton Pattern – Mẫu Thiết kế Đơn thể 🧠 Khái niệm…
Typescript Advanced – Phần 1 – Core Principles
📌 Tổng quan Chương này đưa bạn đến phần nâng cao của TypeScript, gồm: 🧩 Các kiểu dữ liệu tiện ích (Utility Types) 🔹 Record<K, T> 🔹 Partial<T> 🔹 Required<T> 🔹 Pick<T,…
A-Z: Những công cụ Generative AI cách mạng hóa cho dân IT “truyền thống”
Nội dung sau đây mà mình đã tổng hợp sẽ được chia theo phần công việc liên quan trực tiếp đến quy trình phần mềm quen thuộc, trích từ nội dung gốc…
Các loại Tests thiết yếu cho Front-End : Unit Tests, Performance Tests, Visual Regression Tests
🏛️ Vai trò kiểm soát chất lượng của Frontend Architect 🐛 Các loại lỗi (regressions) có thể xảy ra khi có code mới 🔔 Hậu quả chung:Tất cả các lỗi trên đều…
Cách RedHat.com xây dựng hệ thống với thiết kế “super” clean cho Front End
1. Modular design là gì? Và vì sao thất bại? Ban đầu, team xây dựng website RedHat.com không hề có khái niệm “modular design”. Mỗi “band” (khối nội dung – content block)…
Viết E2E test cho Angular bằng Cypress
Lý do viết E2E test 🛠️ 1. Thiết lập Cypress và viết test đầu tiên ✅ Các bước chính: 🧪 Viết test đầu tiên: // src/support/app.po.tsexport const getHeaderTitle = () => cy.get(‘.toolbar__title’);//…
Quản lý State bên trong Angular bằng NgRx
NgRx là hệ sinh thái quản lý state reactive trong Angular. Chương này giúp bạn nắm vững cách sử dụng các phần chính của NgRx để xây dựng ứng dụng có cấu…