หลักสูตร Angular 16 + ASP .NET CORE 7 + SQL SERVER โดย CodeMobiles Co., Ltd.

ในหลักสูตรนี้ เหมาะสำหรับองค์กรหรือท่านที่ต้องการพัฒนา Web Application ด้วย Angular 16 (Frontend) และ ASP.NET CORE 7 (Backend) ซึ่งสามารถพัฒนาได้บนระบบปฏิบัติการ Windows, Mac, Linux

การติดต่อกับฐานข้อมูล SQL Server โดยใช้แนวคิด Database First ด้วยเครื่องมือ Entity Framwork Core (EF CORE) ที่สามารถ Mapping Database กับ Web Application ด้วยแนวคิด Object-Relational Mapping (ORM) ทำให้การเพิ่ม-แก้ไข-ลบข้อมูลสะดวกมากขึ้น เป็นแนวคิดของการจัดการฐานข้อมูลสมัยใหม่

ด้วยความสามารถของ Angular ซึ่งสามารถทำ 2-Ways Data Binding ได้ ทำให้เวปที่เราออกแบบสามารถทำงานได้เหมือน Mobile App ที่เป็นแบบ (Mutiple Views in Single Page) ที่ไม่ต้อง Reload/Redirect URL บน Browser ทำให้ผู้ใช้งานรู้สึกเหมือนโหลดแอปทั้งหมดมารันทีเดียว ไม่ต้องเสียเวลาไป re-load page ใหม่ทุกครั้ง และรองรับการแสดงผลหลายรูปแบบหน้าจอ

สร้าง Web API ที่ติดต่อกับฐานข้อมูล SQL Server ด้วย ASP .NET Core (backend) ที่ใช้ในการส่งข้อมูลระหว่าง Angular ในรูปแบบ Restful API with JSON ด้วยความสามารถของ ASP .NET Core ที่เป็นเทคโนโลยีใหม่ของทาง Microsoft ทำให้ความเร็วในการแสดงผลข้อมูลเร็ว สะดวก และมีความปลอดภัย เป็นมาตราฐานในระดับองค์กร

การใช้ Extensions และเครื่องมือต่างๆเข้ามาช่วยในการพัฒนา ทำให้สามารถพัฒนาได้สะดวกและรวดเร็วขึ้น, การ Validate ข้อมูลต่างๆ โดยการนำ Model มา Binding ก่อนส่งไปที่ Server, การสร้าง Service โดยใช้เทคนิค Dependency Injection ช่วยให้ง่ายต่อการพัฒนาและทดสอบระบบง่ายขึ้น

ดาวน์โหลดเอกสารหลักสูตร (.pdf)

Course Outline

วีดีโอการตรียมตัวสอนผ่าน Zoom

พื้นฐานผู้เข้าอบรม

HTML, CSS, JS พื้นฐาน
แนวคิด OOP C# .NET หรือ JAVA

CodeMobiles Learning Path

คลิปวีดีโอแนะนำแนวทางในการลงทะเบียนหลักสูตรโค้ดโมบายส์ สำหรับผู้ที่ไม่แน่ใจในตัวเองว่าควรลงหลักสูตรไหน

สอนโดยทีมงานที่พัฒนาระบบ POSPOS - www.pospos.co

ตัวอย่าง Workshops ระบบ POS (Point of Sale)

เนื้อหาโดยละเอียด

Day 1:
Introduction

What is Angular?
Why Angular?
What is a Single Page Application (SPA)?
How Does the Angular + .NET Core Work?
Angular vs React

Setup and Installation

Installing Node JS
Install Angular CLI
Install VSCode
Install Extensions VSCode
Install ASP .NET Core
Install Git
Install Postman for API testing
Configure VSCode
Guided Tour of VSCode
Using NPM (Node Package Manager)
Angular CLI
New Project
Exploring the Project Structure
Running Your WebApp
Version Control by GitHub

Components & Templates

Introduction to components
Template Syntax
Listening to Events
Displaying Data
User Input
Lifecycle Hooks
Diving Into Structural Directives
Diving Into Attribute Directives

Begin POS Workshop

Manage resource file (asset)
Integrate Adminlte Theme
Typescript Programming
Create components
Design Login and Register page
Header, footer, menu

