Workshop Angular 17 with .NET Core 8

รายละเอียดหลักสูตร

Section 1: Installing tool on MacOS and Windows

• แนะนำสเปกและคุณสมบัติเครื่องที่จะติดตั้งเครื่องมือสำหรับ Angular 17 และ .NET 8
• ติดตั้ง Visual Studio Code (Editor) และส่วนเสริม (Extension) ที่จำเป็นสำหรับ C#, .NET Core และ Angular
• ติดตั้ง Node.JS
• ติดตั้ง Angular CLI
• ติดตั้ง .NET 8 SDK บน MacOS และ Windows
• ติดตั้งฐานข้อมูล PostgreSQL
• ติดตั้งฐานข้อมูล MSSQL Server

Section 2: What new in Angular 17

• ฟีเจอร์ใหม่ใน Angular 17
• การเปลี่ยนแปลงที่สำคัญ
• โครงสร้างโปรเจ็กต์แบบ Standalone
• Standalone Components และการใช้งาน
• Control flow Conditionals and Loops
• Deferrable Views
• @input and @output Props
• Component Lifecycle
• Angular Signal
• Image Optimization
• Server-side Rendering
• Breaking changes and migrations

Section 3: Angular CLI 17.3.x

• คำสั่งพื้นฐานของ Angular CLI
• การสร้างโปรเจ็กต์ Angular
• การสร้างโมดูล คอมโพเนนต์ และบริการ
• การสร้าง Routing with Parameters
• การใช้ Routing

Section 4: Standalone Components & LifeCycle

• แนวคิดของ Standalone Components
• วงจรชีวิตของ Component
• Input และ Output properties
• Content Projection
• การใช้ directives ใน Component

Section 5: Template Syntax

• ไวยากรณ์ของ Template
• การใช้ Interpolation
• การใช้ Directives
• การใช้ Binding
• การใช้ Pipes

Section 6: Data Binding & Directives

• ประเภทของ Data Binding
• One-way Data Binding
• Two-way Data Binding
• การใช้ Directives กับ Data Binding
• การใช้ Pipes กับ Data Binding

Section 7: Services & Dependency Injection

• แนวคิดของ Services
• การสร้างและใช้งาน Services
• Dependency Injection
• การใช้ Providers
• การใช้ @Inject decorator

Section 8: Routing & Navigation

• แนวคิดของ Routing
• การกำหนด Route
• การใช้ RouterLink Directive
• การใช้ RouterOutlet Directive
• การใช้ Navigation Guards

Section 9: Forms & Validation

• การสร้าง Form ใน Angular
• การใช้ Template-driven Forms
• การใช้ Reactive Forms
• การตรวจสอบความถูกต้องของ Form
• การส่งข้อมูล Form

Section 10: HTTP Client & RxJS

• การใช้ HTTP Client ใน Angular
• การเรียก API RESTful
• การใช้ Observable
• การใช้ RxJS operators
• การจัดการ Error Handling

Section 11: Angular Material

• แนะนำ Angular Material
• การใช้ Components ของ Angular Material
• การปรับแต่ง Theme ของ Angular Material
• การสร้าง Components ของตัวเอง

Section 12: Introduction to .NET Core 8

• รู้จัก .NET Framework
• ความแตกต่างระหว่าง .NET Core 7 และ .NET 8
• ขึ้นโปรเจ็กต์ .NET แบบ webapi ด้วย Visual Studio Code
• การทำงานกับ Controller และ Actions
• การทำงานกับ Routing
• รู้จัก Return type แบบต่างๆ
• การเขียนโปรแกรมแบบ Asynchronous ใน .NET Core
• การสร้าง Model ใน .NET Core
• การทำ Validation ให้กับ Model ที่สร้าง
• การเขียน Services

Section 13: Create Project .NET 8 Rest API

• แนะนำภาพรวม Web API ใน .NET 8
• รู้จัก Model-View-Controller (MVC) Pattern
• สร้าง Controller & GET a New Character
• การสร้าง Routing with Parameters
• รู้จัก HTTP Methods แบบต่าง ๆ
• เพิ่ม Data with POST
• โครงสร้าง Web API Structure ที่ดี (Best Practice)
• การแก้ไขข้อมูลด้วย Method PUT
• การลบข้อมูลด้วย Delete Method

Section 14: Entity Framework Core with MSSQL and PostgreSQL

• Entity Framework Core คืออะไร
• การสร้าง Model
• การ Migrate Database
• การทำ CRUD กับฐานข้อมูล
• การใช้ Relations

Section 15: .NET 8 Rest API CRUD with EFCore and Upload File

• การสร้าง CRUD API กับ Entity Framework Core
• การ Upload ไฟล์
• การทำงานกับ File และ Image
• การ Validate ข้อมูล
• การทำงานกับ Error Handling

Section 16: .NET 8 JWT and Swagger

• JWT คืออะไร
• การสร้าง JWT Token
• ใช้ไลบรารี Microsoft.Identity.Model.Tokens
• กำหนดค่า claims
• ใช้ middleware
• ดึง claims จาก JWT
• การ Validate JWT Token
• การใช้ Swagger กับ JWT

Section 17: Angular Auth

• การทำ Authentication ใน Angular
• การใช้ HTTP Interceptors
• การใช้ Guards
• การจัดการ Token

Section 18: Workshop Store in Angular 17 Standalone Component

• สร้างโปรเจ็กต์ใหม่ใน Angualr แบบ Standalone Component
• ติดตั้ง Library พื้นฐานที่จำเป็น
• ติดตั้ง Angular Material เพื่อใช้ส่วนการออกแบบ UI
• สร้าง Module ที่จำเป็นและการ Reuse ส่วนต่างๆ
• กำหนด Routing พร้อมทำ Authentication Route Guards
• สร้าง Services เชื่อมต่อ .NET Core API ที่สร้างไว้
• เขียนระบบจัดการคลังสินค้า (CRUD) อัพโหลดไฟล์ภาพ
• ระบบแบ่งหน้า (Pagination)
• ระบบค้นหา (Search & Filtering)
• Export PDF and CSV

Section 19: Build & Deployed Angular Project on Production

• การ Build โปรเจ็กต์ Angular สำหรับ Production
• การ Deploy โปรเจ็กต์ Angular ไปยัง Hosting Platform
• การ Optimize Performance ของ Angular Application

Section 20: Deployed .NET Core API on Production

• การ Deploy โปรเจ็กต์ .NET Core API ไปยัง Hosting Platform
• การ Configure Security ของ .NET Core API
• การ Monitor และ Troubleshooting .NET Core API

ตัวอย่าง Workshop Angular 17 with .NET Core 8

แจกฟรี Template Angular Admin with Standalone Component use Material and Tailwind CSS (มูลค่ากว่า 1,000 บาท)