Front-end Development with ASP.NET Core, Angular, and Bootstrap

Stay ahead of the web evolution with elegant combination front-end development

Front-End Development with ASP.NET Core, Angular, and Bootstrap is the professional's guide to fast, responsive web development. Utilizing the most popular combination of web technologies for Microsoft developers, this guide provides the latest best practices and ASP.NET MVP guidance to get you up to speed quickly. The newest ASP.NET - now called ASP.NET Core - is leaner, easier to use, and less bound to the operating system and IDE.colle, giving you the perfect opportunity to leverage third-party frameworks and libraries that provide functionalities not native to ASP.NET Core and Visual Studio. This book shows you how to integrate ASP.NET Core with Angular, Bootstrap, and similar frameworks, with a bit of jQuery Mobile, Nuget, continuous deployment, Bower dependencies, and Gulp/Grunt build systems, including development beyond Windows on Mac and Linux. With clear, concise instruction and expert insight, this guide is an invaluable resource for meeting the demands of modern web development.

• Combine ASP.NET Core with different tools, frameworks, and libraries

• Utilize third-party libraries with non-native functionalities

• Adopt the most up-to-date best practices for front-end development

• Develop flexible, responsive design sites

The world of web development is evolving faster than ever before, and the trend is toward small, focused frameworks with modular capabilities. Microsoft has noticed, and upgraded ASP.NET Core to align with the latest industry expectations. Front-End Development with ASP.NET Core, Angular, and Bootstrap helps you elegantly integrate these technologies to develop the sites that the industry demands.

Autorentext

About the author Simone Chiaretta is a web architect and developer with nearly two decades of experience developing with ASP.NET and other web technologies. He has been a Microsoft MVP on ASP.NET for eight years, and he has written numerous books and online materials.

Klappentext
Develop ASP.NET Core solutions faster with the ideal combination of front-end frameworks In an effort to keep pace with the growing demand among developers for small, focused frameworks with modular capabilities, Microsoft has upgraded ASP.NET to be leaner, easier to use, and less anchored to the Windows OS and IDE. This allows you to leverage third-party frameworks and libraries that provide functionalities not native to ASP.NET Core and Visual Studio. Written by a professional developer for professional developers, this book combines advanced ASP.NET MVP guidance with the latest best practices in front-end development to give you the practical know-how you need to seamlessly integrate ASP.NET Core with Angular, Bootstrap, and similar frameworks. Front-End Development with ASP.NET Core, Angular, and Booststrap:

• Gets you up and running with all of the new and improved ASP.NET Core features
• Shows you how to develop the versatile, flexible, and highly responsive designs that clients demand and users expect
• Describes the most up-to-date best practices for front-end development using ASP.NET Core
• Details how best to utilize third-party libraries with non-native functionalities
• Explains how to combine ASP.NET Core with different tools, frameworks, and libraries
• Explores the use of Bower dependencies and Gulp build systems with ASP.NET Core Wrox Professional guides are planned and written by working programmers to meet the real-world needs of programmers, developers, and IT professionals. Focused and relevant, they address the issues technology professionals face every day. They provide examples, practical solutions, and expert education in new technologies, all designed to help programmers do a better job. Visit us at wrox.com for free code samples.

Inhalt
FOREWORD xxv

INTRODUCTION xxvii

CHAPTER 1: WHAT'S NEW IN ASP.NET CORE MVC 1

Getting the Names Right 1

ASP.NET Core 2

.NET Core 2

Visual Studio Code 2

Visual Studio 2017 2

Versions Covered in this Book 2

A Brief History of the Microsoft .NET Web Stack 3

ASP.NET Web Forms 3

ASP.NET MVC 4

ASP.NET Web API 4

OWIN and Katana 5

The Emergence of ASP.NET Core and .NET Core 5

.NET Core 5

Getting Started with .NET Core 6

The dotnet Command Line 6

Introducing ASP.NET Core 7

Overview of the New ASP.NET Core Web Application Project 7

OWIN 10

OWIN Layers 11

OWIN Communication Interface 11

A Better Look at Middleware 12

Anatomy of an ASP.NET Core Application 12

Host Builder Console Application 13

ASP.NET Core Startup Class 14

New Fundamental Features of ASP.NET Core 15

Environments 15

Dependency Injection 17

What Is Dependency Injection? 17

Using Dependency Injection in ASP.NET Core 18

Logging 19

Logger Instantiation 19

Writing Log Messages 19

Additional Logging Configuration 19

Configuration 21

Setting Up the Configuration Sources 21

Reading Values from Configuration 22

Using Strongly-Typed Configuration 22

An Overview of Some ASP.NET Core Middleware 25

Diagnostics 25

Serving Static Files 26

Application Frameworks 27

ASP.NET Core MVC 27

Using the MVC Framework inside ASP.NET Core 27

Using Dependency Injection in Controllers 28

View Components 30

Tag Helpers 32

Using Tag Helpers from ASP.NET Core 32

Writing Custom Tag Helpers 34

View Components as Tag Helpers 35

Web API 35

Summary 36

CHAPTER 2: THE FRONT-END DEVELOPER TOOLSET 37

Additional Languages You Have to Know 38

Node.js 38

JSON 39

Sass and Less 40

The Future of JavaScript 42

TypeScript 42

JavaScript Frameworks 43

Angular 43

Knockout 46

React 47

jQuery 49

CSS Frameworks 49

Bootstrap 50

Primer CSS 51

Material Design Lite 52

Semantic UI 52

Package Managers 53

NuGet 53

Bower 54

NPM 55

The Folder Structure 56

Task Runners 56

Summary 57

CHAPTER 3: ANGULAR IN A NUTSHELL 59

Angular Concepts 60

The Language of Angular 61

Setting Up an Angular Project 62

Using an Online Editor 62

Starting from the Quickstart Seed 63

Using the Angular-CLI Tool 63

The Structure of an Angular App 64

Application Entry Point 64

Root Module 64

Root Component 66

Main HTML Page 67

Data Binding 68

Interpolation 68

One-Way Binding 69

Event binding 69

Two-Way Binding 70

Directives 70

Services and Dependecy Injection 71

Multiple Components 73

Input and Output Properties 75

Talking to the Back End 78

Using the Http Module 79

Consuming the RxJS Observable 80

Subscribing to the Observable 80

Using the async Pipe 80

Using Promises 81

Using Angular with ASP.NET MVC 83

Combining Angular and ASP.NET Core Projects 84

Keeping Angular and ASP.NET Core as Two Separate projects 85

Combining Angular and ASP.NET Core into One Project Using the

Angular CLI 86

Using JavaScriptServices 89 <p...