Làm dự án thực tế với Angular 2+ Web API

Khóa học này sẽ hướng dẫn cho các bạn cách làm dự án thực tế và tổ chức source code với Angular 2 CLI sau đó bài cuối sẽ nâng cấp lên Angular 6. Khóa học có sử dụng thư viện Angular CLI + Webpack làm công cụ chính phát triển trên nền Visual Studio Code của Microsoft. Phần WebAPI sẽ kế thừa lại từ khóa học làm dự án thực tế với AngularJS WebAPI và Entityt Framework Code First. 

Ngôn ngữ chính sử dụng sẽ là TypeScript ES6 hiện đại. Với khóa học này các bạn sẽ có thể tự tin xây dựng một ứng dụng Single Page Application (SPA) từ đầu đến cuối bao gồm các nội dung chính sau đây:

1. Giới thiệu tổng quan khóa học và mục tiêu
2. Cách thức học tập và quy ước
3. Cài đặt môi trường làm việc Backend
4. Giới thiệu và giải thích mô hình thiết kế Backend WebAPI
5. Tìm hiểu thêm về ASP.NET Identity
6. Giới thiệu về database
7. Giới thiệu tổng quan về Angular 6
8. Ôn tập lại toàn bộ kiến thức trong khóa học Angular căn bản
9. Giới thiệu và cách sử dụng Angular CLI
10. Xây dựng cấu trúc dự án với Angular bằng Visual Studio Code
11. Xây dựng Routing giữa các component
12. Ghép giao diện trang login
13. Ghép giao diện trang chính qua template HTML
14. Xây dựng các service sử dụng chung cho hệ thống (Notification, Authentication) – Phần 1
15. Xây dựng các service sử dụng chung cho hệ thống (Notification, Authentication) – phần 2
16. Xây dựng tính năng đăng nhập và đăng xuất qua token với WebAPI
17. Hiển thị thông tin người dùng trên giao diện
18. Bảo vệ ứng dụng với Guard trong Angular6
19. Xây dựng chức năng danh sách quyền.
20. Phân trang danh sách quyền
21. Xây dựng chức năng thêm mới quyền qua popup
22. Xây dựng chức năng chỉnh sửa quyền qua popup.
23. Xóa bản ghi quyền với confirm dialog.
24. Tìm kiếm quyền theo tên
25. Danh sách người dùng phân trang
26. Thêm mới người dùng qua popup
27. Chỉnh sửa và xóa người dùng qua popup
28. Upload ảnh avatar cho người dùng
29. Xây dựng chức năng danh sách function qua tree view.
30. Phân quyền user theo function.
31. Áp dụng quyền trên giao diện Angular
32. Lấy danh sách menu theo quyền từ database.
33. Danh sách sản phẩm và thêm mới sản phẩm
34. Tích hợp TinyMCE Editor trong Angular 2
35. Tích hợp upload ảnh vào TinyMCE
36. Tìm kiếm sản phẩm
37. Xóa nhiều sản phẩm
38. Quản lý hóa đơn bán hàng
39. Xây dựng dashboard thống kê với Angular 2
40. Nhập dữ liệu qua file Excel
41. Xuất dữ liệu ra file Excel bằng Angular 2
42. Hiển thị tin nhắn realtime với SingalR
43. Unit testing cho ứng dụng Angular 2 với Karma
44. Triển khai ứng dụng Angular 2
45. Tổng kết khóa học và định hướng
46. Nâng cấp dự án lên Angular 6
47. Nâng câp dự án lên Angular 8

Đối tượng khóa học: Là các bạn đã có nền tảng JavaScript, HTML và CSS. Các bạn đã học qua khóa TypeScript căn bản và khóa học Angular 2 căn bản của TEDU.

Khóa học quay dưới dạng video và các bạn sẽ được học trọn đời đồng thời được tham gia vào group hỗ trợ qua Facebook.