Trong phần 3 của series Front End, bài viết giới thiệu về Code Coverage với Istanbul — công cụ giúp đo lường mức độ bao phủ của Unit Test thông qua các chỉ số như Statements, Branches, Functions và Lines. Bên cạnh hướng dẫn cài đặt và cấu hình Istanbul với Karma, bài viết cũng phân tích vì sao coverage cao chưa chắc đồng nghĩa với code chất lượng, từ đó giúp developer viết Unit Test hiệu quả và thực tế hơn.
Bài viết giới thiệu tổng quan về Unit Test ở Front End với Karma, giải thích các khái niệm quan trọng như Mocha, Chai, Enzyme, JSDom, Spy/Mock/Stub và cách Karma hỗ trợ chạy test trên nhiều trình duyệt khác nhau. Không chỉ dừng ở lý thuyết, bài viết còn hướng dẫn chi tiết cách cài đặt, cấu hình và debug Unit Test trong dự án ReactJS sử dụng Webpack.
.png&w=3840&q=75)
Nhiều Back End Developer thường nghĩ Front End chỉ là dùng create-react-app rồi “code giao diện”. Nhưng khi bước vào những dự án kéo dài nhiều năm với team 50+ người, Front End không chỉ là UI — mà còn là cả một quy trình engineering bài bản. Trong bài viết này, bạn sẽ được khám phá cách một dự án ReactJS thực tế được xây dựng từ đầu với Webpack, Babel và các công cụ chuyên nghiệp như Unit Test, Code Coverage, Automation Test hay Build & Deploy. Đây không chỉ là câu chuyện về code, mà còn là tư duy phát triển phần mềm, khả năng tối ưu workflow và cách một Front End Developer làm việc trong môi trường enterprise thực thụ.
.png&w=3840&q=75)
SOLID là bộ 5 nguyên tắc thiết kế hướng đối tượng giúp developer viết code dễ đọc, dễ maintain và dễ mở rộng hơn. Bài viết giới thiệu lần lượt các nguyên tắc SRP, OCP, LSP, ISP và DIP thông qua những ví dụ thực tế bằng Ruby, từ đó giúp lập trình viên hiểu cách refactor code để giảm phụ thuộc, tăng tính linh hoạt và nâng cao chất lượng hệ thống phần mềm.
Internship OneConnect