packtpublishing / asp.net-core-5-and-angular Goto Github PK

View Code? Open in Web Editor NEW

80.0 8.0 68.0 1.28 MB

Code Repository for the Book ASP.NET Core 5 and Angular 11 by Valerio De Sanctis, Published by Packt.

License: MIT License

JavaScript 2.27% TypeScript 34.23% HTML 17.67% CSS 1.15% Batchfile 0.02% C# 44.66% SCSS 0.01%

asp-net asp-net-core asp-net-core-mvc asp-net-core-web-api angular angular11 rxjs rxjs-observables packt packtpub

asp.net-core-5-and-angular's Introduction

ASP.NET Core 5 and Angular - Fourth Edition

Code Repository created for ASP.NET Core 5 and Angular - Fourth Edition, Published by Packt

About the book

Learning full-stack development calls for knowledge of both front-end and back-end web development. ASP.NET Core 5 and Angular will get you started with Angular to build robust web applications as well as the ASP.NET 5 Core and Web API Controllers to implement API calls and server-side routing in the back-end. This fully revised edition includes side-by-side comparison of the Visual Studio Angular App vs NG App and coverage of the Angular Routing Module.

You will learn to build a data model with Entity Framework Core, alongside utilizing the Entity Core Fluent API and Entity Type Configuration class. As you progress, you will learn to handle user input with Angular reactive forms and front-end and back-end validators for maximum effect. You will later explore the advanced debugging and unit testing features provided by xUnit.net (.NET 5) and Jasmine, as well as Karma for Angular.

Further, you will dive deep into progressive web applications (PWAs), learning their technical requirements, testing, and converting SWAs to PWAs. Finally, you will learn to deploy apps on Windows, Linux, and Azure using IIS, Kestrel, and nginx.

By the end of this book, you will be equipped with the skills you need to create, debug, and deploy efficient web applications using ASP.NET Core and Angular.

What you will learn

Implement a Web API interface with ASP.NET Core and consume it with Angular using RxJS Observables
Set up a SQL database server using a local instance or a cloud data store
Perform C# and TypeScript debugging using Visual Studio 2019
Create TDD and BDD unit tests using xUnit, Jasmine, and Karma
Explore the EF Core Fluent API and EntityTypeConfiguration classes
Perform DBMS structured logging using third-party providers such as SeriLog
Deploy a web application to Windows and Linux web servers, or to cloud-based PaaS solutions such as Azure App Service

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781800560338

asp.net-core-5-and-angular's People

Contributors

Stargazers

Watchers

Forkers

xareas eeinfo orlandobeans abhishekgoenka quinntynebrown sss-software richbward carlositdevelop rgeeo hoanca vashjuan hereswilson nguyenminhthong2020 vishalsshirodkar progman1j apcox89 bobtreehouse bionstt biseamon loctong pmdauv jerrymats vijurevatgaon arjunnit bjork-dev mostafawy1984 mattjeevas sajjucode tinghino azurecloudmonk bjbradshaw danilomv marlonssantos mahmoudsdet mahmoudelnaggar2 billnice250 anirelbajurk saravananaa yakooboo tatoberosh yghazy jim-fuller kamelmikhael dahmenhassen sodangbe mdymin flyinpanda69 cmhardage ritzy121 phegel vvcarpio slash88 myhumus toviyahu dtep sudhagarmurugesan carlosuh florianmeinhart siegfried01 theodanuk vtyric bpahlavan packtpublearning nabeelafsardev fineboy0407 yinchinan010

asp.net-core-5-and-angular's Issues

filterQuery never goes to null

Hello, this issue I'm refering to is about the filtering of the tables. The filtering capability works well until you delete the content of your filterQuery input field. For example, I searched "Tom", when I delete Tom the table doesn't show all the records again. If you look at the value of the filterQuery when the input field is empty, after deleting it content, you can see it is "T". In other words the input field value remains the first letter of whatever I put in it, in this case the letter "T" even when it's empty. So obviously the table will never show all the records when you completely delete the input field.

Could you please tell me how to make the input field get a null value when I delete all of it content?

Angular Material Filtering Issue

Angular material table not showing when filter return to empty.

Chapter 2: Exception when i start the app with F5

An unhandled exception occurred while processing the request.
AggregateException: One or more errors occurred. (One or more errors occurred. (The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.

Generating browser application bundles...

(node:24432) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.

(Use node --trace-deprecation ... to show where the warning was created)

node:internal/crypto/hash:67

this[kHandle] = new _Hash(algorithm, xofLen);

Error: error:0308010C:digital envelope routines::unsupported

at new Hash (node:internal/crypto/hash:67:19)

at Object.createHash (node:crypto:130:10)

at module.exports (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\util\createHash.js:135:53)

at NormalModule._initBuildHash (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:417:16)

at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:452:10

at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:323:13

at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11

at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:203:19

at VirtualFileSystemDecorator.readFile (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules@ngtools\webpack\src\virtual_file_system_decorator.js:48:13)

at processResource (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:202:11)

at iteratePitchingLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:158:10)

at runLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:365:2)

at NormalModule.doBuild (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:295:3)

at NormalModule.build (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:446:15)

at Compilation.buildModule (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:739:10)

at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:981:14 {

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

library: 'digital envelope routines',

reason: 'unsupported',

code: 'ERR_OSSL_EVP_UNSUPPORTED'

}

Node.js v17.0.1

))
System.Threading.Tasks.Task.GetResultCore(bool waitCompletionNotification)

InvalidOperationException: The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.

Generating browser application bundles...