Skip to content

Commit e73350a

Browse files
committed
add practice session
1 parent 18b0756 commit e73350a

File tree

4 files changed

+47
-0
lines changed

4 files changed

+47
-0
lines changed
236 KB
Binary file not shown.

Session06/Practice 01.md

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
TODO - Assets Management, Environment Configuration
2+
===================================================
3+
4+
1. Quản lý tài nguyên tĩnh
5+
* Chèn ảnh & hiển thị ảnh đại diện lên trang ToDo, đường dẫn: assets/images/user/vunb.png
6+
* Nạp thư viện Bootstrap, FontAwesome, ... sử dụng trên hiển thị icon, grid-system trên giao diện
7+
2. Thực hành tạo + sử dụng HttpClient, AuthService để đăng ký đăng nhập, gọi API todo
8+
* Lưu ý các cấu hình về API, URL đưa ra file `src/environments/environment.ts`
9+
10+
Output:
11+
12+
![ToDo Application](./../Todo-App.png "Giao diện ứng dụng ToDo App")
13+
14+

Session06/Practice 02.md

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
TODO - API Management, HTTP Interceptor
2+
=======================================
3+
4+
1. Thực hành với HTTP Interceptor, gửi kèm Header trong mọi bản tin HTTP Request
5+
* Tạo mới một interceptor: `./shared/interceptors/jwt.interceptor.ts`
6+
2. Tạo và sử dụng `./shared/interceptors/error.interceptor.ts` xử lý bản tin HTTP 401
7+
* Logout tài khoản người dùng
8+
* Redirect về trang chủ
9+
3. Tạo và sử dụng FakeBackend Interceptor để giả lập dữ liệu khi chưa có API, hoàn thiện ứng dụng ToDo.
10+
* Đánh chặn, cho phép người dùng đăng nhập với tài khoản `test/test`, khác thì forward request về api server.
11+
* Cài đặt API Service thêm, sửa, xóa các task (làm thêm)
12+
13+
Output:
14+
15+
![ToDo Application](./../Todo-App.png "Giao diện ứng dụng ToDo App")
16+
17+

Session06/Practice 03.md

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
TODO - Theme Intergration and Usage
2+
===================================
3+
4+
> Bài tập về nhà
5+
6+
1. Hoàn thiện tích hợp một trong các bộ theme miễn phí sau đây:
7+
* AdminLTE
8+
* CoreUI
9+
* SB Admin 2
10+
* NGX Admin
11+
* Material Dashboard Angular2 (Creative Tim)
12+
13+
Output:
14+
15+
* https://vunb.github.io/giaoban/
16+

0 commit comments

Comments
 (0)