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

Level

Intermediate

Updated

Oct 22, 2013

Duration

5h 30m

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

Level

Intermediate

Updated

Oct 22, 2013

Duration

5h 30m

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

About the author

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

More from the author

Developing Faster with the Vue CLI

Beginner

2h 26m

Jan 1, 2019

Angular CLI

Beginner

3h 22m

Aug 31, 2018

Play by Play: Build and Deploy Angular to the Cloud

Intermediate

1h 2m

May 25, 2018

More courses by John Papa

Ready to skill up
your entire team?

10

Licenses

Continue to checkout Continue to checkout

Cancel

With your Pluralsight plan, you can:

With your 14-day pilot, you can:

Access thousands of videos to develop critical skills
Give up to 10 users access to thousands of video courses
Practice and apply skills with interactive courses and projects
See skills, usage, and trend data for your teams
Prepare for certifications with industry-leading practice exams
Measure proficiency across skills and roles
Align learning to your goals with paths and channels