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
- 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
- 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
- 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
- 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
- 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
- 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 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
About the author
John Papa is a dedicated father and husband, a professional Web Developer, and professional storyteller in the technology community. He currently is a Partner GM for Microsoft leading the Growth Ecosystems Cloud Advocacy teams and has formerly worked for Disney on several web and mobile applications ans systems that you may have used. His passions are coding and teaching modern web technologies, running, and enjoying everything Disney with his family. John is a co-host of the Web Rush podcast... more