Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying ASP.NET Core 2 and Angular 5
  • Table Of Contents Toc
  • Feedback & Rating feedback
ASP.NET Core 2 and Angular 5

ASP.NET Core 2 and Angular 5

By : Valerio De Sanctis, Jürgen Gutsch
3.9 (20)
close
close
ASP.NET Core 2 and Angular 5

ASP.NET Core 2 and Angular 5

3.9 (20)
By: Valerio De Sanctis, Jürgen Gutsch

Overview of this book

Become fluent in both frontend and backend web development by combining the impressive capabilities of ASP.NET Core 2 and Angular 5 from project setup right through the deployment phase. Full-stack web development means being able to work on both the frontend and backend portions of an application. The frontend is the part that users will see or interact with, while the backend is the underlying engine, that handles the logical flow: server configuration, data storage and retrieval, database interactions, user authentication, and more. Use the ASP.NET Core MVC framework to implement the backend with API calls and server-side routing. Learn how to put the frontend together using top-notch Angular 5 features such as two-way binding, Observables, and Dependency Injection, build the Data Model with Entity Framework Core, style the frontend with CSS/LESS for a responsive and mobile-friendly UI, handle user input with Forms and Validators, explore different authentication techniques, including the support for third-party OAuth2 providers such as Facebook, and deploy the application using Windows Server, SQL Server, and the IIS/Kestrel reverse proxy.
Table of Contents (11 chapters)
close
close

Debugging and testing


Before moving on to the next big topic, we should really spend some of our valuable time to understand some key concepts related to form debugging. As said before, one of the advantages granted by the Model-Driven approach is the fact that it allows us to have granular control on our form elements; how can we use these features to our advantage and translate them into writing a more robust code? In the following paragraphs, we'll try to address this question by showing some useful techniques that can be used to gain more control over our forms.

A look at the Form Model

We've talked a lot about the Form Model lately, yet we still haven't seen it once. It would greatly help to have it on screen while developing the form templates, especially if it can be updated in real time as we play with the form inputs and controls.

Here's a convenient HTML snippet containing the Template Syntax required to let it happen:

<div class="panel panel-info"
     style="margin-top: 20px;...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY