Loading
Preparing your next view
Fetching content, finishing layout, and keeping navigation smooth.
Full Stack Angular + .NET
Angular 17 + .NET 8 + C# 12 + ASP.NET Core Web API + SQL Server
Duration3 months
Projects3+
Duration
3 months
Level
Beginner to Intermediate
Mode
Online (Mentor-led)
About this program
Overview
Program snapshot
Build a full stack job portal style application with Angular, TypeScript, .NET 8, C#, ASP.NET Core Web API, Entity Framework Core, SQL Server, JWT authentication, SignalR, testing, and deployment. This program combines Angular frontend development, .NET backend/API development, and end-to-end API integration into one job-ready course.
Prerequisites
- Basic HTML/CSS
- Basic JavaScript fundamentals
- Willingness to practice regularly
What you will be able to do
- Build Angular applications with components, routing, forms, services, RxJS, and Angular Material
- Develop ASP.NET Core Web APIs using C#, Entity Framework Core, SQL Server, middleware, caching, and clean architecture patterns
- Implement JWT authentication, authorization, file uploads, validation, and real-time SignalR features across the stack
- Integrate Angular with .NET APIs using HttpClient, interceptors, typed models, error handling, search, filters, and pagination
- Test, dockerize, deploy, and present a complete full stack application with CI/CD basics
Module-by-module breakdown
Syllabus
A1Angular: TypeScript fundamentals8 topics - 1 labsOpen module
A1Angular: TypeScript fundamentals
8 topics - 1 labs
Topics
- TypeScript vs JavaScript
- Types, interfaces, enums
- Classes and inheritance
- Generics
- Decorators
- Modules and namespaces
- Arrow functions, async/await
- tsconfig.json setup
Hands-on / Labs
- Lab: Build a TypeScript class library: Create Employee, Department, and Project classes with interfaces and generics
A2Angular: Angular architecture and setup8 topics - 1 labsOpen module
A2Angular: Angular architecture and setup
8 topics - 1 labs
Topics
- Angular CLI — ng new, ng serve
- Project folder structure
- NgModules — AppModule
- Components overview
- Angular lifecycle hooks
- Standalone components (v17+)
- Angular DevTools
- Dev vs production environments
Hands-on / Labs
- Lab: Set up Angular app with routing and feature modules: Create routing module, shared module, and lazy-loaded feature modules
A3Angular: Components and templates10 topics - 1 labsOpen module
A3Angular: Components and templates
10 topics - 1 labs
Topics
- Interpolation {{ }}
- Property binding [ ]
- Event binding ( )
- Two-way binding [(ngModel)]
- *ngIf, *ngFor, *ngSwitch
- Built-in pipes — date, currency
- Custom pipes
- @Input() and @Output()
- ViewChild, ContentChild
- Component communication
Hands-on / Labs
- Lab: Reusable job-card component: Build a job-card component with @Input for job data and @Output for apply button click event
A4Angular: Services and dependency injection8 topics - 1 labsOpen module
A4Angular: Services and dependency injection
8 topics - 1 labs
Topics
- Creating services with CLI
- providedIn: 'root'
- HttpClientModule setup
- GET, POST, PUT, DELETE
- HTTP headers and params
- Error handling — catchError
- Loading indicators
- Environment API URLs
Hands-on / Labs
- API Lab: Connect to .NET Web API: Create JobService calling GET /api/jobs, POST /api/applications with error handling and loading state
A5Angular: Routing and navigation8 topics - 1 labsOpen module
A5Angular: Routing and navigation
8 topics - 1 labs
Topics
- RouterModule setup
- router-outlet
- routerLink, routerLinkActive
- Route parameters
- Child routes
- Lazy loading modules
- AuthGuard — CanActivate
- Route resolvers
Hands-on / Labs
- Lab: Job portal navigation: Routes for home, job-list, job-detail/:id, apply, login, dashboard with AuthGuard protection
A6Angular: Forms — Template and Reactive8 topics - 1 labsOpen module
A6Angular: Forms — Template and Reactive
8 topics - 1 labs
Topics
- Template-driven forms
- Reactive forms — FormBuilder
- FormGroup, FormControl, FormArray
- Built-in validators
- Custom validators
- Cross-field validation
- Dynamic form fields
- File upload with FormData
Hands-on / Labs
- Lab: Job application form: Reactive form with name, email, phone, experience, resume upload and cover letter with full validation
A7Angular: RxJS and state management8 topics - 1 labsOpen module
A7Angular: RxJS and state management
8 topics - 1 labs
Topics
- Observable vs Promise
- Subject, BehaviorSubject
- map, filter, switchMap
- combineLatest, forkJoin
- debounceTime, distinctUntilChanged
- takeUntil, async pipe
- NgRx store, actions, reducers
- Signals (Angular 17+)
Hands-on / Labs
- Lab: Live job search with RxJS: Real-time job search using debounceTime + switchMap + HttpClient to call the .NET API
A8Angular: Authentication and JWT8 topics - 1 labsOpen module
A8Angular: Authentication and JWT
8 topics - 1 labs
Topics
- JWT concept and structure
- Login and register API calls
- Storing token in localStorage
- HTTP interceptor — attach token
- Auth service
- AuthGuard implementation
- Token refresh strategy
- Role-based route access
Hands-on / Labs
- API Lab: Full auth flow with .NET JWT: Connect Angular login to .NET /auth/login, store JWT, attach to all requests via interceptor
A9Angular: Angular Material and UI8 topics - 1 labsOpen module
A9Angular: Angular Material and UI
8 topics - 1 labs
Topics
- Installing Angular Material
- MatTable with pagination, sort
- MatDialog, MatSnackBar
- MatFormField, MatInput
- MatSidenav, MatToolbar
- Custom theming with SCSS
- CDK — overlay, drag-drop
- Responsive layout
Hands-on / Labs
- Lab: Dashboard with Angular Material: Employer dashboard with MatTable for applicants, MatDialog for details, MatSnackBar for notifications
A10Angular: Testing, build and deployment8 topics - 1 labsOpen module
A10Angular: Testing, build and deployment
8 topics - 1 labs
Topics
- Jasmine and Karma setup
- Unit testing components
- Testing services with HttpClientTestingModule
- Cypress e2e testing
- ng build --prod
- Deploy to Vercel / Netlify
- Environment configurations
- Performance optimization
Hands-on / Labs
- Lab: Production build and deploy: Build Angular app, deploy to Vercel, connect to .NET API on Railway
D1.NET & C#: C# fundamentals10 topics - 1 labsOpen module
D1.NET & C#: C# fundamentals
10 topics - 1 labs
Topics
- Variables, data types, operators
- Control flow — if, switch, loops
- Classes, objects, constructors
- Inheritance and polymorphism
- Interfaces and abstract classes
- Generics
- Collections — List, Dictionary
- LINQ — query syntax
- Exception handling
- Records and tuples (.NET 8)
Hands-on / Labs
- Lab: Job portal domain models: Create Job, Company, User, Application C# classes with properties, constructors and LINQ queries
D2.NET & C#: Async programming8 topics - 1 labsOpen module
D2.NET & C#: Async programming
8 topics - 1 labs
Topics
- Task and Task<T>
- async and await keywords
- ConfigureAwait
- CancellationToken
- Parallel.ForEach
- IAsyncEnumerable
- ValueTask optimization
- Deadlock prevention
Hands-on / Labs
- Lab: Async job service: Write async methods to fetch jobs, process applications and send emails concurrently
D3.NET & C#: ASP.NET Core Web API10 topics - 1 labsOpen module
D3.NET & C#: ASP.NET Core Web API
10 topics - 1 labs
Topics
- Program.cs minimal API setup
- Controllers and actions
- Route attributes
- HTTP verbs — GET, POST, PUT, DELETE
- IActionResult, ActionResult<T>
- Model binding and validation
- Middleware pipeline
- CORS configuration
- Swagger / OpenAPI setup
- Global error handling
Hands-on / Labs
- API Lab: Jobs Web API: Build JobsController with GET /api/jobs (with filtering), GET /api/jobs/{id}, POST, PUT, DELETE
D4.NET & C#: Entity Framework Core10 topics - 1 labsOpen module
D4.NET & C#: Entity Framework Core
10 topics - 1 labs
Topics
- DbContext setup
- Entity classes and annotations
- Code-first migrations
- Relationships — one-to-many
- Fluent API configuration
- LINQ — Where, Include, Select
- Eager vs lazy loading
- Pagination and filtering
- Raw SQL queries
- Transactions
Hands-on / Labs
- Lab: Job portal database with EF Core: Create DbContext with Jobs, Companies, Users, Applications — run migrations on SQL Server
D5.NET & C#: JWT authentication and authorization8 topics - 1 labsOpen module
D5.NET & C#: JWT authentication and authorization
8 topics - 1 labs
Topics
- JWT structure — header, payload, signature
- Install JwtBearer package
- Generate JWT token
- Validate JWT token
- [Authorize] attribute
- Role-based authorization
- Custom policies
- Refresh token implementation
Hands-on / Labs
- API Lab: Auth endpoints: Build /api/auth/register, /api/auth/login returning JWT. Protect endpoints with [Authorize(Roles = "Employer")]
D6.NET & C#: Repository and service pattern8 topics - 1 labsOpen module
D6.NET & C#: Repository and service pattern
8 topics - 1 labs
Topics
- Repository pattern
- Generic repository
- Service layer
- Dependency injection
- DTOs and AutoMapper
- Unit of Work pattern
- Separation of concerns
- Clean architecture layers
Hands-on / Labs
- Lab: Refactor to clean architecture: Move to Domain, Application, Infrastructure, API layers with IJobRepository and JobService
D7.NET & C#: Middleware, filters and logging8 topics - 1 labsOpen module
D7.NET & C#: Middleware, filters and logging
8 topics - 1 labs
Topics
- Custom middleware
- Exception handling middleware
- Action filters
- Resource filters
- ILogger setup
- Serilog integration
- Structured logging
- Health checks
Hands-on / Labs
- Lab: Request logging middleware: Log every API request with method, path, duration and response code using Serilog
D8.NET & C#: Caching and performance8 topics - 1 labsOpen module
D8.NET & C#: Caching and performance
8 topics - 1 labs
Topics
- IMemoryCache
- IDistributedCache
- Redis with StackExchange.Redis
- Response caching middleware
- Cache expiry strategies
- Output caching (.NET 7+)
- EF Core query optimization
- Async streaming
Hands-on / Labs
- Lab: Cache job listings: Cache GET /api/jobs with 5-minute expiry, invalidate on POST/PUT/DELETE
D9.NET & C#: File handling and email8 topics - 1 labsOpen module
D9.NET & C#: File handling and email
8 topics - 1 labs
Topics
- IFormFile — single and multiple
- Save to wwwroot
- File type and size validation
- Azure Blob Storage basics
- SmtpClient email sending
- SendGrid integration
- HTML email templates
- Background email with IHostedService
Hands-on / Labs
- Lab: Resume upload and email notification: Accept resume via IFormFile, save it, send confirmation email to applicant via SendGrid
D10.NET & C#: SignalR — real-time communication8 topics - 1 labsOpen module
D10.NET & C#: SignalR — real-time communication
8 topics - 1 labs
Topics
- SignalR Hub setup
- Hub methods
- Client groups
- Send to specific user
- Broadcast to all
- Connection lifecycle
- Auth in SignalR
- Scale-out with Redis backplane
Hands-on / Labs
- Lab: Real-time application status: Employer updates status → SignalR notifies candidate browser instantly
D11.NET & C#: Unit testing and integration testing8 topics - 1 labsOpen module
D11.NET & C#: Unit testing and integration testing
8 topics - 1 labs
Topics
- xUnit setup
- Arrange, Act, Assert pattern
- Moq — mock dependencies
- Testing services
- InMemory database for tests
- WebApplicationFactory
- Integration tests for API
- Test coverage reports
Hands-on / Labs
- Lab: Test job portal API: Unit test JobService with Moq, integration test JobsController with WebApplicationFactory
D12.NET & C#: Deployment — Docker and cloud8 topics - 1 labsOpen module
D12.NET & C#: Deployment — Docker and cloud
8 topics - 1 labs
Topics
- Dockerfile for .NET app
- docker-compose
- Environment variables in Docker
- Azure App Service deploy
- Deploy to Railway
- GitHub Actions CI/CD
- appsettings per environment
- Secrets management
Hands-on / Labs
- Lab: Deploy .NET API to Railway: Dockerize .NET API, push to GitHub, auto-deploy to Railway via GitHub Actions
I1API Integration: REST API fundamentals8 topics - 1 labsOpen module
I1API Integration: REST API fundamentals
8 topics - 1 labs
Topics
- REST principles and constraints
- HTTP methods — GET, POST, PUT, PATCH, DELETE
- HTTP status codes — 200, 201, 400, 401, 404, 500
- Request and response headers
- JSON payload structure
- API versioning
- Postman — test APIs
- Swagger / OpenAPI docs
Hands-on / Labs
- Lab: Test .NET API with Postman: Test all job portal endpoints — GET jobs, POST login, POST apply — inspect headers, status codes, payloads
I2API Integration: Angular HttpClient + .NET API8 topics - 1 labsOpen module
I2API Integration: Angular HttpClient + .NET API
8 topics - 1 labs
Topics
- TypeScript interfaces matching C# DTOs
- HttpClient GET with params
- POST with JSON body
- PUT and DELETE
- HttpParams for query strings
- Error handling — 400, 401, 500
- Retry logic with RxJS
- Loading and error states in UI
Hands-on / Labs
- Lab: Job portal Angular services: Create JobService, AuthService, ApplicationService mapping to .NET API endpoints with full error handling
I3API Integration: JWT auth flow — end to end8 topics - 1 labsOpen module
I3API Integration: JWT auth flow — end to end
8 topics - 1 labs
Topics
- Angular login form → POST /auth/login
- Store JWT in localStorage
- HTTP Interceptor — add Bearer token
- .NET validate token middleware
- Handle 401 — redirect to login
- Decode JWT — get user role
- Show/hide UI based on role
- Logout — clear token
Hands-on / Labs
- Lab: Complete auth integration: Angular login → .NET JWT → interceptor attaches token → protected endpoints → role-based UI
I4API Integration: File uploads and FormData8 topics - 1 labsOpen module
I4API Integration: File uploads and FormData
8 topics - 1 labs
Topics
- FormData in Angular
- File input binding
- Upload progress tracking
- .NET IFormFile handling
- Save to wwwroot / cloud storage
- File type and size validation
- Return file URL from API
- Azure Blob / AWS S3 basics
Hands-on / Labs
- Lab: Resume upload integration: Angular file upload with progress bar → .NET IFormFile → save → return URL → store in database
I5API Integration: Search, filter and pagination8 topics - 1 labsOpen module
I5API Integration: Search, filter and pagination
8 topics - 1 labs
Topics
- Angular search with debounce
- Build query params dynamically
- .NET filter with LINQ
- Server-side pagination
- PagedResult DTO
- Angular paginator component
- Sort by column
- Total count in response header
Hands-on / Labs
- Lab: Job search and filter: Angular search + filters → .NET LINQ query with pagination → display results with page navigation
I6API Integration: SignalR — real-time features8 topics - 1 labsOpen module
I6API Integration: SignalR — real-time features
8 topics - 1 labs
Topics
- SignalR Hub in .NET
- @microsoft/signalr in Angular
- HubConnection setup
- Send and receive messages
- Groups — notify specific user
- Connection lifecycle
- Reconnect on disconnect
- Broadcast to all users
Hands-on / Labs
- Lab: Application status notifications: Employer updates status → SignalR notifies candidate in real-time without page refresh
I7API Integration: Error handling and validation8 topics - 1 labsOpen module
I7API Integration: Error handling and validation
8 topics - 1 labs
Topics
- .NET ValidationProblemDetails
- FluentValidation
- Angular error interceptor
- Display validation errors in forms
- Toast notifications
- Global error boundary
- Retry on network error
- Offline detection
Hands-on / Labs
- Lab: Full validation across stack: FluentValidation in .NET → error response → Angular displays field errors with toast notifications
I8API Integration: Full stack deployment8 topics - 1 labsOpen module
I8API Integration: Full stack deployment
8 topics - 1 labs
Topics
- ng build --configuration production
- Deploy Angular to Vercel
- Deploy .NET API to Railway
- Connect Neon PostgreSQL in cloud
- Environment variables on each platform
- CORS setup for production
- GitHub Actions CI/CD pipeline
- Custom domain and SSL
Hands-on / Labs
- Lab: Deploy full stack app: Angular on Vercel + .NET on Railway + Neon DB — push to GitHub triggers auto-deployment
Tools & technologies covered
Tech Stack
Frontend
6 tools
Backend
2 tools
C#
Covered skill
.NET
Covered skill
Database
2 tools
Cloud / Hosting
2 tools
CI/CD
4 tools
Portfolio-ready work
Projects
01
Project 1: Angular Job Portal Frontend
Build a responsive Angular frontend with reusable components, routing, forms, Material UI, and API-ready service layers.
Deliverables
- Angular routes and feature modules
- Reactive job application forms
- Dashboard UI with Angular Material
02
Project 2: .NET Job Portal Web API
Build an ASP.NET Core Web API with C# domain models, EF Core, SQL Server, JWT auth, clean architecture, logging, and caching.
Deliverables
- CRUD API endpoints with Swagger/Postman coverage
- EF Core schema and migrations
- JWT protected role-based endpoints
03
Project 3: End-to-End Full Stack Integration
Connect Angular and .NET into one production-style workflow with auth, file upload, search, pagination, SignalR, and deployment.
Deliverables
- Angular HttpClient services and interceptors
- Integrated auth, upload, search, and notification flows
- Deployment-ready build with CI/CD outline
Capstone
Capstone: Full Stack Job Portal
A complete Angular + .NET application with secure APIs, SQL Server persistence, real-time application status updates, testing, and cloud deployment steps.