Building Data Centric Apps with Angular 4 and BreezeJS
This course will teach you how to build data-centric apps with Angular, and leveraging the Breeze client and server libraries to handle all your data management within the app.
What you'll learn
When you need to build an app with Angular that will involve a lot of data presentation and data entry, there are many individual features of Angular you'll need to understand. In this course, Building Data Centric Apps with Angular and BreezeJS, you'll learn how to best leverage the features of Angular, and supplement them with the capabilities of the Breeze client and server libraries. First, you'll discover how to use many Angular features for implementing data presentation and input. Next, you'll explore how to use Breeze for getting data to the client side, working with it there, and persisting changes back to the server. Finally, you'll learn how to integrate Angular and Breeze to build out your data-centric functionality quickly and cleanly, with much less code than if you were to just use Angular on its own. By the end of this course, you'll learn how to make your life a lot easier building out your data centric use cases.
Table of contents
- Version Check 0m
- Introduction 4m
- Prerequisites 2m
- Angular Building Blocks 5m
- A Walk Through a Data-centric Angular App 2m
- Getting Familiar with Angular and Data Features in Code 7m
- BreezeJS Features and Building Blocks 4m
- Breeze Server Features 2m
- Single Page Application Architecture with Angular and Breeze 6m
- Starting Your Angular / Breeze App 1m
- Creating a Project with the Angular CLI 3m
- Getting Familiar with the Angular Project Infrastructure 9m
- Building out a Data Retrieval Call Chain 8m
- Integrating BreezeJS into an Angular App 4m
- Using Breeze to Retrieve Data from the Server 6m
- Summary 1m
- Introduction 1m
- Breeze Calling Patterns 1m
- Breeze Server Options 5m
- BreezeControllers Overview 2m
- EFContextProvider Overview 2m
- Data Model and Project Walk-through 3m
- Creating the Server API Project 4m
- Implementing a BreezeController 4m
- Inspecting the Wire Level Breeze Client Calls 3m
- Adding Business Logic to Your BreezeControllers 4m
- Using EnableBreezeQuery to Limit Queries 4m
- Summary 1m
- Introduction 2m
- Breeze Query Capabilities 4m
- Breeze Query Architecture 3m
- Demos Overview 2m
- Cleaning up the Customer List 6m
- Adding a Customer Detail View and Routing to It 8m
- Adding Filter Queries to Search Customers 4m
- Using RxJS to Prevent Over-aggressive Backend Queries 6m
- Sending Sorting and Paging to the Customer List 5m
- Using Expand to Retrieve Related Entities 5m
- Using Select to Only Retrieve a Subset of Entity Properties 2m
- Working Directly Against the Local Cache 3m
- Summary 1m
- Introduction 2m
- Editing Entities 3m
- Cleaning up the Customer List and Details Pages 6m
- Creating New Entities 5m
- Loading Metadata on App Initialization 6m
- Deleting Entities on the Client-side 1m
- Adding Customer Deletion 7m
- Deleting Chains of Entities 4m
- Adding Product Listing Pages to the App 6m
- Creating and Submitting Order Object Graphs 6m
- Rejecting Changes to Changed Entities 7m
- Handling Entity Changed Events 3m
- Exporting and Importing Entities from the Cache 3m
- Summary 2m
- Introduction 2m
- Validation Overview 3m
- Validating Template-driven Forms in Angular 3m
- Using the Angular Template-driven Forms Validation 5m
- Validating Entities with Breeze 2m
- Leveraging Breeze Type Validation 7m
- Implementing a Reusable Validating Input Component 5m
- Using Built-in and Custom Client Validation Rules 7m
- Using Breeze Server Validation 3m
- Summary 2m