Day 2:
Routing

Create Routing for Workshop
Router outlet
Routing with Parameters

Member Workshop

FormsModule
ReactiveFormsModule
TailwindCSS + Angular
Template-driven forms
Form Validation
Introduction to services
Dependency injection (DI)
Redirect and Back Location

Using the Angular HTTP Client

HttpClientModule
Manage Environment
Create Model
Mapping JSON to TS
Observable

Stock Workshop

Integrate Table
Angular Form and 2-Ways Data Binding
Angular Regular Expression with Pipe
Learn Angular Material User Interface
Typescript Programming

Day 3:
ASP .NET CORE WEB API

What is a RESTful API?
What is ASP .NET Core?
Why ASP .NET Core?
ASP .NET CORE CLI
New Project
Exploring the Project Structure
Generate self cert
Testing API
Using Extension Template
Route
Request Handler
Validation Request
Parser Request (Query String, Path, Form, Json)
Middleware
Debug and Logging files

Working with SQL Server

NuGet Package Manager
Entity Framework Core tools .NET CLI
Database First Migrations
Database Context
Manage Environment
Service provider and Dependencies injection
Entity Framework Core
Using SQL Management on VSCode

Member API Workshop

Repository Pattern
Password Encryption
CRUD (Create, Read, Update and Delete) with EFCore
Using Postman for API Testing

Stock API Workshop

Async and Await
Upload Files
Manage Static Files (Images, CSS, Html, etc.)

Day 4:
Final API Workshop

Understanding SPA Authentication
Protecting Resources with Authorization
What is JWT?
Generate and Validate JWT
Setup CORS (Cross-Origin Resource Sharing)

Integrate Angular

Saving the Token in the Local Storage
Adding Route Guards
Http Interceptor
Using Sweet-Alert
Adding an Error Dialog
Adding an Image Preview
Uploading Files
Component Communication
Data Exchange between Components both (Child and Parent)
Event Emitter and Listener between Components
Create Service (sharing data and functionality)
Custom Pipes
Stylesheet programming
Finish Workshops and Features

Day 5:
Publishing on Docker

Production Deployment
Deploy Angular on Docker
Deploy ASP .NET on Docker
Deploy SQLServer on Docker
Docker Compose
Docker Network and Volumn

สุดยอดของว่างที่จะทำให้เรียนอย่างมีความสุข

More Details / รายละเอียดเพิ่มเติม

สำหรับผู้ที่ต้องการให้ทางโค้ดโมบายส์ จัดเตรียมเครื่อง Mac ให้ จ่ายเพิ่ม 2,500 ฿ (ราคาไม่รวมภาษีมูลค่าเพิ่ม 7%) รบกวนแจ้งล่วงหน้า เพราะเครื่องมีจำกัด
หมายเหตุ : ทางบริษัท ฯ ขอสงวนสิทธิ์ในการเลื่อนกำหนดเปิด หรือยกเลิกคอร์ส หากมีผู้เข้าอบรมน้อยกว่าจำนวนขั้นต่ำ ซึ่งผู้อบรมที่ชำระเงินค่าอบรมแล้ว จะได้รับเงินค่าอบรมคืนทั้งหมด

Apply Now / สมัครเข้าอบรม

1.
2. e-mail มาที่ support@codemobiles.com
3. หรือโทร 081-359-9468, (Hotline 24 hrs) 081-359-9468

Payment / วิธีชำระเงิน ชำระเงินผ่านธนาคารหรือตู้ ATM

ธนาคารกสิกรไทย สาขา ซอยแฉล้มนิมิตร (ประดู่ 1)

ชื่อบัญชี บริษัท โค้ดโมบายส์ จำกัด (ออมทรัพย์) 670-2-04739-9 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน

*เมื่อชำระเงินเรียบร้อยแล้ว รบกวนแฟกซ์สลิปมาที่ +(66) 2-689-7926, สแกนส่งทางอีเมล support@codemobiles.com หรือโทรแจ้งมาที่เบอร์ +(66) 2-689-8943

สอนโดยทีมงานที่พัฒนาระบบ POSPOS - www.pospos.co

ตัวอย่าง Workshops ระบบ POS (Point of Sale)

แนะนำหลักสูตร