Details

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


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


1. Aufl.

von: Simone Chiaretta

CHF 38.00

Verlag: Wiley
Format: PDF
Veröffentl.: 14.02.2018
ISBN/EAN: 9781119243960
Sprache: englisch
Anzahl Seiten: 288

DRM-geschütztes eBook, Sie benötigen z.B. Adobe Digital Editions und eine Adobe ID zum Lesen.

Beschreibungen

<b>Stay ahead of the web evolution with elegant combination front-end development</b> <p><i>Front-End Development with ASP.NET Core, Angular, and Bootstrap</i> 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.</p> <ul> <li>Combine ASP.NET Core with different tools, frameworks, and libraries</li> <li>Utilize third-party libraries with non-native functionalities</li> <li>Adopt the most up-to-date best practices for front-end development</li> <li>Develop flexible, responsive design sites</li> </ul> <p>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. <i>Front-End Development with ASP.NET Core, Angular, and Bootstrap</i> helps you elegantly integrate these technologies to develop the sites that the industry demands.</p>
<p>FOREWORD xxv</p> <p>INTRODUCTION xxvii</p> <p><b>CHAPTER 1: WHAT’S NEW IN ASP.NET CORE MVC 1</b></p> <p>Getting the Names Right 1</p> <p>ASP.NET Core 2</p> <p>.NET Core 2</p> <p>Visual Studio Code 2</p> <p>Visual Studio 2017 2</p> <p>Versions Covered in this Book 2</p> <p>A Brief History of the Microsoft .NET Web Stack 3</p> <p>ASP.NET Web Forms 3</p> <p>ASP.NET MVC 4</p> <p>ASP.NET Web API 4</p> <p>OWIN and Katana 5</p> <p>The Emergence of ASP.NET Core and .NET Core 5</p> <p>.NET Core 5</p> <p>Getting Started with .NET Core 6</p> <p>The dotnet Command Line 6</p> <p>Introducing ASP.NET Core 7</p> <p>Overview of the New ASP.NET Core Web Application Project 7</p> <p>OWIN 10</p> <p>OWIN Layers 11</p> <p>OWIN Communication Interface 11</p> <p>A Better Look at Middleware 12</p> <p>Anatomy of an ASP.NET Core Application 12</p> <p>Host Builder Console Application 13</p> <p>ASP.NET Core Startup Class 14</p> <p>New Fundamental Features of ASP.NET Core 15</p> <p>Environments 15</p> <p>Dependency Injection 17</p> <p>What Is Dependency Injection? 17</p> <p>Using Dependency Injection in ASP.NET Core 18</p> <p>Logging 19</p> <p>Logger Instantiation 19</p> <p>Writing Log Messages 19</p> <p>Additional Logging Configuration 19</p> <p>Configuration 21</p> <p>Setting Up the Configuration Sources 21</p> <p>Reading Values from Configuration 22</p> <p>Using Strongly-Typed Configuration 22</p> <p>An Overview of Some ASP.NET Core Middleware 25</p> <p>Diagnostics 25</p> <p>Serving Static Files 26</p> <p>Application Frameworks 27</p> <p>ASP.NET Core MVC 27</p> <p>Using the MVC Framework inside ASP.NET Core 27</p> <p>Using Dependency Injection in Controllers 28</p> <p>View Components 30</p> <p>Tag Helpers 32</p> <p>Using Tag Helpers from ASP.NET Core 32</p> <p>Writing Custom Tag Helpers 34</p> <p>View Components as Tag Helpers 35</p> <p>Web API 35</p> <p>Summary 36</p> <p><b>CHAPTER 2: THE FRONT-END DEVELOPER TOOLSET 37</b></p> <p>Additional Languages You Have to Know 38</p> <p>Node.js 38</p> <p>JSON 39</p> <p>Sass and Less 40</p> <p>The Future of JavaScript 42</p> <p>TypeScript 42</p> <p>JavaScript Frameworks 43</p> <p>Angular 43</p> <p>Knockout 46</p> <p>React 47</p> <p>jQuery 49</p> <p>CSS Frameworks 49</p> <p>Bootstrap 50</p> <p>Primer CSS 51</p> <p>Material Design Lite 52</p> <p>Semantic UI 52</p> <p>Package Managers 53</p> <p>NuGet 53</p> <p>Bower 54</p> <p>NPM 55</p> <p>The Folder Structure 56</p> <p>Task Runners 56</p> <p>Summary 57</p> <p><b>CHAPTER 3: ANGULAR IN A NUTSHELL 59</b></p> <p>Angular Concepts 60</p> <p>The Language of Angular 61</p> <p>Setting Up an Angular Project 62</p> <p>Using an Online Editor 62</p> <p>Starting from the Quickstart Seed 63</p> <p>Using the Angular-CLI Tool 63</p> <p>The Structure of an Angular App 64</p> <p>Application Entry Point 64</p> <p>Root Module 64</p> <p>Root Component 66</p> <p>Main HTML Page 67</p> <p>Data Binding 68</p> <p>Interpolation 68</p> <p>One-Way Binding 69</p> <p>Event binding 69</p> <p>Two-Way Binding 70</p> <p>Directives 70</p> <p>Services and Dependecy Injection 71</p> <p>Multiple Components 73</p> <p>Input and Output Properties 75</p> <p>Talking to the Back End 78</p> <p>Using the Http Module 79</p> <p>Consuming the RxJS Observable 80</p> <p>Subscribing to the Observable 80</p> <p>Using the async Pipe 80</p> <p>Using Promises 81</p> <p>Using Angular with ASP.NET MVC 83</p> <p>Combining Angular and ASP.NET Core Projects 84</p> <p>Keeping Angular and ASP.NET Core as Two Separate projects 85</p> <p>Combining Angular and ASP.NET Core into One Project Using the</p> <p>Angular CLI 86</p> <p>Using JavaScriptServices 89</p> <p>Deciding Which Integration Method to Use 91</p> <p>Visual Studio 2017 Support for Angular 92</p> <p>Code Snippets 92</p> <p>IntelliSense in TypeScript Files 93</p> <p>IntelliSense in HTML Files 94</p> <p>Summary 95</p> <p><b>CHAPTER 4: BOOTSTRAP IN A NUTSHELL 97</b></p> <p>Introduction to Bootstrap 98</p> <p>Installing Bootstrap 98</p> <p>The Main Features 100</p> <p>Bootstrap Styles 100</p> <p>Grid System 100</p> <p>Typography 104</p> <p>Tables 105</p> <p>Forms 106</p> <p>Buttons 107</p> <p>Components 107</p> <p>Glyphicons 107</p> <p>Dropdown 108</p> <p>Input Groups 109</p> <p>Navigation 110</p> <p>Navigation Bar 111</p> <p>Pagination 113</p> <p>Breadcrumbs 114</p> <p>Tabs and Pills 115</p> <p>Other Components 116</p> <p>JavaScript 116</p> <p>Tabbed Content 117</p> <p>Activating Tab Navigation with JavaScript 117</p> <p>Activating Tab Navigation with Data Attributes 118</p> <p>Modal Dialog 118</p> <p>Tooltips and Popovers 120</p> <p>Customizing Bootstrap with Less 122</p> <p>Customizing via the Website 122</p> <p>Customizing with Less 123</p> <p>Bootstrap Support in Visual Studio 2017 and ASP.NET Core 124</p> <p>Bootstrap Snippet Pack 126</p> <p>Glyphfriend 126</p> <p>Tag Helpers for ASP.NET Core 127</p> <p>Summary 128</p> <p><b>CHAPTER 5: MANAGING DEPENDENCIES WITH NUGET AND BOWER 129</b></p> <p>General Concepts 130</p> <p>NuGet 130</p> <p>Getting Packages via NuGet 131</p> <p>Using the Package Manager GUI 131</p> <p>Using the Package Manager Console 132</p> <p>Manually Editing the .csproj Project File 133</p> <p>What Happens Once You Install a Package 135</p> <p>Publishing Your Own Packages 135</p> <p>Adding Metadata for the Package 135</p> <p>Creating the Package 136</p> <p>Publishing to the Nuget.org Gallery 137</p> <p>NPM (Node.js Package Manager) 137</p> <p>Installing NPM 137</p> <p>NPM Usage 138</p> <p>Using the NPM Command Line 138</p> <p>Using NPM within Visual Studio 139</p> <p>Where Packages Are Installed 139</p> <p>Bower 139</p> <p>Installing Bower 140</p> <p>Getting Packages with Bower 140</p> <p>Using the Bower Command Line 140</p> <p>Using the Bower Package Manager GUI in Visual Studio 141</p> <p>Editing the bower.json File 141</p> <p>Where Packages Are Installed 142</p> <p>Creating Your Own Packages 142</p> <p>Summary 143</p> <p><b>CHAPTER 6: BUILDING YOUR APPLICATION WITH GULP AND WEBPACK 145</b></p> <p>What Front-End Build Systems Are For 146</p> <p>A Deeper Look at Gulp 146</p> <p>Getting Started with Gulp 147</p> <p>The Gulpfile.js File 147</p> <p>gulp.task() 147</p> <p>gulp.watch() 148</p> <p>gulp.src() 148</p> <p>gulp.dest() 148</p> <p>A Typical Gulp Build File 148</p> <p>More Gulp Recipes 150</p> <p>Naming Output Files from a Package Name 150</p> <p>Generating Source maps 151</p> <p>Checking JavaScript Using JSHint 151</p> <p>Executing Tasks When Files Change 153</p> <p>Managing Bower Dependencies 153</p> <p>Replacing References Directly in the HTML Files 154</p> <p>Introduction to webpack 156</p> <p>webpack’s Main Concepts 156</p> <p>Using webpack 156</p> <p>Bundling JavaScript 156</p> <p>Bundling Stylesheets 158</p> <p>Minifying and Adding Sourcemaps 159</p> <p>More Things webpack Can Do 160</p> <p>Visual Studio 2017 and Build Systems 160</p> <p>The Bundler and Minifier Extension 160</p> <p>The Task Runner Explorer 164</p> <p>IntelliSense for Gulp 164</p> <p>Summary 165</p> <p><b>CHAPTER 7: DEPLOYING ASP.NET CORE 167</b></p> <p>The New Hosting Model of ASP.NET Core 167</p> <p>Installing on Internet Information Services</p> <p>On Premise 168</p> <p>Making Sure All Is Well 169</p> <p>Installing AspNetCoreModule 171</p> <p>Publishing Applications via the Command Line 171</p> <p>Creating the Website 172</p> <p>Publishing the Applications via Visual Studio 173</p> <p>Deploying on Azure 174</p> <p>Deploying to Azure from Visual Studio with Web Deploy 174</p> <p>Continuous Deployment to Azure with Git 179</p> <p>Configuring the Azure Web App 179</p> <p>Confi guring the Local Repository 180</p> <p>Deploying to Docker Containers 183</p> <p>Installing the Docker Support 183</p> <p>Publishing a Docker Image 186</p> <p>Summary 187</p> <p><b>CHAPTER 8: DEVELOPING OUTSIDE OF WINDOWS 189</b></p> <p>Installing .NET Core on macOS 190</p> <p>Building the First ASP.NET Core App on macOS 191</p> <p>Using dotnet Command-Line Interface 191</p> <p>Using Yeoman 195</p> <p>Visual Studio Code 196</p> <p>Setting It Up 197</p> <p>Development Features in Visual Studio Code 197</p> <p>IntelliSense 197</p> <p>Refactoring 198</p> <p>Errors and Suggestions 198</p> <p>Debugging 199</p> <p>Version Control 200</p> <p>Tasks 202</p> <p>Other Features 203</p> <p>OmniSharp 203</p> <p>Other IDEs 204</p> <p>Using Command-Line Tools 204</p> <p>Summary 205</p> <p><b>CHAPTER 9: PUTTING IT ALL TOGETHER 207</b></p> <p>Building a Triathlon Race Results Web Site 207</p> <p>Building the Back-Office Site 208</p> <p>Setting Up Entity Framework 211</p> <p>The Object Model 211</p> <p>The EF Core Context 213</p> <p>Migrations 214</p> <p>Building CRUD Screens 216</p> <p>The Controller 217</p> <p>The View 218</p> <p>Building the Registration Page 219</p> <p>Showing Real-Time Results 223</p> <p>Creating the Angular Client-Side Application 223</p> <p>Building the Web APIs 228</p> <p>Connecting with IoT Devices 232</p> <p>Deploying 235</p> <p>Summary 237</p> <p>INDEX 239</p>
<p>About the author <p><b>Simone Chiaretta</b> 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.
<p><b>Develop ASP.NET Core solutions faster with the ideal combination of front-end frameworks</b> <p>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. <p><i>Front-End Development with ASP.NET Core, Angular, and Booststrap:</i> <ul> <li>Gets you up and running with all of the new and improved ASP.NET Core features</li> <li>Shows you how to develop the versatile, flexible, and highly responsive designs that clients demand and users expect</li> <li>Describes the most up-to-date best practices for front-end development using ASP.NET Core</li> <li>Details how best to utilize third-party libraries with non-native functionalities</li> <li>Explains how to combine ASP.NET Core with different tools, frameworks, and libraries</li> <li>Explores the use of Bower dependencies and Gulp build systems with ASP.NET Core</li> </ul> <p><b>Wrox Professional</b> 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. <p>Visit us at wrox.com for free code samples.

Diese Produkte könnten Sie auch interessieren:

Distributed Object-Oriented Architectures
Distributed Object-Oriented Architectures
von: Josef Stepisnik
PDF ebook
CHF 65.00
Web 2.0
Web 2.0
von: Hannes Duschinski
PDF ebook
CHF 54.00
Streaming-Video und Web-TV
Streaming-Video und Web-TV
von: Michael Bösken
PDF ebook
CHF 50.00