Learn C# Full Stack Development with Angular and ASP.NET
Build web applications with C#, ASP.NET 8, and Angular 18 to become a full stack web developer
Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso
En línea · 60 h
30 unidades
Nivel intermedio
Qué aprenderás
Lo que serás capaz de hacer
Learn C# full stack web development with Angular and ASP.NET with this course and elevate your coding skills to a Professional Level. Are you ready for the journey to becoming a full-stack web developer? Great! Welcome to the Fullstack Web Development with Angular and C# ASP.NET course. A comprehensive course designed to transform your basic C# knowledge into full-stack expertise. This course is perfect for those seeking to enhance their coding skills and secure a promising career in full-stack development. Key features of this course include: C# web development with ASP.NET 8 for backend development Build frontend applications using Angular 18 including components, services, routes and validation Crafting RESTful APIs using Entity Framework and the Repository Design Pattern Using swagger for API testing Focus on building CRUD based full-stack web applications using the popular Angular & ASP net stack The course is led by Jannick Leismann, a Certified Microsoft .NET developer, and Denis Panjuta, a former Oracle Consultant and creator of the world's most popular beginner C# BootCamp: "The C# Masterclass" Enroll in the Fullstack Web Development with Angular and C# ASP.NET course today and enjoy lifetime course access, in-depth video tutorials, 5 Star Support, real-world development focus, and a 100% no-quibble money-back guarantee. Take the leap and upgrade your skills to become a full-stack web developer with this comprehensive course now.
- Build backend web applications with ASP NET 8
- Craft frontend Applications using Angular 18
- Learn TypeScript development for Angular
- Learn how to build professional APIs using the Repository Design Pattern
- Learn how to implement and query SQL databases
- Develop comprehensive web applications that your employers and peers will love
Temario
UNIDAD 1 - Creating your first full-stack application Part 1: ASP.NET · 18 leccionesUNIDAD 1 - Creating your first full-stack application Part 1: ASP.NET
UNIDAD 1 - Creating your first full-stack application Part 1: ASP.NET · 18 lecciones
UNIDAD 1 - Creating your first full-stack application Part 1: ASP.NET
- Course Introduction
- What is full stack development
- Installing Visual Studio and ASP.NET
- Creating an API project
- In-Depth exploration of the API project
- Structure of an ASP.NET API
- Handout: ASP.NET
- Creating the book model
- Creating the book controller from scratch
- A small request
- HTTP requests and responses
- Handout Http Requests
- Creating the get all books endpoint
- Configuring the project for controllers
- Adding a redirection for the default route
- API review before moving on
- Quiz: ASP.NET Basics
- Handout: Full-Stack Development
UNIDAD 2 - Creating your first full-stack application Part 2: Angular · 20 leccionesUNIDAD 2 - Creating your first full-stack application Part 2: Angular
UNIDAD 2 - Creating your first full-stack application Part 2: Angular · 20 lecciones
UNIDAD 2 - Creating your first full-stack application Part 2: Angular
- Installing node.js
- Installing the angular cli
- Installing visual studio code and extensions
- Setting the execution policy
- Creating your first Angular project
- Angular project deep-dive
- Handout: Angular
- Creating the book interface
- Creating the book-list component
- Binding data of components
- Binding a book object
- Creating an ngFor loop to show multiple books
- Creating the angular book service
- Building the book service
- Handout: Angular services
- Sending a get request with observable to the api
- Handout angular observables
- Using the book service in our component
- Configuring CORS to allow api access
- Quiz: Angular Basics
UNIDAD 3 - Employee Management System Part 1: ASP.NET · 32 leccionesUNIDAD 3 - Employee Management System Part 1: ASP.NET
UNIDAD 3 - Employee Management System Part 1: ASP.NET · 32 lecciones
UNIDAD 3 - Employee Management System Part 1: ASP.NET
- Project Introduction: Employee Management System
- Source Code ASP API
- Installing .NET 9.0
- Updating visual studio
- Enabling preview features in vs
- Source Code: Employee Management API
- Creating the asp employee management project
- Employee model creation
- Installing Entity Framework Core + In Memory Database
- 306 Creating and registering a database context
- Handout: DB Context
- Adding a DbSet<> for our employees to the db context
- Handout: Entity Framework
- Configuring CORS for Angular
- Using the repository design pattern and creating the repository interface
- Creating the employee repository class
- Employee repository logic for adding
- Employee repository logic for getting
- Employee repository logic for updating and deleting
- Handout: Repository design pattern
- Registration of the repository for the dependency injection
- Creating the employee API conroller with a create endpoint
- Adding and configuring Swagger
- Testing an API endpoint with Swagger
- GetAll Endpoint
- GetById Endpoint
- Create Endpoint
- Delete Endpoint
- Update Endpoint
- API review
- Handout: ASP Crud API
- Quiz: ASP.NET
UNIDAD 4 - Employee Management System Part 2: Angular · 21 leccionesUNIDAD 4 - Employee Management System Part 2: Angular
UNIDAD 4 - Employee Management System Part 2: Angular · 21 lecciones
UNIDAD 4 - Employee Management System Part 2: Angular
- Source Code Angular App
- Angular project creation
- Employee interface and employee table component
- Environments for the api url
- Creating the employee service
- Loading employees from the api
- Showing the employee data in a table
- Defining routes in angular
- Creating a simple navigation menu based on routes
- Preparing the employee form
- Creating the employee form and data binding
- Finishing the employee form
- Handout: Angular data-binding
- Extending the service to send a http post request
- Handling observable errors and showing error messages with conditional rendering
- Deleting Employees
- Edit Employee Route
- Reading a param from the URL
- Loading the employee to edit
- Editing an existing employee
- Quiz: Angular
UNIDAD 5 - Employee Management System Part 3: Styling · 6 leccionesUNIDAD 5 - Employee Management System Part 3: Styling
UNIDAD 5 - Employee Management System Part 3: Styling · 6 lecciones
UNIDAD 5 - Employee Management System Part 3: Styling
- Exploring Bootstrap
- Installing Bootstrap
- Styling a navbar
- Styling the employee table
- Styling the employee form
- Quiz Bootstrap
UNIDAD 6 - Employee Management System Part 4: Validation · 9 leccionesUNIDAD 6 - Employee Management System Part 4: Validation
UNIDAD 6 - Employee Management System Part 4: Validation · 9 lecciones
UNIDAD 6 - Employee Management System Part 4: Validation
- Why we need validation
- ASP.NET validation with data annotations
- ASP.NET validation logic based on model state
- Handout: Validation and data annotations
- Angular template driven form validation
- Validating the entire form
- Toggling the form button based on the form state
- Handling general error messages
- Validation
UNIDAD 7 - Course Completion · 1 leccionesUNIDAD 7 - Course Completion
UNIDAD 7 - Course Completion · 1 lecciones
UNIDAD 7 - Course Completion
- Good job! You have completed the course :-)
UNIDAD 8 - Old Project (Angular 14 and ASP 6) Typescript Basics · 12 leccionesUNIDAD 8 - Old Project (Angular 14 and ASP 6) Typescript Basics
UNIDAD 8 - Old Project (Angular 14 and ASP 6) Typescript Basics · 12 lecciones
UNIDAD 8 - Old Project (Angular 14 and ASP 6) Typescript Basics
- What you will learn
- Source Code
- SPA explanation
- Installing the correct .NET Version
- Installing Node.js
- Installing Angular
- Exploring the template
- New Template!
- Typescript Part 1
- Typescript Part 2
- Typescript Part 3
- Handout
UNIDAD 9 - Data Binding · 4 leccionesUNIDAD 9 - Data Binding
UNIDAD 9 - Data Binding · 4 lecciones
UNIDAD 9 - Data Binding
- Intro
- Data binding
- Summary
- Handout
UNIDAD 10 - Basic Routing · 4 leccionesUNIDAD 10 - Basic Routing
UNIDAD 10 - Basic Routing · 4 lecciones
UNIDAD 10 - Basic Routing
- Intro
- Exploring Routes in a Project
- Creating and Routing a Custom Component
- Handout
UNIDAD 11 - Visualizing a List in a Component · 9 leccionesUNIDAD 11 - Visualizing a List in a Component
UNIDAD 11 - Visualizing a List in a Component · 9 lecciones
UNIDAD 11 - Visualizing a List in a Component
- Presentation NPM packages
- Install npm package fontawesome and reference it
- Angular.json explanation
- Showing some airline names
- Building search flights html form
- Presentation Interfaces
- Creating interfaces
- Styling Flight-Search Page
- Handout
UNIDAD 12 - Getting Lists from Web API · 6 leccionesUNIDAD 12 - Getting Lists from Web API
UNIDAD 12 - Getting Lists from Web API · 6 lecciones
UNIDAD 12 - Getting Lists from Web API
- Short API Intro
- JSON EXPLAINATION
- Search Flight Endpoint
- Flight data as records
- Setting up Swagger and OpenAPI
- Handout
UNIDAD 13 - Downloading Data from Web API using Angular · 7 leccionesUNIDAD 13 - Downloading Data from Web API using Angular
UNIDAD 13 - Downloading Data from Web API using Angular · 7 lecciones
UNIDAD 13 - Downloading Data from Web API using Angular
- Angular OpenAPI Gen Presentation
- Installing and configuring ng-openapi-gen
- Auto create client API
- Implement client API to show flight data
- Error handling
- Changing swagger operation names
- Handout
UNIDAD 14 - Parameterizing Angular Routes · 8 leccionesUNIDAD 14 - Parameterizing Angular Routes
UNIDAD 14 - Parameterizing Angular Routes · 8 lecciones
UNIDAD 14 - Parameterizing Angular Routes
- Lifecycle hooks
- Adding book-flight component
- Routing from search-flight to book-flight
- Router Parameters Presentation
- Sending flightId Parameter
- Find Flight Endpoint RestFUL API
- Testing the new Find Flight Endpoint in Swagger
- Handout
UNIDAD 15 - Documenting HTTP Response Codes · 8 leccionesUNIDAD 15 - Documenting HTTP Response Codes
UNIDAD 15 - Documenting HTTP Response Codes · 8 lecciones
UNIDAD 15 - Documenting HTTP Response Codes
- Presentation Http Status Codes
- Attribute for returning responses
- More response attributes
- Display Book Flight Template
- Handling errors
- Navigating the user using router service
- Addition to arrow functions
- Handout
UNIDAD 16 - Posting Data · 9 leccionesUNIDAD 16 - Posting Data
UNIDAD 16 - Posting Data · 9 lecciones
UNIDAD 16 - Posting Data
- HTTP Post Presentation
- Create Register-Passenger component
- Register Form Markup
- Passenger Controller and DTO
- Implementing the form reactive form binding
- Posting the register form to the server
- Receiving the register call
- Find Passenger Action
- Handout
UNIDAD 17 - Using Angular Services - Part 1 · 6 leccionesUNIDAD 17 - Using Angular Services - Part 1
UNIDAD 17 - Using Angular Services - Part 1 · 6 lecciones
UNIDAD 17 - Using Angular Services - Part 1
- Angular Service Presentation
- Auth Service erstellen
- Handling existing User
- Refactoring the login method
- Redirecting the user to registration
- Handout
UNIDAD 18 - Using Angular Services Part 2 · 7 leccionesUNIDAD 18 - Using Angular Services Part 2
UNIDAD 18 - Using Angular Services Part 2 · 7 lecciones
UNIDAD 18 - Using Angular Services Part 2
- Book Flight Form
- Book DTO and Controller Book Post Endpoint
- Posting the Book Flight
- Service Provider Scopes
- My Bookings Component implementation
- Styling Header and Footer
- Handout
UNIDAD 19 - Input Validation · 8 leccionesUNIDAD 19 - Input Validation
UNIDAD 19 - Input Validation · 8 lecciones
UNIDAD 19 - Input Validation
- Adding Data Annotation for Validation to BookDto
- Validation for NewPassengerDTO
- User Feedback Loop
- Adding Validator to Angular
- Displaying different error messages
- Dirty and Touched
- Validation for passenger registration
- Handout
UNIDAD 20 - Entities · 7 leccionesUNIDAD 20 - Entities
UNIDAD 20 - Entities · 7 lecciones
UNIDAD 20 - Entities
- Domain Explanation
- Adding Entities
- Replace RMs with Entities
- Return FlightRm instead of Entity
- Replace BookDto with Entity
- Replace NewPassengerDto with Passenger Entity
- Handout
UNIDAD 21 - Domain Rule Validation · 5 leccionesUNIDAD 21 - Domain Rule Validation
UNIDAD 21 - Domain Rule Validation · 5 lecciones
UNIDAD 21 - Domain Rule Validation
- Domain Rule Validation
- Avoid overbooking a flight
- Alert 409 Error in Angular
- Remove FlightId from Booking Entity
- Refactor flight booking controller code
UNIDAD 22 - Centralizing Data Store · 6 leccionesUNIDAD 22 - Centralizing Data Store
UNIDAD 22 - Centralizing Data Store · 6 lecciones
UNIDAD 22 - Centralizing Data Store
- Entities class
- Creating Entities class and placing static lists inside
- Create Entities object in controllers
- Injecting the Entities Singleton
- Seeding data in program cs
- Handout
UNIDAD 23 - Entity Framework · 5 leccionesUNIDAD 23 - Entity Framework
UNIDAD 23 - Entity Framework · 5 lecciones
UNIDAD 23 - Entity Framework
- Using EF In-Memory Database
- Using EF Core Error Handling
- Model Building EF Core
- D16 - 4 Final words about EF Core
- Handout
UNIDAD 24 - Concurrency Conflicts · 4 leccionesUNIDAD 24 - Concurrency Conflicts
UNIDAD 24 - Concurrency Conflicts · 4 lecciones
UNIDAD 24 - Concurrency Conflicts
- Race Conditions Concurrency
- Concurrency Token
- Handle DbUpdateConcurrencyException
- Handout
UNIDAD 25 - Transforming Collections · 9 leccionesUNIDAD 25 - Transforming Collections
UNIDAD 25 - Transforming Collections · 9 lecciones
UNIDAD 25 - Transforming Collections
- Layout My-Bookings
- Collection transformation
- Get Booking List Endpoint
- Show MyBookings in Angular
- My-Bookings redirect login
- Cancel Booking Backend
- Cancel Booking Frontend
- Switch Passenger Link
- Handout
UNIDAD 26 - Route Guards · 4 leccionesUNIDAD 26 - Route Guards
UNIDAD 26 - Route Guards · 4 lecciones
UNIDAD 26 - Route Guards
- Route Guards
- Implement Route Guards
- Reuse Route Guards
- Auto-Redirect to requested url after login
UNIDAD 27 - EF SQL Provider · 9 leccionesUNIDAD 27 - EF SQL Provider
UNIDAD 27 - EF SQL Provider · 9 lecciones
UNIDAD 27 - EF SQL Provider
- Installing SQL Server package and using it
- Explanation ConnectionString
- Implement Connectionstring
- Service Lifetime
- Create user and connect to database
- Only seed data once
- Add Bookings to SQL Mapping
- Use AppSettings to read ConnectionString
- Handout
UNIDAD 28 - Filtering Data · 9 leccionesUNIDAD 28 - Filtering Data
UNIDAD 28 - Filtering Data · 9 lecciones
UNIDAD 28 - Filtering Data
- Intro
- Search form binding
- FlightSearchParameters
- Query String Presentation
- Using Query String
- Filtering for destination
- Applying other filters
- Final Words
- Handout
UNIDAD 29 - EXTRA 1: Test Driven Development - Unit Testing · 24 leccionesUNIDAD 29 - EXTRA 1: Test Driven Development - Unit Testing
UNIDAD 29 - EXTRA 1: Test Driven Development - Unit Testing · 24 lecciones
UNIDAD 29 - EXTRA 1: Test Driven Development - Unit Testing
- Introduction
- What is TDD
- Create project and write first test method
- Refactoring and adding domain project
- Adding Web API project
- Test first approach
- Assertion Message
- Fluent Assertions
- Test Conditions and Prerequisites
- Setting up flight project
- Translating a scenario to test
- Red green refactor
- Given when then pattern and avoid overbooking scenario discovery
- Avoid overbooking scenario
- Test trustworthiness and devils advocate
- Practical devils advocate for remaining number of seats
- Parameterized tests
- Discovering new scenarios by checking if the production code is complete
- Refactor remember bookings
- Laws of TDD
- Scenario cancel bookings using TDD laws
- Handle cancel booking no booking found
- How you discover new scenarios
- Application layer testing
UNIDAD 30 - Bonus · 1 leccionesUNIDAD 30 - Bonus
UNIDAD 30 - Bonus · 1 lecciones
UNIDAD 30 - Bonus
- Finishing the course
Certificado oficial
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Cómo funciona
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
30 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
6 cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Lo que obtienes
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Denis Panjuta.
- Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo
Conexión estable a internet
Pago único
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 30 unidades · 278 lecciones · 60 h
- 12 meses de acceso
- 6 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Preguntas frecuentes
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Denis Panjuta; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
