This is the code repository for ASP.NET Core 2 and Angular 5, published by Packt. It contains all the supporting project files necessary to work through the book from start to finish.
If you experience any issue while running the project while following the book's Chapter 01, please do the following:
TestMakerFreeWebApp_Chapter_01_Part02
project and Set as StartUp Projectnpm-update.bat
and update-webpack.bat
filesFull-Stack Web Development means being able to work on both the front-end and back-end portions of an application. Front-end is the part the user will see or interact with, while back-end is the underlying engine which handles the logical flow: server configuration, data storage and retrieval, database interactions, user authentication and more. This book will guide the reader to become proficient, if not fluent, in both of these worlds by combining the impressive capabilities of ASP.NET Core 2 and Angular 5. Get ready to experience a journey of the entire development process using a full-stack approach, from the project setup to the deployment phase: using the ASP.NET MVC Framework to implement the back-end API calls, Entity Framework Core to build the Data Model, then Angular 5 to put together the front-end. You'll be able to take full control of your solution by choosing and configuring the development tools accordingly along with the main architecture. You will then implement the back-end with MVC, APIs, server-side routing and request-response cycle and also implement the front-end with Angular 5. Later on, you will build the Data Model with Entity Framework Core and style the front-end with Bootstrap and CSS/LESS for a responsive, mobile-friendly UI. You will go through Forms and Validation and different Authentication and Authorization techniques, including Third-Party Authentication using OAuth2 providers such as Facebook. At the end, you will go through the final steps of Deployment using Windows Server, SQL Server, and the IIS/Kestrel reverse proxy.
All of the code is organized into folders. Each folder starts with a number followed by the application name. For example, Chapter02.
The code will look like the following:
import { Component } from "@angular/core";
@Component({
selector: "pagenotfound",
templateUrl: "./pagenotfound.component.html"
})
export class PageNotFoundComponent {
title = "Page not Found";
}
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.