Chia Sẻ Khóa Học Full Stack - Java, Spring Boot, Angular Và TypeScript [Khóa 8864 A]
Bạn sẽ học : Xây dựng ứng dụng Full Stack - Spring Boot - Spring Security - Java - MySQL - Docker - Angular - Typescript - Bootstrap - Game.
Bạn sẽ học được gì:
- ✓ Thực hiện xây dựng một ứng dụng Full Stack đầy đủ chức năng để quản lý người dùng.
- ✓ Hiểu cách cấu trúc một ứng dụng Spring Boot trong các mô-đun khác nhau.
- ✓ Học cách code bằng cách tạo một ứng dụng theo cách step-by-step.
- ✓ Spring Data JPA.
- ✓ Spring Security.
- ✓ Triển khai cơ chế xác thực Spring Security tùy chỉnh.
- ✓ Xây dựng cả dự án back-end và front-end trong một khóa học.
- ✓ Làm việc với phiên bản Angular mới nhất (Angular 10).
- ✓ Học cách làm việc với MDBootstrap framework (để xây dựng dự án giao UI).
- ✓ Làm việc với Typescript - superset của Javascript.
- ✓ Tạo giao diện người dùng đồ họa bằng Java Swing.
- ✓ Xác định một số component liên quan đến Swing và hiểu cách làm việc với chúng.
- ✓ Học cách tạo các ứng dụng dành cho desktop bằng Java.
Mỗi phần của khóa học này, bạn sẽ xây dựng 2 hệ thống độc lập.
1. Hệ thống 1: Ứng dụng dựa trên REST Full Stack (back-end đến front-end) - Spring Boot, Angular:
Cấu trúc khóa học:
I. Phần 1:
- ✓ Giới thiệu.
- ✓ Giải thích chi tiết về các điều kiện tiên quyết cho khóa học này ( Java JDK 1.8, Maven, Spring Tool Suite, Postman ).
II. Phần 2:
- ✓ Tạo cấu trúc dự án ban đầu cho ứng dụng Java Spring Boot RESTful.
- ✓ Cách bao gồm các dependency trong dự án dựa trên Maven.
- ✓ Hiểu cách chính xác để cấu trúc một ứng dụng dựa trên các component của nó.
- ✓ Tạo một REST API để xử lý 5 thao tác chính (CREATE, READ, UPDATE, SEARCH, DELETE) bằng cách làm việc với User như conceptual resource.
- ✓ Làm việc với Postman để tạo collection và gọi các REST API.
III. Phần 3:
- ✓ Giới thiệu về Spring Data JPA và H2 In Memory Database support.
- ✓ Tìm hiểu cách migrate một User model class đơn giản sang một Entity concept sẽ được xử lý bởi H2 Database.
- ✓ Hiểu quy trình từng bước để migrate tất cả các hoạt động cho User RESTful resource sang Spring Data JPA storage.
- ✓ Tìm hiểu cách chính xác để cấu trúc lại code theo từng giai đoạn.
IV. Phần 4:
- ✓ Giới thiệu các khái niệm cơ bản về Spring Security.
- ✓ Thêm triển khai Spring Security tùy chỉnh để xử lý xác thực cơ bản và quyền truy cập vào resource.
- ✓ Tìm hiểu cách mã hóa mật khẩu trong Spring Boot.
- ✓ Giới thiệu Spring Data JPA pagination support cho Find All Users API.
- ✓ Triển khai một cơ chế cung cấp tìm kiếm thay thế cho Find User dựa trên các tiêu chí cụ thể.
- ✓ Migrate từ H2 In Memory Database sang MySQL Database.
- ✓ Di chuyển ứng dụng để chạy trong môi trường Docker.
V. Phần 5:
- ✓ Tạo một ứng dụng dựa trên Angular 10 làm phần front-end cho khóa học.
- ✓ Chuyển đổi khóa học sang một ứng dụng Full Stack
- ✓ Triển khai Authorization Mechanism.
- ✓ Bao gồm Login và Users components.
- ✓ add support làm việc với Angular Guards.
- ✓ Bao gồm các UI component khác nhau như một phần của việc tích hợp MDBootstrap UI framework.
- ✓ Tạo Angular services và cơ sở hạ tầng chính để giao tiếp với ứng dụng Spring Boot back-end.
2. Hệ thống 2: Xây dựng một Contact Form đầy đủ chức năng (back-end đến front-end) + Tích hợp GMAIL:
Cấu trúc khóa học:
Ngay cả khi bạn chưa quen với chủ đề này, hoặc đã có một số kinh nghiệm trong thế giới Web Development rộng lớn, khóa học sẽ hướng dẫn bạn từng bước về quy trình xây dựng hệ thống này.
Vậy ... Bạn sẽ xây dựng cái gì?
- ✓ Bạn sẽ tạo một contact form hoàn chỉnh và đáp ứng để có thể gửi email bằng cách sử dụng GMAIL service integration support.
Sử dụng các công nghệ/framework nào để tích hợp Front-end?
- ✓ Sử dụng Angular 10, Typescript và MDBootstrap Framework.
Sử dụng các công nghệ/framework nào để tích hợp Back-end?
- ✓ Sẽ làm việc với Spring Boot, Spring Boot Mail Integration và định cấu hình một tài khoản GMAIL thử nghiệm mà bạn có thể sử dụng để testing.
Kết quả đạt được là gì?
- ✓ Bạn sẽ hiểu các nguyên tắc cơ bản của cách làm việc trên ứng dụng Web Full Stack (hiểu cách thức giao tiếp giữa ứng dụng front-end với một back-end server) - bằng cách theo dõi một ví dụ làm việc thực tế -> Xây dựng contact form cho một website.