Cargando…
ASP.NET Core 2 and Vue.js : full stack web development with Vue, Vuex, and ASP.NET Core 2.0 /
Microsoft have recently expanded their suite of SPA project templates to include a Vue.js based template that includes all the tooling required to build modern production ready applications out of the box. In this book, we'll leverage some of the more powerful Vue.js features with ASP.NET core...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham, UK :
Packt Publishing,
2018.
|
| Temas: | |
| Acceso en línea: | Texto completo Texto completo |
Tabla de Contenidos:
- Cover; Title Page; Copyright and Credits; Dedication; Packt Upsell; Contributors; Table of Contents; Preface; Chapter 1: Understanding the Fundamentals; Thinking in components; What is a component?; UI composition; Introduction to Vue; The Vue instance; Attaching to the DOM; Defining data properties; Rendering data into the DOM using expressions; Building component trees; Reactivity; Component behavior; State; Props; Methods; Computed properties; Watchers; Lifecycle hooks; Component presentation; Directives; Attribute binding with v-bind; Conditional display with v-show
- Control flow with v-if and v-elseRendering lists with v-for; Event handling with v-on; Form input binding with v-model; Parent-child component communication; ASP.NET Core- what's new?; Middleware pipeline; Application startup; DI is a first-class citizen; EF Core
- what's new?; Configuring relationships; Global query filters; Compiled queries; In-memory provider for testing; Summary; Chapter 2: Setting Up the Development Environment; Choosing a web browser; Installing frontend tools and dependencies; Installing Node and npm; Installing Vue; npm or Yarn?
- Installing backend tools and dependenciesInstalling ASP.NET Core; Installing PostgreSQL; Choosing and installing an IDE; Productivity tools; Installing VS Code extensions; Installing the Vue.js Chrome devtools extension; Installing a Terminal Emulator on Windows (optional); Summary; Chapter 3: Getting Started with the Project; ASP.NET Core SPA templates versus CLI tools; An introduction to webpack; What is webpack?; How does it work?; Basic webpack configuration; Bundle splitting; Production bundles; Scaffolding a project with the dotnet CLI; Refactoring the frontend setup
- Removing TypeScriptReplacing the default components; Refactoring the backend setup; Refactoring to a feature folder structure; Setting up the database; Creating a database context; Registering the database context for DI; Creating the database; Creating an initial migration; Creating and seeding the database on start-up; Testing the completed setup; Summary; Chapter 4: Building Our First Vue.js Components; Displaying a list of products; Conditional rendering; Component composition; Client-side routing; Fetching data from an API; Summary; Chapter 5: Building a Product Catalog
- Improving the existing UXChoosing a UX framework; What is Bootstrap-Vue?; Installing additional required dependencies; Modifying the webpack configuration to support SASS; Updating the webpack vendor configuration; Rebuilding the vendor bundle; Adding application-wide layout elements; Adding application-wide styles; Styling the product list and product details components; Fetching data before navigation; Adding a page loading indicator; Adding a transition on page change; Extending the existing data model; Dropping the existing database; Adding new/updating existing entities