Giới thiệu
hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !
Liên hệ quảng cáo: trienkhaiweb@gmail.com
Giới thiệu tổng quan về ứng dụng Server Side
1.1 Kiến trúc Client-Server là gì? Hãy xem xét ví dụ khi người dùng sử dụng máy ATM để rút tiền mặt. Người dùng cắm thẻ vào máy ATM, nhập mã PIN, và yêu cầu số tiền cần rút. Khi yêu cầu này được xử lý, nếu số tiền đó lớn hơn số dư trong […]
useMemo trong ReactJS
Khái niệm useMemo và sử dụng trong thực tế kèm ví dụ
Khái niệm bất đồng bộ , Async/Await trong javascript
JavaScript là một ngôn ngữ bất đồng bộ, nó có nghĩa là chúng ta có thể điều khiển để chương trình hoạt động như là bất đồng bộ nhưng thực ra về bản chất, các hoạt động vẫn diễn ra tuần tự chứ không phải đồng thời. Những ngôn ngữ lập trình như C/C++, Java,… […]
TypeScript với Kiểu Dữ Liệu Cơ Bản – 3
Tiếp theo từ phần 2 của loạt bài “Typescript với Kiểu Dữ Liệu cơ bản,” chúng ta đã thu thập một số kiến thức quan trọng về Typescript. Trong bài viết này, chúng ta sẽ khám phá thêm về một số Typescript như union, intersection, và utility types. Union Type: Chúng ta có thể tạo […]
TypeScript với Kiểu Dữ Liệu Cơ Bản – 2
Type any và Union Type Any Type Type any cho phép bạn gán bất kỳ giá trị nào và có thể thay đổi kiểu dữ liệu mà không gây lỗi. Tuy nhiên, việc lạm dụng any có thể gây khó khăn trong quản lý mã nguồn. Thay vì sử dụng any, nên sử dụng Union […]
TypeScript với Kiểu Dữ Liệu Cơ Bản – 1
Trong bài viết này, chúng ta sẽ bắt đầu từ những kiến thức cơ bản về kiểu dữ liệu trong TypeScript, giúp bạn hiểu rõ về cách TypeScript làm cho mã nguồn của bạn trở nên rõ ràng và dễ bảo trì hơn. Kiểu Dữ Liệu Nguyên Thủy (Primitives) Trong Javascript, chúng ta thường gặp […]
Typescript cơ bản và cách cài đặt cho người mới
Typescript là gì ? TypeScript là một ngôn ngữ lập trình mã nguồn mở được phát triển bởi Microsoft. Nó là một siêu set của JavaScript, có nghĩa là mọi mã JavaScript hợp lệ cũng là mã TypeScript, nhưng TypeScript thêm vào đó các tính năng mới và một hệ thống kiểu tĩnh mạnh mẽ. […]
Thực Hành Micro Frontends
Micro Frontend là gì? Micro Frontend là một khái niệm xuất phát từ việc áp dụng nguyên lý Microservices vào lĩnh vực Frontend của ứng dụng. Trong thời đại hiện nay, ứng dụng Single Page Apps (SPAs) đã trở nên phổ biến với nhiều tính năng và độ phức tạp cao. Thường xuyên, chúng được […]
Dynamic Component trong Angular
Mở đầu Qua những bài trước, bạn đã hiểu cách tạo các thành phần con và cha cũng như cách chúng tương tác. Bây giờ, hãy xem xét một tình huống cụ thể: Component A là cha của Component B, có dạng như sau: Trong nhiều tình huống, chúng ta mong muốn có khả năng […]
Async Validator trong Angular Form
Điều kiện bắt buộc Hôm nay, chúng ta sẽ xây dựng một form đăng ký người dùng – registerForm, bao gồm: Đầu tiên, chúng ta sẽ thiết lập form như sau: Và phần HTML của form: Trong đoạn mã này, chúng ta sử dụng Angular Reactive Forms để tạo form đăng ký người dùng với […]
Reactive Forms Trong Angular (Phần 2)
Điều kiện bắt buộc Để tạo form đăng nhập, chúng ta sử dụng FormBuilder để làm cho mã nguồn ngắn gọn hơn. Form này bao gồm hai ô văn bản cho tên người dùng và mật khẩu cùng với một ô đánh dấu. Đầu tiên, trong component của chúng ta, chúng ta sử dụng FormBuilder […]
Reactive Forms Trong Angular (Phần 1)
Reactive Forms Reactive Forms, hay còn gọi là Model-driven Forms, là một phương pháp tạo form trong Angular mà không sử dụng các directive như ngModel hay required như ở Template-driven Forms. Thay vào đó, chúng ta khởi tạo các Object Model trong các Component và xây dựng form dựa trên chúng. Điều quan trọng […]
Template-driven Forms Trong Angular (Phần 2)
Angular Forms Validation Angular Forms Validation là quá trình kiểm tra và đảm bảo tính hợp lệ của dữ liệu nhập vào trong ứng dụng Angular. Có một số trạng thái quan trọng mà chúng ta cần biết khi thực hiện validation: Các trạng thái trên sẽ đi kèm với các CSS class tương ứng, […]
Template-driven Forms Trong Angular (Phần 1)
Biểu mẫu, hay còn được gọi là form, đó là một phần quan trọng trong hệ thống và doanh nghiệp ngày nay. Hình dung như khi bạn muốn mở một tài khoản ngân hàng, hoặc đơn giản như khi bạn đăng ký vào một trường Đại học. Thậm chí, trong môi trường công việc, có […]
Guards and Resolvers (Phần 3)
Route Resolvers Sau khi các Route Guards đã chạy và đã vượt qua được các guards này, thì đến lượt Route Resolvers được kích hoạt. Thông thường, đây là nơi mà chúng ta có thể chuẩn bị trước dữ liệu để sử dụng trong component sẽ được activate. Liệu có cần sử dụng Resolvers không? […]
Guards and Resolvers (Phần 2)
Route Guards Route Guards là những bảo vệ đường dẫn giúp quyết định liệu chúng ta có thể chuyển hướng đến một URL cụ thể hay không. Nếu tất cả các guard đều trả về true, quá trình chuyển hướng sẽ tiếp tục. Nếu có bất kỳ guard nào trả về false, quá trình chuyển […]
Guards and Resolvers (Phần 1)
Angular Router Navigation Cycle Angular Router thực hiện năm hoạt động cơ bản khi nhận một URL mới: Để minh họa, chúng ta sử dụng cấu hình routing trong ứng dụng như sau: app-routing.module.ts: article-routing.module.ts: admin-routing.module.ts: Cấu hình này định nghĩa các route cho ứng dụng, bao gồm các module lazy-loaded như AdminModule, và quy […]
Lazy Loading Modules
Hãy làm một bản ôn tập nhẹ, trong bài trước, chúng ta đã tìm hiểu cách cấu hình một feature module có tên là ArticleModule như sau: Với cấu hình routing trong ArticleRoutingModule như sau: Cuối cùng, chúng ta import module này vào AppModule: Sau khi chúng ta chạy lệnh npm run build để build […]
Feature Modules, Child Routes and Services
Feature Modules Giả sử bạn đã tạo một ứng dụng ngày hôm qua và bạn muốn chia nó thành nhiều phần nhỏ hơn thay vì chỉ sử dụng một phần duy nhất. Liệu có cách nào để làm điều này trong Angular không? Có, bạn có thể sử dụng nhiều phần (NgModule) trong một ứng […]
Tìm hiểu Angular Router
Trước kia, khi bạn truy cập một trang web, thông thường server sẽ gửi toàn bộ nội dung của trang đó cho bạn xem. Khi bạn di chuyển từ trang này sang trang khác, ví dụ như từ trang chủ của một cửa hàng online sang trang chứa thông tin về giày dép, server sẽ […]
