Tin mới nhất

Menu

Chia Sẻ Khóa Học Xây Dựng Ứng Dụng Trang Đơn Sử Dụng Angular 9 Và TypeScript, Firebase, Material [Khóa 9352 A]


Làm chủ và xây dựng các Single Page Application (SPA) từ đầu bằng cách sử dụng Angular 9 (trước đây là "Angular 2" hoặc "AngularJS").

Bạn sẽ học được gì:

  • + Xây dựng một ứng dụng trang đơn bằng cách sử dụng Angular.
  • + Sử dụng TypeScript.
  • + Thực hiện xây dựng các block khác nhau trong Angular.
  • + Sử dụng các mô-đun của bên thứ ba như Angular Material và AngularFire 2.

Trong suốt khóa học này, bạn sẽ làm quen với:

  • 1. Single Page Application và tại sao chúng ta nên sử dụng Angular để xây dựng chúng.
  • 2. TypeScript và ESNext (ECMAScript 2015 hoặc ES6 và các phiên bản mới hơn của nó).
  • 3. Các mô-đun Angular, @NgModule Decorator và Angular Application Bootstrap Mechanism.
  • 4. Các Angular Component, @Component Decorator, Component communication và LifeCycle Hooks.
  • 5. Directives, @Directive Decorator và tạo các chỉ thị thuộc tính và cấu trúc tùy chỉnh.
  • 6. TDependency Injection trong Angular, @Injectable Decorator, Service, RxJS Observable và thực hiện các cuộc gọi AJAX đến REST API.
  • 7. Routing, Child Routing, và Route Guards.
  • 8. Pipes the @Pipe Decorator và tạo các custom pure pipes và impure pipes.
  • 9. Template Driven Forms và Reactive Forms trong Angular.
  • 10. Custom Decorator.
  • 11. Sử dụng các thư viện của bên thứ ba như Angular Material, Firebase, v.v.

1. Phần 1 - Single Page Applications, Why Angular and Project Setup:

  • + Tổng quan.
  • + Giới thiệu về SPA.
  • + Chúng ta cần Angular để làm gì?
  • + Thiết lập môi trường phát triển.
  • + Kiến trúc ứng dụng Angular.
  • + Angular CLI.
  • + Cấu trúc dự án.

2. Phần 2 - TypeScript và ESNext:

  • + TypeScript là gì.
  • + Các loại cơ bản trong TypeScript.
  • + Khai báo biến bằng cách sử dụng Let và Const.
  • + Spread và Destructure.
  • + Class.
  • + Giao diện (Interface).
  • + Arrow Function.
  • + Mô-đun.
  • + fetch API.
  • + nc / await.

3. Các Angular Module và Angular Component:

  • + Angular Application Bootstrap Mechanism.
  • + @Component.
  • + Data/Property Binding.
  • + View Encapsulation.
  • + Inter-component Communication (@Input/@Output, Event Emitter).
  • + Template variables (ViewChild/ContentChild).
  • + Content Projection(ng-content).
  • + Template.
  • + Metadata - tổng quan cơ bản.
  • + Lifecycle hooks.
  • + Order and triggering of each hook.
  • + Hooks specific to Components and Decorators.

4. Dependency Injection(Providers):

  • + Dependency Injection - Why?
  • + Dependency Injection - As a design pattern.
  • + Dependency Injection - As a framework.
  • + Dependency Injection - What?
  • + Injectors and Providers.
  • + Hierarchical Dependency Injection.

5. Routing:

  • + Child routes.
  • + Route params.
  • + Route Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad.

6. Services(@Injectable):

  • + Service as a singleton, data sharing.
  • + HttpClient, HttpHeaders, HttpParams.
  • + Observables with Operators like the map, subscribe, catch, retry etc.
  • + Subjects.
  • + Sharing data across Components using Service.

7. Directives(@Directive):

  • + Built-In Structural Directives - NgFor, NgIf, NgSwitch.
  • + Built-In Attribute Directives - NgClass, NgStyle, NgNonBindable.
  • + Building a Custom Structural Directive.
  • + Building a Custom Attribute Directive.

8. Pipes(@Pipe):

  • + Build in Pipes.
  • + Building Custom Pipes.
  • + Pure and Impure Pipe.

9. Forms:

  • + Template Driven Forms.
  • + Reactive forms.
  • + Form Validations.
  • + Custom Synchronous form validations.
  • + Custom Asynchronous form validations.

10. Custom Decorators:

  • + Metadata – deep dive.
  • + Building Custom Class Decorator.
  • + Building Custom Property Decorator.

11. Integrating with Third Party Libraries:

  • + Material Design Bootstrap.
  • + Angular Material.
  • + Firebase.

Trong 15 giờ học, bạn sẽ tìm hiểu các  yếu tố cần thiết khi xây dựng Single Page Application (SPA) với Angular : 

  • + Hiển thị dữ liệu và xử lý các sự kiện DOM.
  • + Xây dựng các thành phần tái sử dụng .
  • + Thao tác với DOM bằng cách sử dụng  các lệnh (cả Cấu trúc và Thuộc tính).
  • + Chuyển đổi dữ liệu bằng  pipes.
  • + Xây dựng các  template-driven và reactive form. 
  • + REST API sử dụng HTTP services.
  • + Xử lý lỗi HTTP  đúng cách .
  • + Sử dụng  Reactive Extension và Observable.
  • + Add routing và navigation để tuân thủ những điều cơ bản của Single Page Application.
  • + Xây dựng các ứng dụng real-time, server-less với  Firebase .
  • + Xây dựng giao diện người dùng đẹp mắt bằng cách sử dụng  Angular Material, và Material Design Bootstrap.

CUNG CẤP TÀI KHOẢN GOOGLE DRIVE DUNG LƯỢNG KHÔNG GIỚI HẠN VỚI GIÁ ƯU ĐÃI NHẤTXEM CHI TIẾT TẠI ĐÂY 



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.

Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.

Chia sẽ bài viết lên:

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

No Comment to " Chia Sẻ Khóa Học Xây Dựng Ứng Dụng Trang Đơn Sử Dụng Angular 9 Và TypeScript, Firebase, Material [Khóa 9352 A] "

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM