Expanded Library
Building Apps with AngularJS and Breeze - Part 1
Build a Single Page Application (SPA) from scratch using JavaScript, AngularJS, and Breeze.
What you'll learn
Build a Single Page Application (SPA) from scratch using JavaScript, AngularJS, and Breeze. Learn how to combine the Angular 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
4mins
Getting Started with Single Page Apps
10mins
Angular From Scratch with HotTowel
45mins
- What Can We Build? 1m
- Starting Out 3m
- File New Web Project 2m
- Adding the Server Projects 2m
- Installing the Client via HotTowel.Angular 2m
- Examining the Ingredients 3m
- Start-Up Code 2m
- Module Config Settings 3m
- Exception Service Decorator 2m
- Configuring Routes 3m
- Layout with ng-include and ng-view 4m
- Views and Their Controllers 6m
- Data Services 3m
- Custom Modules 4m
- HotTowel.Angular.Breeze 4m
- Extending the App 1m
Creating Vertical Slice Through Your App
36mins
- What to Expect When Adding a View 1m
- Adding a View and All That Goes With It 5m
- Customizing the Layout 3m
- Stubbing the Sessions View and Route 5m
- Data Model 1m
- Binding the View 5m
- SideWaffle Templates 1m
- Creating the Controller with SideWaffle 4m
- Getting Sessions with Breeze's EntityQuery 7m
- Promises and Q 2m
- Recap 2m
Object Graphs, Extending Models, and Custom Directives
32mins
Sharing Local and Remote Data Across Views
48mins
- Sharing Data 1m
- Scaling Horizontally 3m
- Creating Your 2nd View 3m
- Creating the Controller 5m
- Re-Using Code in the DataContext Service 1m
- Angular Two-Way Data Binding with ng-model 1m
- Binding the Attendees View with Angular 2m
- Creating the Bindable Members of a Controller 3m
- Creating a new Breeze EntityQuery 4m
- Identifying Innefficient Requests 2m
- Executing Breeze Queries Locally 6m
- Sometimes we Want Fresh Data 3m
- Forcing Fresh Data Everywhere 6m
- Extending the Model and Creating Predicates 4m
- Goodbye Magic Strings! 2m
- Creating a Better User Experience 2m
Route Resolvers
25mins
- Routing Behavior 1m
- Navigation Events 2m
- Does Your User Want to Leave the View? 2m
- Subscribing to Successful Route Changes 3m
- Handling Routing Errors 4m
- Route Resolvers 2m
- Resolvers Can Reject Too 1m
- Resolving and Rejecting Routes 4m
- Loading Globally Cached Data Via a Resolver 5m
- Make it 'Just Work' 1m
Filtering
34mins
Paging, UI-Bootstrap, and Expanding the Data Service with Queries
34mins
- Paging and Fitlering 1m
- Define a Strategy for Paging 3m
- UI Bootstrap Directives 1m
- Paging in the View 4m
- Paging Bindings 3m
- Paging Functions in the Controller 5m
- Paging Remote and Local Data with Breeze 7m
- Hitting the Local Cache 2m
- Querying Counters 3m
- Flatlined Network Activity 2m
- The Key Moments 2m
- The Refactoring Workflow 1m
Building a Dashboard
40mins
- Combining What We Learned So Far 1m
- Dashboard Concepts 3m
- Counters and Routing 2m
- Reusing the Datacontext Service 2m
- Querying for Additional Counts 6m
- Maps 2m
- UI Bootstrap Carousel 3m
- Getting Top Speakers 3m
- Showing Track Counts 6m
- ES5's Array.reduce and Debugging in Chrome 8m
- Watching the XHR Traffic 2m
- Focus on the Story, Not the Features 2m
Animations with Angular and CSS
24mins
- Animations with Angular 1m
- The ngAnimate Module 1m
- Adding ngAnimate 1m
- Animation Checklist 1m
- ngHide and ngShow Conventions 1m
- Animating a Splash Page 5m
- Enter, Leave and Move Conventions 3m
- Creating ngView Animations 7m
- Animating ngRepeat for the Attendees 1m
- Shuffling Views in the SPA 2m
- Year of Moo 1m
Where Are We and a Look Ahead at What's Next
1min
