Book Image

ASP.NET Core 2 and Angular 5

By : Valerio De Sanctis, Jürgen Gutsch
Book Image

ASP.NET Core 2 and Angular 5

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)

Introducing LESS


If you've worked with style sheets within the last few years, there's no chance you won't have heard of LESS; however, for the sake of those who didn't, let's take a few words to talk about it. Before getting to that though, we must briefly introduce the concepts of style sheet language and Cascading Style Sheets (CSS).

Note

This paragraph is mostly aimed at those who have never used LESS before. If you have some experience with LESS already or feel like you don't need to know anything else about why we'll use it, you might as well skip it entirely and jump to the next paragraph: Install and Configure LESS.

Style sheet languages

A style sheet language, also known as style language, is a programming language used to define the presentation layer's UI design rules of a structured document. We can think of it as a skin or a theme that we can apply to a logical item (the structured document) to change its appearance. For example, we can make it look blue, red, or yellow; we can...