JTC [#ANG01] Angular – Tổng quan về Angular 4 – TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO

Posted on by adminChuyên mục:Kiến thức Internet

Tiếp cận Angular trên hành trình trở thành lập trình viên chuyên nghiệp.

Để khởi đầu hành trình dài này, bạn sẽ cần có một cái nhìn toàn cảnh về Angular. Đơn giản mà nói, Angular là một Javascript framework để kiến thiết xây dựng những ứng dụng phía client sử dụng HTML, CSS và một ngôn từ lập trình như Javascript. Có thể chia thành 2 đối tượng người tiêu dùng như sau :

  • Đối tượng là những bạn chưa biết gì về Angular
  • Đối tượng là những bạn đã biết qua về Angular 1.

Nếu bạn là người chưa biết gì về Angular. Vậy tại sao bạn chọn Angular mà không phải là một Javascript framework khác ? Chúng tôi sẽ giúp bạn làm rõ yếu tố này .

  • Angular làm cho HTML của chúng ta trở nên linh hoạt hơn.
  • Angular làm cho code HTML của chúng ta trở nên mạnh mẽ hơn với những đặc trưng như điều kiện “if”, vòng lặp “for” và những biến địa phương “local variables”.
  • Angular có cơ chế binding data mạnh mẽ, chúng ta có thể dễ dàng hiển thị các field từ data model của chúng ta, theo dõi những thay đổi và cập nhật lại từ người dùng.
  • Angular hoạt động theo thiết kế module (mô dun). Ứng dụng của chúng ta sẽ được xây dựng từ những khối module độc lập, làm cho việc xây dựng sẽ dễ dàng và có thể tái sử dụng được nội dung.
  • Angular hỗ trợ việc giao tiếp với những back- end service. Điều này sẽ dễ dàng cho việc tích hợp những back-end service để việc giải quyết các bài toán logic nhanh chóng
  • Angular là cực kỳ phổ biến với hàng triệu nhà phát triển đang sử dụng nó.

Nếu bạn thuộc đối tượng đã biết qua về Angular 1 thì tại sai bạn cần đến Angular 4? Xem tiếp để hiểu rõ hơn nữa nhé.

  • Angular 4 nhanh hơn Angular 1 và liên tục được nâng cao hiệu năng.
  • Angular 4 hiện đại, nó sử dụng những tính năng của Javascript mới nhất (ES6, ES7) và hơn thế nữa các Class, Module, Decorators hỗ trợ nhiều trình duyệt hiện tại Edge, Chrome, Firefox và cả IE thần thánh.
  • Angular 4 đơn giản hoá các API, nó có ít directive hơn nên dễ nhớ dễ học hơn, binding data đơn giản, khái niệm tổng thể cũng đơn giản hơn.

=> Phát triển ứng dụng bằng Angular 4 bạn cũng sẽ nhận ra những nâng cấp cải tiến về hiệu suất, điều này cũng nhờ sự đồng điệu của quy mô thiết kế xây dựng những khối module để hình thành ứng dụng .

Angular là gì? Tại sao nên phát triển ứng dụng bằng Angular 4? Các câu hỏi này đã được trả lời.

Bây giờ, chúng ta lại quan tâm đến vấn đề trong angular có cái gì?
Angular – ứng dụng là một tập hợp những component (thành phần) và một vài services (dịch vụ) cung cấp chức năng trên những component đó.

Angular Application = Component + Component + Component … + services
Component = Template + Class + Metadata
  • Mỗi component bao gồm một mẫu HTML cái mà sẽ render ra một “frame” giao diện người dùng.
  • Một Class để code những gì liên kết với view. Class chứa những thuộc tính, những phần tử dữ liệu có sẵn để phục vụ cho các view và các phương thức thực hiện những hành động cho view, chẳng hạn như sự phản hồi của một nút bấm.
  • Một component cũng có metadata cung cấp thêm những thông tin của component cho Angular. Metadata này để xác định Class là một Angular component.

Vậy Tóm lại, một component sẽ hình thành từ một view xác lập từ một mẫu HTML, Code giải quyết và xử lý sẽ được định nghĩa với một Class và thông tin bổ xung cho Class thì được xác lập bằng metadata. Chúng ta sẽ tìm hiểu và khám phá cụ thể hơn trong những bài sắp tới .

Chúng ta đã biết một component là gì, làm thế nào để ghép chúng lại với nhau để trở thành một ứng dụng? Chúng ta cần Angular modules (mô-dun). Angular modules hỗ trợ tổ chức ứng dụng Angular thành một khối gắn kết các chức năng. Mỗi ứng dụng Angular có ít nhất một module, module này gọi là Root Angular Module (mô-dun gốc). Một ứng dụng thực tế thì có thể có nhiều hơn một module.

Để chứng minh cho những tính năng cơ bản của Angular, chúng ta sẽ xây dựng một ứng dụng mẫu từng bước một. Các bạn có thể xem ứng dụng mẫu trong video này nhé!

Các bạn chắc cũng đã có cái nhìn tổng quát về Angular rồi đúng không? Ở bài học tiếp theo chúng ta sẽ khám phá nhiều hơn về Component.

Lê Xuân Quỳnh

Xem tiếp bài trong series

Phần tiếp theo: [#ANG02] Angular – Chuẩn bị những hành trang cần thiết

Các bạn hãy đón xem và ủng hộ bằng cách LIKE/SHARE hay SUBCRIBE để có thể cập nhật thông tin mới nhất từ chúng tôi. Và đừng quên chia sẻ bài học này tới bạn bè của mình để cùng nhau chinh phục Angular bạn nhé!

Đặc biệt, hiện tại Trung Tâm đang tuyển sinh cho Khoá học Angular 5 khai giảng trong tháng 12. Các bạn hãy xem chi tiết lịch khai giảng và đăng ký học tại đây: ►►► LỊCH KHAI GIẢNG THÁNG 12

TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO

 0933067997 – 0933267337
 facebook.com/laptrinhvienio
 YouTube/laptrinhvienio
 [email protected]
 Tầng 2 Tòa nhà The Morning Star – 57 Quốc Lộ 13, Phường 26, Quận Bình Thạnh, Tp. Hồ Chí Minh.

admin