Advanced

Building Apps with AngularJS and Breeze - Part 1

By John Papa
Build a Single Page Application (SPA) from scratch using JavaScript, AngularJS, and Breeze.
Course info
Rating
(917)
Level
Intermediate
Updated
Oct 22, 2013
Duration
5h 28m
Table of contents
Building an App with Angular, Breeze and JavaScript Patterns
Course Overview 4m
Getting Started with Single Page Apps
What Can We Build? 2m What, Where and When? 3m What Features Do We Need? 3m Essential Resources 2m
Angular From Scratch with HotTowel
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
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
Rounding Out the Slice 2m Getting Projections 2m Getting Lookup Data 2m Priming the App with Data 5m Mapping Breeze Entity Types to Resources 5m Creating the Model Service 3m Extending the Models 5m Time for an Image Directive 4m Sprinkle of Responsive Design 2m Built to Scale 2m
Sharing Local and Remote Data Across Views
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
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
Filtering Data 1m What Should Filters Do? 2m What Are Angular Filters? 3m Creating Angular Filters 3m Creating Custom Filter Functions 7m Throttling Filters 10m Routing and Filters 7m Quality Variations 1m
Paging, UI-Bootstrap, and Expanding the Data Service with Queries
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
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
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
A Look Ahead 1m
Description
Course info
Rating
(917)
Level
Intermediate
Updated
Oct 22, 2013
Duration
5h 28m
Description

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.

About the author
John Papa
About the author

John Papa is a Principal Developer Advocate with Microsoft and an alumni of the Google Developer Expert, Microsoft Regional Director, and MVP programs.

More from the author
Angular CLI
Beginner
3h 8m
Feb 1, 2021
Learning Angular from Scratch
Beginner
1h 15m
Sep 3, 2020
Angular AMA
Beginner
1h 5m
Sep 3, 2020
More courses by John Papa

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT