Web Development · WDC-95

.NET Core 8 with Angular 18 (5 days)

30 hours 5 days

Last updated 25 Sep 2026

.NET Core 8 with Angular 18 (5 days) is a 30-hour training course by IT Genius Institute. ในการสร้างเว็บแอปพลิเคชั่นสมัยใหม่ มีเครื่องมือภาษาและ framework ให้เลือกใช้มากมาย หนึ่งในภาษาที่มีประสิทธิภาพสูงคือ C# ของ Microsoft ด้วยลักษณะตัวภาษาเป็น OOP…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

.NET Core 8 with Angular 18 (5 days) ในการสร้างเว็บแอปพลิเคชั่นสมัยใหม่ มีเครื่องมือภาษาและ framework ให้เลือกใช้มากมาย หนึ่งในภาษาที่มีประสิทธิภาพสูงคือ C# ของ Microsoft ด้วยลักษณะตัวภาษาเป็น OOP ตั้งแต่เริ่ม ดังนั้นจึงเหมาะสมทั้งงานขนาดเล็กไปถึงระบบใหญ่ๆ ที่มีความซับซ้อน การทำงานร่วมกันเป็นทีมได้อย่างดี โดยทาง Microsoft ได้พัฒนา Framework ที่ไว้สำหรับทำงานบนเว็บที่ชื่อว่า .NET Core ซึ่งทำงานภายใต้ .NET Framework และในปัจจุบันยังเปิดเป็นโอเพนซอส สามารถทำงานได้ทั้งบน Windows , MacOS และ Linux จึงเปิดกว้างให้นักพัฒนาทุก Platform สามารถเข้ามาใช้งานได้สะดวกขึ้นมาก

เนื้อหาการอบรมในหลักสูตรนี้ จะเป็นการพัฒนาเว็บแอปพลิเคชั่นแบบ "Full Stack" กล่าวคือจะใช้ Angular 18 เป็นส่วน Frontend และใช้ ASP.NET Core (ปัจจุบันเปลี่ยนชื่อเป็น .NET) ล่าสุดเป็นส่วน Backend โดยเขียนเป็น API ให้ Angular เรียกใช้งาน ร่วมกับฐานข้อมูลยอดนิยม ทั้ง MS SQL Server, MySQL, PostgreSQL และ MongoDB ทำงานผ่าน Entity Framework Core ที่ทาง Microsoft พัฒนามาให้ทำงานกับฐานข้อมูลได้อย่างง่ายดาย

Objectives

เข้าใจการทำงาน .NET Core 7 ร่วมกับ Angular 18
เรียนรู้การใช้ Entity Framework Core เพื่อเชื่อมฐานข้อมูล
สามารถทำเว็บแอปพลิเคชั่นแบบ Full Stack ได้

Who this course is for

นักเรียนนักศึกษา
ครู อาจารย์ วิทยากรที่สนใจ
นักวิชาการ นักไอที หรือผู้ดูและระบบ
ตลอดจนผู้สนใจทั่วไป

Prerequisites

พื้นฐาน Visual C#
พื้นฐานการค้นหาข้อมูลจากอินเตอร์เน็ต

Curriculum

1. Introduction

What is Angular?

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

2. 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

3. Components & Templates

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

4. Begin POS Workshop

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

5. Routing

Create Routing for Workshop
Router outlet
Routing with Parameters

6. Member Workshop

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

7. Using the Angular HTTP Client

HttpClientModule
Manage Environment
Create Model
Mapping JSON to TS
Observable

8. Stock Workshop

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

9. 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

10. 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

11.Member API Workshop

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

12.Stock API Workshop

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

13.Final API Workshop

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

14. 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

15. Publishing on Docker

Production Deployment
Deploy Angular on Docker
Deploy ASP .NET on Docker

Frequently asked questions

Who is .NET Core 8 with Angular 18 (5 days) for, and what background is needed?

Built for นักเรียนนักศึกษา · ครู อาจารย์ วิทยากรที่สนใจ · นักวิชาการ นักไอที หรือผู้ดูและระบบ Background you should have: พื้นฐาน Visual C# · พื้นฐานการค้นหาข้อมูลจากอินเตอร์เน็ต Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does .NET Core 8 with Angular 18 (5 days) cost and how long does it run?

THB 13,500 (currently THB 12,150 on promotion). The course runs 30 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.