09-27-2024, 04:11 PM
Building Applications With Angular 18 And Asp.Net Core 9
Published 9/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 7.02 GB | Duration: 15h 13m
Use Angular, ASP.NET Core, Entity Framework Core, Material Design, JWT, Leaflet, to build a full application!
[b]What you'll learn[/b]
Build Web APIs with .NET Core
Develop Single-Page Apps with Angular
Using Entity Framework Core to work with databases
Create register and login functionality
Deploy .NET Core and Angular apps
[b]Requirements[/b]
Basic knowledge of HTML, CSS and C#
[b]Description[/b]
With ASP.NET Core we can develop Web APIs using C#.With Angular we can create modern web applications without too many headaches.In this course we will use both tools to create a project. We will make an application with a database, user system, back-end and UI, where you will put into practice the concepts learned in the course.We will go step by step, both in the development of the front-end with Angular, and with the back-end in ASP.NET Core. You can take this course without having too much knowledge of both technologies. In fact, I will teach you the basics of these technologies throughout the course.At the end we will publish our Angular application and our ASP.NET Core application.Some of the topics we will covereveloping Web APIs with ASP.NET CoreCreating a Database in SQL Server using Entity Framework CoreUser system with Json Web Tokens (JWT)Developing a single page application (SPA) with AngularCreating reactive forms in AngularMaking HTTP requests from Angular to ASP.NET CoreUsing Angular Material componentsUsing maps with LeafletSaving spatial data in a database with NetTopologySuiteAllowing users to upload images to be saved in Azure Storage or locallyUpon completing this course, you will have sufficient knowledge to face challenges involving ASP.NET Core and Angular applications.
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 What is Angular?
Lecture 3 Angular vs AngularJS
Lecture 4 Bye bye NgModules
Lecture 5 Standalone Applications
Lecture 6 Anatomy of a Standalone Application
Lecture 7 Introduction to ASP.NET Core
Lecture 8 What is TypeScript?
Lecture 9 Installing Node and NVM
Lecture 10 Installing Angular
Lecture 11 Installing Visual Studio
Lecture 12 Installing Visual Studio Code and .NET
Lecture 13 Installing SQL Server
Lecture 14 Creating the Angular App
Lecture 15 Creating the Web API in Visual Studio
Lecture 16 Creating the Web API in Visual Studio Code
Lecture 17 Summary
Lecture 18 Github Repository
Section 2: Components
Lecture 19 Introduction
Lecture 20 Exploring the Angular Project
Lecture 21 Anatomy of a Component
Lecture 22 Interpolation
Lecture 23 Pipes
Lecture 24 Iterating with For and NgFor
Lecture 25 Property Binding and NgOptimizedImage
Lecture 26 Dynamic Properties and NgOptimizedDirective
Lecture 27 If and NgIf
Lecture 28 Using Our Own Images
Lecture 29 Creating a New Component
Lecture 30 Parameters of Components
Lecture 31 Events
Lecture 32 Template Reference Variables
Lecture 33 Projecting Content
Lecture 34 Introduction to Angular Material
Lecture 35 Installing Angular Material
Lecture 36 Building a Menu Component
Lecture 37 Dynamic CSS Classes with NgClass
Lecture 38 Transform Functions
Lecture 39 Raising Events From a Component
Lecture 40 Global Styling
Lecture 41 Summary
Section 3: Routing
Lecture 42 Introduction
Lecture 43 Cleaning Up Our Project
Lecture 44 Configuring Routing in Our App
Lecture 45 Navigating with JavaScript
Lecture 46 URL Parameters
Lecture 47 Handling Unknown Routes
Lecture 48 Summary
Section 4: Forms
Lecture 49 Introduction
Lecture 50 Template-Driven and Reactive Forms
Lecture 51 Creating Our First Form
Lecture 52 Built-In Validation Rules
Lecture 53 Custom Validations
Lecture 54 Updating Records
Lecture 55 Actor's Form
Lecture 56 Validating Dates
Lecture 57 Selecting Images
Lecture 58 Theater's Form
Lecture 59 Creating a Map Component Using Leaflet
Lecture 60 Movie Search Component - Template
Lecture 61 Search Movies Component - Logic
Lecture 62 Movie Search Component - Query Strings
Lecture 63 Movie's Form
Lecture 64 Creating a Multiple Selector Component - Genres
Lecture 65 Multiple Selector Component - Theaters
Lecture 66 Creating an Autocomplete Component
Lecture 67 Reordering Elements in a List
Lecture 68 Visualizing the Selected Actors
Lecture 69 Summary
Section 5: Fundamentals of ASP.NET Core
Lecture 70 Introduction
Lecture 71 Preparing a Testing Repository
Lecture 72 Controllers and Actions
Lecture 73 Post, Put and Delete HTTP Methods
Lecture 74 Receiving a Parameter in an Action
Lecture 75 Routing Rules
Lecture 76 Data Types That an Action Can Return
Lecture 77 Asynchronous Programming
Lecture 78 Making Our App Faster with Cache
Lecture 79 Middlewares
Lecture 80 Introduction to Model Binding
Lecture 81 Validating Models
Lecture 82 Other Built-In Validations Rules
Lecture 83 Custom Validation Rules - By Attribute
Lecture 84 Custom Validation Rules - In Actions
Lecture 85 Dependency Injection
Lecture 86 The Dependency Inversion Principle
Lecture 87 Lifetime of the Services
Lecture 88 Using a Singleton for Our Repository
Lecture 89 Cleaning Up Cache
Lecture 90 Configuration Providers
Lecture 91 Summary
Section 6: Services and Back-End
Lecture 92 Introduction
Lecture 93 Cleaning Up the Back-End
Lecture 94 Introduction to Services
Lecture 95 From Angular to ASP.NET Core: HttpService
Lecture 96 Configuring CORS
Lecture 97 Using Environment to Avoid Hard-coded URLs
Lecture 98 Installing Entity Framework Core
Lecture 99 Creating the Database
Lecture 100 Creating Genres - Back-End
Lecture 101 Creating Genres - Angular
Lecture 102 Displaying Errors From the Web API
Lecture 103 Data Transfer Objects (DTOs)
Lecture 104 Index Genres - Back-End
Lecture 105 Index Genres - Angular
Lecture 106 Pagination - Back-End
Lecture 107 Ordering with OrderBy
Lecture 108 Pagination - Angular
Lecture 109 Updating Genres - Back-End
Lecture 110 Updating Genres - Angular
Lecture 111 Deleting Genres - Back-End
Lecture 112 Deleting Genres - Angular
Lecture 113 Creating Actors - Back-End
Lecture 114 Creating Actors - Angular
Lecture 115 Preparing the App to Store Images
Lecture 116 Using Azure Storage for Storing Images
Lecture 117 Storing Images Locally
Lecture 118 Index Actors - Back-End
Lecture 119 Index Actors - Angular
Lecture 120 Updating Actors - Back-End
Lecture 121 Updating Actors - Angular
Lecture 122 Deleting Actors - Back-End
Lecture 123 Deleting Actors - Angular
Lecture 124 Index Entity Components
Lecture 125 Generic Services
Lecture 126 Creating Entities Component
Lecture 127 Editing Entities Component
Lecture 128 Custom Base Controller - Getting Paginated Entities
Lecture 129 Custom Base Controller - Getting an Entity By its Id
Lecture 130 Custom Base Controller - Creating, Updating and Deleting
Lecture 131 Theaters Entity
Lecture 132 Theaters CRUD - Back-End
Lecture 133 Theaters CRUD - Angular
Lecture 134 Movies Entity
Lecture 135 Creating Movies - Back-End
Lecture 136 Custom Model Binding
Lecture 137 Creating Movies - Angular
Lecture 138 Finishing the Actors Selection Component
Lecture 139 Getting Movies - Back-End
Lecture 140 Landing Page - Angular
Lecture 141 Updating Movies - Back-End
Lecture 142 Updating Movies - Angular
Lecture 143 Deleting Movies
Lecture 144 Movie Details Page - Part 1
Lecture 145 Movie Details Page - Part 2
Lecture 146 Finishing the Searching Movies Component - Back-End
Lecture 147 Finishing the Searching Movies Component - Angular
Lecture 148 Waiting a Moment Before Sending the HTTP Request
Lecture 149 Summary
Section 7: Security
Lecture 150 Introduction
Lecture 151 Authentication and Authorization
Lecture 152 Hiding the UI
Lecture 153 Introduction to Route Guards
Lecture 154 Using CanActive to Protect Routes
Lecture 155 Configuring Identity
Lecture 156 Implementing Login and Registration in ASP.NET Core
Lecture 157 Security Service
Lecture 158 Building the Login and Registration Components
Lecture 159 Rating's Component - Back-End
Lecture 160 Rating's Component - Angular
Lecture 161 HTTP Interceptors
Lecture 162 Using Claims in ASP.NET Core
Lecture 163 Index Users - Back-End
Lecture 164 Index Users - Angular
Lecture 165 Summary
Section 8: Deployments
Lecture 166 Introduction
Lecture 167 Azure App Service
Lecture 168 Fixing the Startup Error
Lecture 169 Installing Application Insights to Debug Errors in Production
Lecture 170 Deploying the Angular App to Firebase
Lecture 171 Summary
Section 9: Thanks!
Lecture 172 Thanks!
Developers who want to be full-stack,.NET Developers who want to learn Angular (and vice versa)
[b]What you'll learn[/b]
Build Web APIs with .NET Core
Develop Single-Page Apps with Angular
Using Entity Framework Core to work with databases
Create register and login functionality
Deploy .NET Core and Angular apps
[b]Requirements[/b]
Basic knowledge of HTML, CSS and C#
[b]Description[/b]
With ASP.NET Core we can develop Web APIs using C#.With Angular we can create modern web applications without too many headaches.In this course we will use both tools to create a project. We will make an application with a database, user system, back-end and UI, where you will put into practice the concepts learned in the course.We will go step by step, both in the development of the front-end with Angular, and with the back-end in ASP.NET Core. You can take this course without having too much knowledge of both technologies. In fact, I will teach you the basics of these technologies throughout the course.At the end we will publish our Angular application and our ASP.NET Core application.Some of the topics we will covereveloping Web APIs with ASP.NET CoreCreating a Database in SQL Server using Entity Framework CoreUser system with Json Web Tokens (JWT)Developing a single page application (SPA) with AngularCreating reactive forms in AngularMaking HTTP requests from Angular to ASP.NET CoreUsing Angular Material componentsUsing maps with LeafletSaving spatial data in a database with NetTopologySuiteAllowing users to upload images to be saved in Azure Storage or locallyUpon completing this course, you will have sufficient knowledge to face challenges involving ASP.NET Core and Angular applications.
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 What is Angular?
Lecture 3 Angular vs AngularJS
Lecture 4 Bye bye NgModules
Lecture 5 Standalone Applications
Lecture 6 Anatomy of a Standalone Application
Lecture 7 Introduction to ASP.NET Core
Lecture 8 What is TypeScript?
Lecture 9 Installing Node and NVM
Lecture 10 Installing Angular
Lecture 11 Installing Visual Studio
Lecture 12 Installing Visual Studio Code and .NET
Lecture 13 Installing SQL Server
Lecture 14 Creating the Angular App
Lecture 15 Creating the Web API in Visual Studio
Lecture 16 Creating the Web API in Visual Studio Code
Lecture 17 Summary
Lecture 18 Github Repository
Section 2: Components
Lecture 19 Introduction
Lecture 20 Exploring the Angular Project
Lecture 21 Anatomy of a Component
Lecture 22 Interpolation
Lecture 23 Pipes
Lecture 24 Iterating with For and NgFor
Lecture 25 Property Binding and NgOptimizedImage
Lecture 26 Dynamic Properties and NgOptimizedDirective
Lecture 27 If and NgIf
Lecture 28 Using Our Own Images
Lecture 29 Creating a New Component
Lecture 30 Parameters of Components
Lecture 31 Events
Lecture 32 Template Reference Variables
Lecture 33 Projecting Content
Lecture 34 Introduction to Angular Material
Lecture 35 Installing Angular Material
Lecture 36 Building a Menu Component
Lecture 37 Dynamic CSS Classes with NgClass
Lecture 38 Transform Functions
Lecture 39 Raising Events From a Component
Lecture 40 Global Styling
Lecture 41 Summary
Section 3: Routing
Lecture 42 Introduction
Lecture 43 Cleaning Up Our Project
Lecture 44 Configuring Routing in Our App
Lecture 45 Navigating with JavaScript
Lecture 46 URL Parameters
Lecture 47 Handling Unknown Routes
Lecture 48 Summary
Section 4: Forms
Lecture 49 Introduction
Lecture 50 Template-Driven and Reactive Forms
Lecture 51 Creating Our First Form
Lecture 52 Built-In Validation Rules
Lecture 53 Custom Validations
Lecture 54 Updating Records
Lecture 55 Actor's Form
Lecture 56 Validating Dates
Lecture 57 Selecting Images
Lecture 58 Theater's Form
Lecture 59 Creating a Map Component Using Leaflet
Lecture 60 Movie Search Component - Template
Lecture 61 Search Movies Component - Logic
Lecture 62 Movie Search Component - Query Strings
Lecture 63 Movie's Form
Lecture 64 Creating a Multiple Selector Component - Genres
Lecture 65 Multiple Selector Component - Theaters
Lecture 66 Creating an Autocomplete Component
Lecture 67 Reordering Elements in a List
Lecture 68 Visualizing the Selected Actors
Lecture 69 Summary
Section 5: Fundamentals of ASP.NET Core
Lecture 70 Introduction
Lecture 71 Preparing a Testing Repository
Lecture 72 Controllers and Actions
Lecture 73 Post, Put and Delete HTTP Methods
Lecture 74 Receiving a Parameter in an Action
Lecture 75 Routing Rules
Lecture 76 Data Types That an Action Can Return
Lecture 77 Asynchronous Programming
Lecture 78 Making Our App Faster with Cache
Lecture 79 Middlewares
Lecture 80 Introduction to Model Binding
Lecture 81 Validating Models
Lecture 82 Other Built-In Validations Rules
Lecture 83 Custom Validation Rules - By Attribute
Lecture 84 Custom Validation Rules - In Actions
Lecture 85 Dependency Injection
Lecture 86 The Dependency Inversion Principle
Lecture 87 Lifetime of the Services
Lecture 88 Using a Singleton for Our Repository
Lecture 89 Cleaning Up Cache
Lecture 90 Configuration Providers
Lecture 91 Summary
Section 6: Services and Back-End
Lecture 92 Introduction
Lecture 93 Cleaning Up the Back-End
Lecture 94 Introduction to Services
Lecture 95 From Angular to ASP.NET Core: HttpService
Lecture 96 Configuring CORS
Lecture 97 Using Environment to Avoid Hard-coded URLs
Lecture 98 Installing Entity Framework Core
Lecture 99 Creating the Database
Lecture 100 Creating Genres - Back-End
Lecture 101 Creating Genres - Angular
Lecture 102 Displaying Errors From the Web API
Lecture 103 Data Transfer Objects (DTOs)
Lecture 104 Index Genres - Back-End
Lecture 105 Index Genres - Angular
Lecture 106 Pagination - Back-End
Lecture 107 Ordering with OrderBy
Lecture 108 Pagination - Angular
Lecture 109 Updating Genres - Back-End
Lecture 110 Updating Genres - Angular
Lecture 111 Deleting Genres - Back-End
Lecture 112 Deleting Genres - Angular
Lecture 113 Creating Actors - Back-End
Lecture 114 Creating Actors - Angular
Lecture 115 Preparing the App to Store Images
Lecture 116 Using Azure Storage for Storing Images
Lecture 117 Storing Images Locally
Lecture 118 Index Actors - Back-End
Lecture 119 Index Actors - Angular
Lecture 120 Updating Actors - Back-End
Lecture 121 Updating Actors - Angular
Lecture 122 Deleting Actors - Back-End
Lecture 123 Deleting Actors - Angular
Lecture 124 Index Entity Components
Lecture 125 Generic Services
Lecture 126 Creating Entities Component
Lecture 127 Editing Entities Component
Lecture 128 Custom Base Controller - Getting Paginated Entities
Lecture 129 Custom Base Controller - Getting an Entity By its Id
Lecture 130 Custom Base Controller - Creating, Updating and Deleting
Lecture 131 Theaters Entity
Lecture 132 Theaters CRUD - Back-End
Lecture 133 Theaters CRUD - Angular
Lecture 134 Movies Entity
Lecture 135 Creating Movies - Back-End
Lecture 136 Custom Model Binding
Lecture 137 Creating Movies - Angular
Lecture 138 Finishing the Actors Selection Component
Lecture 139 Getting Movies - Back-End
Lecture 140 Landing Page - Angular
Lecture 141 Updating Movies - Back-End
Lecture 142 Updating Movies - Angular
Lecture 143 Deleting Movies
Lecture 144 Movie Details Page - Part 1
Lecture 145 Movie Details Page - Part 2
Lecture 146 Finishing the Searching Movies Component - Back-End
Lecture 147 Finishing the Searching Movies Component - Angular
Lecture 148 Waiting a Moment Before Sending the HTTP Request
Lecture 149 Summary
Section 7: Security
Lecture 150 Introduction
Lecture 151 Authentication and Authorization
Lecture 152 Hiding the UI
Lecture 153 Introduction to Route Guards
Lecture 154 Using CanActive to Protect Routes
Lecture 155 Configuring Identity
Lecture 156 Implementing Login and Registration in ASP.NET Core
Lecture 157 Security Service
Lecture 158 Building the Login and Registration Components
Lecture 159 Rating's Component - Back-End
Lecture 160 Rating's Component - Angular
Lecture 161 HTTP Interceptors
Lecture 162 Using Claims in ASP.NET Core
Lecture 163 Index Users - Back-End
Lecture 164 Index Users - Angular
Lecture 165 Summary
Section 8: Deployments
Lecture 166 Introduction
Lecture 167 Azure App Service
Lecture 168 Fixing the Startup Error
Lecture 169 Installing Application Insights to Debug Errors in Production
Lecture 170 Deploying the Angular App to Firebase
Lecture 171 Summary
Section 9: Thanks!
Lecture 172 Thanks!
Developers who want to be full-stack,.NET Developers who want to learn Angular (and vice versa)