Angular ASP.NET Core Bootcamp

Explore startup.cs in an asp.net core bootcamp, detailing two core methods: configure services and configure, and how services are registered, injected, and used to process client requests in the pipeline.

Explore the configure services method, its optional status and pre-configure timing, and register dependencies with the built-in di container using fluent API, including cors and static files for angular apps.

Configure explains how the ASP.NET Core pipeline uses middleware, handles errors in development versus production, and configures the course middleware with options.

Explore dependency injection in a startup class by defining an interface and simple service, registering it as transient, and injecting it into a controller to return a hello message.

Explore ASP.NET Core configuration, including appsettings.json across development, staging, and production, and how to inject IConfiguration; leverage host configuration, environment variables with ESB prefix, and command-line arguments for live updates.

Add an environment-specific settings file and switch the debug environment to view development or live values. Observe how the app reads environment configuration and overrides duplicates through the chosen file.

Learn how middleware operates in the ASP.NET Core pipeline, using the app builder and use, to inspect requests, capture the remote IP address, and perform authentication checks in the pipeline.

Learn how to build and register a custom middleware in ASP.NET Core, including a dedicated middleware class with a request delegate, an invoke method, and an extension for startup configuration.

Create an api controller in ASP.NET Core using Entity Framework, scaffold an empty data controller, apply the ApiController attribute and route, and implement IActionResult actions that return text.

Explore when to use get, post, put, and delete to manage items, including sending data in the request body and mapping action results to statuses like ok or created.

Learn to create and post a product model with name and quantity in an ASP.NET Core data controller, then implement and test a separate put method using Postman.

Send a delete request with the entity id to the api endpoint, tested via Postman; the demo returns a dummy confirmation, reminding you not to delete all data.

Create a DbContext and entities, wire them in startup, install the SQL Server provider, and configure a connection string with multiple active results for EF Core.

Create a product controller, inject the db context, and query the products by id using first or default to retrieve data.

Learn to add a new item to the database using entity framework, call add and save changes, and verify persistence via an API with Postman.

Update an item by sending an update request with its ID, using Entity Framework to modify product fields like quantity, ensuring the correct ID prevents creating new records.

Delete an item by id using a delete method, remove the product from the context, save changes, and verify removal with a delete request and subsequent get.

Explore the client app structure, with end-to-end setup, source, assets, environment files, index.html, main.ts, app module, and key Angular configuration for reusable components.

Discover how Angular components encapsulate a self-contained template and code behind, enabling reusable components. Render them via their selector or router module routing, as demonstrated by the compute counter component.

Create a new Angular component using the CLI, configure its files, and build a simple to-do list with data binding, item array, and template iteration.

Define routing for a new to-do list component, add props support, navigate via the menu, connect the url to the component, and plan a separate routing module.

Learn to implement dependency injection in Angular by creating a reusable to-do service, marking it injectable, injecting it via a component constructor, and debugging with Visual Studio's JavaScript debugger.

Learn how Angular components are self-contained units with a TypeScript file and a template that render as custom elements via a selector, or via module routing, enabling reusable, interactive UI.

Bind data from parent to child using an @Input property named dataFromParent and bracket syntax, then observe input parameter changes in the life cycle console.

Use the output parameter with an event emitter to enable child-to-parent communication in Angular. Create an EventEmitter, emit data, and bind the event in the parent to receive it.

Explore one-way and two-way binding in Angular, linking the view to the TypeScript data source and vice versa. Practice event binding for clicks, using brackets or parentheses for attributes.

Call a child component method from its parent using ViewChild in Angular core, accessing its properties and methods to trigger a message, but prefer input-output for better decoupling.

Create feature modules to decouple related components and code, and enable load in demand with routing for a product module.

Improve code structure by extracting routing into its own module, creating a product routing module with RouterModule and routes, and exporting it for centralized, maintainable routing.

Import common modules to enable forms, directives, and browser support in an Angular app; enable two-way binding with forms and template-driven forms, and explore reactive forms and HDTV client module.

Explore template-driven forms in Angular, compare them to reactive forms, and learn to build a simple form with ngModel two-way binding, validation, and JSON debugging.

Connect a form to a product model by creating a TypeScript Product class with name and quantity, handle onSubmit to submit data, and send it to an API to save.

Explore reactive forms in Angular, compare template driven and reactive approaches, and build a form group with form controls, validating inputs and serializing values to JSON for dynamic, complex forms.

Learn to validate Angular forms with UI and server-side checks, by adding validators, using a template reference, required and minimum length, and show multiple error messages for clear feedback.

Send form data from the Angular app to the backend by creating a product service, injecting an HTTP client, posting to the product controller, and subscribing to the observable.

Create an Angular service to send form data to the back end via an http post, subscribe to the observable, and receive the created product response.

Create an update product component with a numeric id field and route it to use put via the product service to modify an existing product.

Learn how to delete a product in a CRUD cycle with Angular and ASP.NET Core, wiring the delete method, updating the list, and refreshing data after removal.