Course
Skills Expanded
Building Apps with AngularJS and Breeze - Part 2
Part 2 of Building Apps with AngularJS and Breeze will teach you the rest of what you need to know to build a Single Page Application (SPA) from scratch using JavaScript, AngularJS, and Breeze.
What you'll learn
Build a SPA from scratch using JavaScript, AngularJS, and Breeze. Learn how to combine the AngularJS presentation framework, rich data features of Breeze, and raw features of JavaScript, CSS, and HTML5 to create robust modern web applications.
Table of contents
Building an App with Angular, Breeze and JavaScript Patterns
2mins
JavaScript Repository Patterns
41mins
- JavaScript Repository Patterns 1m
- When to Refactor 2m
- How to Refactor 3m
- Code Overview of the Repository Pattern 5m
- Examining the Lookup Respository 5m
- Diving into the Abstract Repository 4m
- The Role of the Repositories Collection 5m
- Accessing Data from the Controllers 2m
- Examining the Attendee Respository 3m
- Examining the Session Respository 3m
- Examining the Speaker Respository 2m
- Housekeeping 3m
- Refactoring 2m
Editing Views and Getting Remote and Local Data
34mins
- Creating and Routing to the Edit View 2m
- Navigating from Master to Details 0m
- Angular Routing with Parameters 5m
- Retrieving Route Parameters 2m
- HTML Inputs and 2 Way Data Binding 3m
- Controller Logic for Getting Data 3m
- Getting Partials/Projections vs Full Details 2m
- Querying Local and Remote 7m
- Extending the Model for Partial and Full Entities 4m
- Debugging the Remote and Local Queries 5m
- Recap 1m
Save, Cancel, Detect Changes, and Messaging
28mins
- Enabling Save and Cancel 1m
- Binding and Disabling the Buttons 3m
- Writing the Save and Cancel Logic 9m
- Walking the Save and Cancel in the Debugger 3m
- Change Detection Strategy 1m
- Detecting Changes and Messaging 8m
- Animating with ng-show 1m
- Debugging Change Detection 3m
- Recap Save, Cancel and Change Tracking 1m
Dropdowns, Performance via Partials and Cached Lookups
26mins
- Session Editing Scenarios 1m
- Dropdown Bindings with ng-options 6m
- Routing and Parameters for Sessions 4m
- Binding to the Session Details View 3m
- Getting Session Details Locally and Remotely 2m
- Improving Performance Through Partials and Breeze 4m
- Lookups in Dropdown Lists 1m
- Using Cached Lookups 4m
- Editing Recap 1m
Saving New Data and the Nullo Pattern
30mins
- Creating New Data and the Nullo Pattern 1m
- The Workflow for Creating a New Entity 2m
- Creating and Saving a Speaker 3m
- Canceling the New Entity 2m
- Refactoring Bindings to be Declarative 1m
- Creating and Saving a Session 4m
- The Case for a Null Object in a Dropdown 1m
- Where the Nullo Pattern Fits In 3m
- Creating Nullos 4m
- Refactoring Timeslot Property Extensions 2m
- Adding Query Predicates 3m
- Free Validation and Refactoring Cancels 3m
- Recap 2m
Deleting and Modal Dialogs
21mins
Client Validation
34mins
- Client Side Validation 1m
- Choosing a Validation Strategy 5m
- Breeze Labs 2m
- The zValidate Directive 2m
- Come and Get Your Free Validation! 2m
- Validation Steps 2m
- Creating Custom Validation 4m
- Applying Validation 4m
- Surfacing Custom Validation 2m
- Common Validation Features 5m
- When Should Validation Occur 2m
- Configuring and Styling 2m
- Validation Recap 1m
Saving State with Local Storage
26mins
- Import/Export to Local Storage 0m
- Why Should You Consider Using Local Storage 1m
- Getting zStorageWip from NuGet 1m
- Configuration the zStorage Service 4m
- Make Data Services Aware of Storage 2m
- Listening to Storage Events 2m
- Refactoring for New Features 2m
- Key Breeze and Storage APIs 1m
- Saving to Local Storage 3m
- Examining Storage 2m
- Loading from Local Storage 4m
- Clearing Local Storage 3m
- Recap 1m
Storing Work in Progress
68mins
- Implementing Work in Progress 1m
- Why Save Work in Progress? 2m
- The End-Game 2m
- Features We'll Need 2m
- Make Data Services Aware of WIP 2m
- How Do You Know When to Save WIP? 2m
- Save WIP 8m
- Cancel WIP 2m
- Tuning the Data Caching 5m
- Load WIP 5m
- Adding WIP to a Second View 6m
- WIP Summary 3m
- Creating a WIP Directive 9m
- Create a WIP View 3m
- Creating Reusable WIP Widgets 3m
- Creating a WIP Controller 6m
- Adding WIP to the Dashboard 2m
- Loose Ends 5m
- WIP Recap 1m