Angular Zoneless Change Detection Explained: Angular Without Zone.js

How We Automated Angular Upgrades at Halodoc using AI

Halodoc đã tự động hóa việc nâng cấp Angular cho khoảng 40 ứng dụng sử dụng một kỹ năng Claude AI duy nhất. Hệ thống này được xây dựng dựa trên dữ liệu di chuyển migration data chính thức của Angular, đảm bảo tính chính xác kỹ thuật. Phương pháp này giúp Halodoc giảm đáng kể thời gian và nguồn lực cần thiết cho việc nâng cấp phiên bản Angular. Giải pháp của họ kết hợp giữa tự động hóa AI và quy trình kiểm tra bởi con người human review gate để đảm bảo chất lượng code sau nâng cấp. Bài viết cung cấp cái nhìn thực tế về cách tận dụng AI cho các tác vụ kỹ thuật phức tạp trong phát triển phần mềm.

Bài này tiết lộ cách Halodoc tự động nâng cấp Angular cho ~40 ứng dụng bằng AI, giúp lập trình viên tiết kiệm thời gian và giảm rủi ro khi nâng cấp dự án lớn.

AI Has Made Me Faster, But Has It Made Me Worse?

Tác giả nhận thấy rằng việc sử dụng trợ lý AI trong việc viết code giúp ông tăng tốc độ phát triển đáng kể, nhưng gần đây ông bắt đầu tự hỏi liệu sự nhanh này có đi kèm với một giá trị nào đó không. Nguyên nhân kỹ thuật được đề cập là sự phụ thuộc quá mức vào gợi ý tự động của AI khiến ông ít phải suy nghĩ sâu về logic và trường hợp biên, dẫn đến việc tạo ra mã mà ông không hiểu hoàn toàn. Hệ quả là số lỗi phát hiện trong giai đoạn kiểm thử tăng lên và thời gian dành để debug cũng kéo dài hơn vì ông phải bỏ thêm thời gian để hiểu lại mã mà AI sinh ra. Từ đó, bài viết khuyên rằng cần giữ thói quen xem lại và viết lại mã do AI tạo ra, đồng thời dành thời gian thực hành giải quyết vấn đề mà không dựa vào công cụ để không làm suy giảm khả năng lập trình cơ bản.

Bài viết này giúp bạn cân bằng giữa tốc độ và chất lượng khi sử dụng công cụ AI trong lập trình.

Customizing Angular Aria Tabs Quickly with Google Antigravity CLI

Bài viết mô tả cách team Angular giới thiệu Angular Aria là bộ sưu tập các mẫu UI có thể tùy chỉnh và hoàn toàn truy cập được. Tuy nhiên, việc thực hiện các thành phần như tab thường đòi hỏi viết nhiều mã ARIA thủ công và dễ xảy ra lỗi. Bài viết hướng dẫn sử dụng Google Antigravity CLI để tạo và cấu hình các tab Angular Aria chỉ với một vài lệnh, giảm thiểu lượng code boilerplate. Kết quả là nhóm phát triển có thể triển khai tab truy cập được trong thời gian ngắn hơn, đồng thời duy trì tính nhất quán về chuẩn WCAG. Điều này cho thấy việc tích hợp công cụ CLI vào quy trình làm việc giúp tăng tốc độ phát triển mà không hy sinh khả năng truy cập, một bài học quan trọng cho những ai đang cân nhắc áp dụng các mẫu UI Angular Aria.

Tìm hiểu cách tùy chỉnh Angular Aria Tabs nhanh chóng với Google Antigravity CLI sẽ giúp bạn tạo ra các giao diện người dùng tiếp cận hoàn hảo trong Angular.

Google Releases Angular v22 with Stable Signal Forms, OnPush by Default and Experimental WebMCP

Google phát hành Angular v22 với nhiều cải tiến quan trọng như Signal Forms ổn định, chế độ OnPush mặc định, cùng hỗ trợ thử nghiệm WebMCP. Phiên bản mới tập trung vào API ổn định, template tối ưu và công cụ tích hợp AI.

Lập trình viên Angular nên đọc để cập nhật về Signal Forms ổn định và mặc định, giúp tối ưu hóa quản lý dữ liệu trong ứng dụng với sự đơn giản hóa và hiệu suất cao hơn, đồng thời chuẩn bị sẵn sàng cho các tính năng tương lai như tích hợp AI thông qua các cải tiến mới trong framework.

Authorization Code + PKCE in .NET 10: Securing Angular, Gateway, and Downstream APIs

Bài viết hướng dẫn triển khai Authorization Code Flow kết hợp PKCE trên kiến trúc doanh nghiệp đa tầng gồm Angular SPA, API Gateway (.NET hoặc Azure APIM) và các API downstream .NET 10. Giải thích vai trò quan trọng của PKCE trong ứng dụng trình duyệt không thể lưu trữ client secrets, cách MSAL xử lý luồng PKCE trong Angular, cơ chế xác thực JWT và quản lý scopes của gateway, cũng như yêu cầu các API downstream phải tự xác thực token thay vì tin tưởng hoàn toàn gateway. Ngoài ra còn đề cập đến xác thực service-to-service bằng confidential clients hoặc managed identities.

Những lập trình viên phát triển ứng dụng Angular và API Gateway trong môi trường doanh nghiệp nên đọc bài này để hiểu cách bảo mật hiệu quả hơn khi sử dụng PKCE trong giao thức Authorization Code, đặc biệt là khi ứng dụng không thể lưu trữ client secret, cũng như cách tối ưu hóa xác thực và quyền hạn trong hệ thống đa tầng.

How to build a static blog in Angular with Scully

Xây dựng blog static với Angular và Scully đang trở thành xu hướng thay thế cho các framework truyền thống như Jekyll hay Hugo. Scully hoạt động bằng cách ghi lại các route Angular trong quá trình build-time, tạo ra các file HTML tĩnh từ ứng dụng Angular của bạn. Tutorial này hướng dẫn từng bước từ việc thiết lập project Angular, cài đặt Scully, cho đến cấu hình và tạo blog posts với Markdown support. Bạn sẽ học được cách tận dụng tính năng route replacement của Scully để chuyển đổi dynamic routes thành static URLs, tối ưu hiệu suất SEO mà không cần compromise trải nghiệm người dùng.

Bài hướng dẫn này giúp bạn tạo blog static bằng Angular với Scully một cách hiệu quả và dễ dàng.

Supercharge Auth with Signals and the New Okta Angular SDK

The Okta Angular SDK is standalone-ready! Add authentication to an Angular v22 app and load user groups with signals and rxResource.