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

1 - Cover [Seite 1]
2 - Title Page [Seite 7]
3 - Copyright [Seite 8]
4 - About the Author [Seite 11]
5 - About the Technical Editor [Seite 13]
6 - Credits [Seite 15]
7 - Acknowledgments [Seite 17]
8 - Contents [Seite 19]
9 - Foreword [Seite 27]
10 - Introduction [Seite 29]
10.1 - Why Web Development Requires Polyglot Developers [Seite 29]
10.1.1 - The Right Tool for the Job [Seite 30]
10.1.2 - Cross Pollination [Seite 30]
10.1.3 - Growing Your Comfort Zone [Seite 30]
10.2 - Who This Book is for [Seite 31]
10.3 - What This Book Covers [Seite 31]
10.4 - How This Book is Structured [Seite 31]
10.5 - What you Need to use This Book [Seite 32]
10.6 - Conventions [Seite 33]
10.7 - Source Code [Seite 33]
10.8 - Errata [Seite 34]
11 - Chapter 1: What's New in ASP.NET Core MVC [Seite 37]
11.1 - Getting the Names Right [Seite 37]
11.1.1 - ASP.NET Core [Seite 38]
11.1.2 - .NET Core [Seite 38]
11.1.3 - Visual Studio Code [Seite 38]
11.1.4 - Visual Studio 2017 [Seite 38]
11.1.5 - Versions Covered in this Book [Seite 38]
11.2 - A Brief History of the Microsoft .NET Web Stack [Seite 39]
11.2.1 - ASP.NET Web Forms [Seite 39]
11.2.2 - ASP.NET MVC [Seite 40]
11.2.3 - ASP.NET Web API [Seite 40]
11.2.4 - OWIN and Katana [Seite 41]
11.2.5 - The Emergence of ASP.NET Core and .NET Core [Seite 41]
11.3 - .NET Core [Seite 41]
11.3.1 - Getting Started with .NET Core [Seite 42]
11.3.2 - The dotnet Command Line [Seite 42]
11.4 - Introducing ASP.NET Core [Seite 43]
11.4.1 - Overview of the New ASP.NET Core Web Application Project [Seite 43]
11.4.2 - Owin [Seite 46]
11.4.2.1 - OWIN Layers [Seite 47]
11.4.2.2 - OWIN Communication Interface [Seite 47]
11.4.2.3 - A Better Look at Middleware [Seite 48]
11.4.3 - Anatomy of an ASP.NET Core Application [Seite 48]
11.4.3.1 - Host Builder Console Application [Seite 49]
11.4.3.2 - ASP.NET Core Startup Class [Seite 50]
11.5 - New Fundamental Features of ASP.NET Core [Seite 51]
11.5.1 - Environments [Seite 51]
11.5.2 - Dependency Injection [Seite 53]
11.5.2.1 - What Is Dependency Injection? [Seite 53]
11.5.2.2 - Using Dependency Injection in ASP.NET Core [Seite 54]
11.5.3 - Logging [Seite 55]
11.5.3.1 - Logger Instantiation [Seite 55]
11.5.3.2 - Writing Log Messages [Seite 55]
11.5.3.3 - Additional Logging Configuration [Seite 55]
11.5.4 - Configuration [Seite 57]
11.5.4.1 - Setting Up the Configuration Sources [Seite 57]
11.5.4.2 - Reading Values from Configuration [Seite 58]
11.5.4.3 - Using Strongly-Typed Configuration [Seite 58]
11.6 - An Overview of Some ASP.NET Core Middleware [Seite 61]
11.6.1 - Diagnostics [Seite 61]
11.6.2 - Serving Static Files [Seite 62]
11.6.3 - Application Frameworks [Seite 63]
11.7 - ASP.NET Core MVC [Seite 63]
11.7.1 - Using the MVC Framework inside ASP.NET Core [Seite 63]
11.7.2 - Using Dependency Injection in Controllers [Seite 64]
11.7.3 - View Components [Seite 66]
11.7.4 - Tag Helpers [Seite 68]
11.7.4.1 - Using Tag Helpers from ASP.NET Core [Seite 68]
11.7.4.2 - Writing Custom Tag Helpers [Seite 70]
11.7.4.3 - View Components as Tag Helpers [Seite 71]
11.7.5 - Web API [Seite 71]
11.8 - Summary [Seite 72]
12 - Chapter 2: The Front-End Developer Toolset [Seite 73]
12.1 - Additional Languages You Have to Know [Seite 74]
12.1.1 - Node.js [Seite 74]
12.1.2 - JSON [Seite 75]
12.1.3 - Sass and Less [Seite 76]
12.1.4 - The Future of JavaScript [Seite 78]
12.1.5 - TypeScript [Seite 78]
12.2 - JavaScript Frameworks [Seite 79]
12.2.1 - Angular [Seite 79]
12.2.2 - Knockout [Seite 82]
12.2.3 - React [Seite 83]
12.2.4 - jQuery [Seite 85]
12.3 - CSS Frameworks [Seite 85]
12.3.1 - Bootstrap [Seite 86]
12.3.2 - Primer CSS [Seite 87]
12.3.3 - Material Design Lite [Seite 88]
12.3.4 - Semantic UI [Seite 88]
12.4 - Package Managers [Seite 89]
12.4.1 - NuGet [Seite 89]
12.4.2 - Bower [Seite 90]
12.4.3 - NPM [Seite 91]
12.4.4 - The Folder Structure [Seite 92]
12.5 - Task Runners [Seite 92]
12.6 - Summary [Seite 93]
13 - Chapter 3: Angular in a Nutshell [Seite 95]
13.1 - Angular Concepts [Seite 96]
13.2 - The Language of Angular [Seite 97]
13.3 - Setting Up an Angular Project [Seite 98]
13.3.1 - Using an Online Editor [Seite 98]
13.3.2 - Starting from the Quickstart Seed [Seite 99]
13.3.3 - Using the Angular-CLI Tool [Seite 99]
13.4 - The Structure of an Angular App [Seite 100]
13.4.1 - Application Entry Point [Seite 100]
13.4.2 - Root Module [Seite 100]
13.4.3 - Root Component [Seite 102]
13.4.4 - Main HTML Page [Seite 103]
13.5 - Data Binding [Seite 104]
13.5.1 - Interpolation [Seite 104]
13.5.2 - One-Way Binding [Seite 105]
13.5.3 - Event binding [Seite 105]
13.5.4 - Two-Way Binding [Seite 106]
13.6 - Directives [Seite 106]
13.7 - Services and Dependecy Injection [Seite 107]
13.8 - Multiple Components [Seite 109]
13.9 - Input and Output Properties [Seite 111]
13.10 - Talking to the Back End [Seite 114]
13.10.1 - Using the Http Module [Seite 115]
13.10.2 - Consuming the RxJS Observable [Seite 116]
13.10.2.1 - Subscribing to the Observable [Seite 116]
13.10.2.2 - Using the async Pipe [Seite 116]
13.10.2.3 - Using Promises [Seite 117]
13.11 - Using Angular with ASP.NET MVC [Seite 119]
13.11.1 - Combining Angular and ASP.NET Core Projects [Seite 120]
13.11.1.1 - Keeping Angular and ASP.NET Core as Two Separate projects [Seite 121]
13.11.1.2 - Combining Angular and ASP.NET Core into One Project Using the Angular CLI [Seite 122]
13.11.1.3 - Using JavaScriptServices [Seite 125]
13.11.1.4 - Deciding Which Integration Method to Use [Seite 127]
13.12 - Visual Studio 2017 Support for Angular [Seite 128]
13.12.1 - Code Snippets [Seite 128]
13.12.2 - IntelliSense in TypeScript Files [Seite 129]
13.12.3 - IntelliSense in HTML Files [Seite 130]
13.13 - Summary [Seite 131]
14 - Chapter 4: Bootstrap in a Nutshell [Seite 133]
14.1 - Introduction to Bootstrap [Seite 134]
14.1.1 - Installing Bootstrap [Seite 134]
14.1.2 - The Main Features [Seite 136]
14.2 - Bootstrap Styles [Seite 136]
14.2.1 - Grid System [Seite 136]
14.2.2 - Typography [Seite 140]
14.2.3 - Tables [Seite 141]
14.2.4 - Forms [Seite 142]
14.2.5 - Buttons [Seite 143]
14.3 - Components [Seite 143]
14.3.1 - Glyphicons [Seite 143]
14.3.2 - Dropdown [Seite 144]
14.3.3 - Input Groups [Seite 145]
14.3.4 - Navigation [Seite 146]
14.3.4.1 - Navigation Bar [Seite 147]
14.3.4.2 - Pagination [Seite 149]
14.3.4.3 - Breadcrumbs [Seite 150]
14.3.4.4 - Tabs and Pills [Seite 151]
14.3.5 - Other Components [Seite 152]
14.4 - JavaScript [Seite 152]
14.4.1 - Tabbed Content [Seite 153]
14.4.1.1 - Activating Tab Navigation with JavaScript [Seite 153]
14.4.1.2 - Activating Tab Navigation with Data Attributes [Seite 154]
14.4.2 - Modal Dialog [Seite 154]
14.4.3 - Tooltips and Popovers [Seite 156]
14.5 - Customizing Bootstrap with Less [Seite 158]
14.5.1 - Customizing via the Website [Seite 158]
14.5.2 - Customizing with LESS [Seite 159]
14.6 - Bootstrap Support in Visual Studio 2017 and ASP.NET Core [Seite 160]
14.6.1 - Bootstrap Snippet Pack [Seite 162]
14.6.2 - Glyphfriend [Seite 162]
14.6.3 - Tag Helpers for ASP.NET Core [Seite 163]
14.7 - Summary [Seite 164]
15 - Chapter 5: Managing Dependencies with NuGet and Bower [Seite 165]
15.1 - General Concepts [Seite 166]
15.2 - NuGet [Seite 166]
15.2.1 - Getting Packages via NuGet [Seite 167]
15.2.1.1 - Using the Package Manager GUI [Seite 167]
15.2.1.2 - Using the Package Manager Console [Seite 168]
15.2.1.3 - Manually Editing the .csproj Project File [Seite 169]
15.2.1.4 - What Happens Once You Install a Package [Seite 171]
15.2.2 - Publishing Your Own Packages [Seite 171]
15.2.2.1 - Adding Metadata for the Package [Seite 171]
15.2.2.2 - Creating the Package [Seite 172]
15.2.2.3 - Publishing to the Nuget.org Gallery [Seite 173]
15.3 - NPM (Node.js Package Manager) [Seite 173]
15.3.1 - Installing NPM [Seite 173]
15.3.2 - NPM Usage [Seite 174]
15.3.2.1 - Using the NPM Command Line [Seite 174]
15.3.2.2 - Using NPM within Visual Studio [Seite 175]
15.3.3 - Where Packages Are Installed [Seite 175]
15.4 - Bower [Seite 175]
15.4.1 - Installing Bower [Seite 176]
15.4.2 - Getting Packages with Bower [Seite 176]
15.4.2.1 - Using the Bower Command Line [Seite 176]
15.4.2.2 - Using the Bower Package Manager GUI in Visual Studio [Seite 177]
15.4.2.3 - Editing the bower.json File [Seite 177]
15.4.3 - Where Packages Are Installed [Seite 178]
15.4.4 - Creating Your Own Packages [Seite 178]
15.5 - Summary [Seite 179]
16 - Chapter 6: Building Your Application with Gulp and webpack [Seite 181]
16.1 - What Front-End Build Systems Are For [Seite 182]
16.2 - A Deeper Look at Gulp [Seite 182]
16.2.1 - Getting Started with Gulp [Seite 183]
16.2.2 - The Gulpfile.js File [Seite 183]
16.2.2.1 - gulp.task() [Seite 183]
16.2.2.2 - gulp.watch() [Seite 184]
16.2.2.3 - gulp.src() [Seite 184]
16.2.2.4 - gulp.dest() [Seite 184]
16.2.3 - A Typical Gulp Build File [Seite 184]
16.2.4 - More Gulp Recipes [Seite 186]
16.2.4.1 - Naming Output Files from a Package Name [Seite 186]
16.2.4.2 - Generating Source maps [Seite 187]
16.2.4.3 - Checking JavaScript Using JSHint [Seite 187]
16.2.4.4 - Executing Tasks When Files Change [Seite 189]
16.2.4.5 - Managing Bower Dependencies [Seite 189]
16.2.4.6 - Replacing References Directly in the HTML Files [Seite 190]
16.3 - Introduction to webpack [Seite 192]
16.3.1 - webpack's Main Concepts [Seite 192]
16.3.2 - Using webpack [Seite 192]
16.3.2.1 - Bundling JavaScript [Seite 192]
16.3.2.2 - Bundling Stylesheets [Seite 194]
16.3.2.3 - Minifying and Adding Sourcemaps [Seite 195]
16.3.3 - More Things webpack Can Do [Seite 196]
16.4 - Visual Studio 2017 and Build Systems [Seite 196]
16.4.1 - The Bundler and Minifier Extension [Seite 196]
16.4.2 - The Task Runner Explorer [Seite 200]
16.4.3 - IntelliSense for Gulp [Seite 200]
16.5 - Summary [Seite 201]
17 - Chapter 7: Deploying ASP.NET Core [Seite 203]
17.1 - The New Hosting Model of ASP.NET Core [Seite 203]
17.2 - Installing on Internet Information Services On Premise [Seite 204]
17.2.1 - Making Sure All Is Well [Seite 205]
17.2.2 - Installing AspNetCoreModule [Seite 207]
17.2.3 - Publishing Applications via the Command Line [Seite 207]
17.2.4 - Creating the Website [Seite 208]
17.2.5 - Publishing the Applications via Visual Studio [Seite 209]
17.3 - Deploying on Azure [Seite 210]
17.3.1 - Deploying to Azure from Visual Studio with Web Deploy [Seite 210]
17.3.2 - Continuous Deployment to Azure with Git [Seite 215]
17.3.2.1 - Configuring the Azure Web App [Seite 215]
17.3.2.2 - Configuring the Local Repository [Seite 216]
17.4 - Deploying to Docker Containers [Seite 219]
17.4.1 - Installing the Docker Support [Seite 219]
17.4.2 - Publishing a Docker Image [Seite 222]
17.5 - Summary [Seite 223]
18 - Chapter 8: Developing Outside of Windows [Seite 225]
18.1 - Installing .NET Core on macOS [Seite 226]
18.2 - Building the First ASP.NET Core App on macOS [Seite 227]
18.2.1 - Using dotnet Command-Line Interface [Seite 227]
18.2.2 - Using Yeoman [Seite 231]
18.3 - Visual Studio Code [Seite 232]
18.3.1 - Setting It Up [Seite 233]
18.3.2 - Development Features in Visual Studio Code [Seite 233]
18.3.2.1 - IntelliSense [Seite 233]
18.3.2.2 - Refactoring [Seite 234]
18.3.2.3 - Errors and Suggestions [Seite 234]
18.3.2.4 - Debugging [Seite 235]
18.3.2.5 - Version Control [Seite 236]
18.3.2.6 - Tasks [Seite 238]
18.3.2.7 - Other Features [Seite 239]
18.3.3 - OmniSharp [Seite 239]
18.3.4 - Other IDEs [Seite 240]
18.4 - Using Command-line Tools [Seite 240]
18.5 - Summary [Seite 241]
19 - Chapter 9: Putting It All Together [Seite 243]
19.1 - Building a Triathlon Race Results Web Site [Seite 243]
19.2 - Building the Back-Office Site [Seite 244]
19.2.1 - Setting Up Entity Framework [Seite 247]
19.2.1.1 - The Object Model [Seite 247]
19.2.1.2 - The EF Core Context [Seite 249]
19.2.1.3 - Migrations [Seite 250]
19.2.2 - Building CRUD Screens [Seite 252]
19.2.2.1 - The Controller [Seite 253]
19.2.2.2 - The View [Seite 254]
19.3 - Building the Registration Page [Seite 255]
19.4 - Showing Real-Time Results [Seite 259]
19.4.1 - Creating the Angular Client-Side Application [Seite 259]
19.4.2 - Building the Web APIs [Seite 264]
19.5 - Connecting with IoT Devices [Seite 268]
19.6 - Deploying [Seite 271]
19.7 - Summary [Seite 273]
20 - Index [Seite 275]
21 - EULA [Seite 283]