Build Enterprise Applications with Angular 2 (and Angular 4)

Extend your Angular app's Firebase integration by performing complex queries: join data across multiple nodes, sort and filter results with limits, return from Firebase, and update multiple nodes.

Build an enterprise-style data model with restaurants, cuisines, and features, showing address and city fields, one-to-many relations, and using IDs to join data across a JSON database.

Join restaurant data with its cuisine type in Firebase using Angular by mapping the restaurant list to a cuisine observable and rendering with async pipe, while noting client-side caching.

Explore firebase filtering by ordering by a property, using equal to and start/end at bounds, and why multi-property filters push work to the server; learn data structures for quick reads.

Learn to create Firebase indexes to optimize queries by rating or city, define dot index on properties, publish changes, and control the number of results returned.

Implement authentication and authorization using Firebase as your backend for enterprise apps built with Angular. Explore how to set up secure access and permissions with Firebase.

Learn to call the Facebook Graph API from an Angular app, request fields such as first name, last name, and gender, and sync data to Firebase.

Apply authorization concepts after authentication by using Firebase security rules to control who can read and write database nodes, and guard routes on the client with Angular router.

Describe how angular apps implement stateless authentication using JSON web tokens to access protected server APIs over https, with tokens stored in local storage and sent in headers.

Create an angular authentication service that encapsulates login, isAuthenticated, and logout with auth0 lock and angular2-jwt, and register it as a provider in the app module.

Retrieve the user's profile from the authentication service using the ID token, then store it in local storage as a JSON string and expose it to components.

Learn to add a location signup field with a placeholder where do you live, a validator function, and a minimum five character rule with an error message.

Enable cross-origin resource sharing in the node server to let an Angular app on a different port call secured APIs, using RS256 tokens and a shared audience.

Explore the fundamentals of building mobile apps with Ionic and Angular, learn Ionic architecture, deploy to Android and iOS, and explore common Ionic components to build and deploy simple apps.

Explore Ionic, a free, open source framework for building mobile apps with HTML, Angular and TypeScript. Create hybrid apps with native features via Cordova using one codebase for multiple platforms.

Deploy your ionic app to an android device by generating a standard android project from the platform and running it through android studio or ionic run android with live reload.

Navigate from the home list to the item details page by pushing the selected item with the Ionic nav controller and passing it as data.

Learn to replace labels with icons using iron icons from the Ionic documentation, choosing from over 700 icons, and apply platform-specific icons with explicit iOS and Android syntax.

Learn to implement input fields in Ionic apps using ion list, items, labels, and NgModel bindings, with objects to share data between the home and item details components.

Explore Cordova plug-ins with Ionic and Angular to access native features like app version, camera, geolocation, and Google Maps, then learn theming and customizing icons and splash screens.

Explore how ionic plugins access native functionality through a JavaScript API, with platform-specific implementations and a config.xml workflow that manages plugin installation.

Learn to access the photo library via the Ionic camera plugin, configure usage descriptions in config.xml, and handle base64 image data with camera options and source type.

Learn to use the Ionic geolocation plugin to obtain the current position and latitude/longitude via a promise, handle permission prompts, and add a native Google map to show nearby stores.

Learn to add a Google Maps plugin to an Angular app by obtaining Android and iOS API keys, configuring credentials in Google Console, and initializing the map with styles.

Explore the high-level architecture of Angular front-end with a back-end core or MVC, contrasting multipage server-rendered flows with modern single-page apps and client-side routing.

Discover how to add third-party libraries to an angular project using npm, install type definitions for underscore, and separate vendor and main bundles to optimize bundle size and load times.

Learn client-side implementation in angular by building a form group with validation and remote server errors, using a patient service to post data and manage a medications array.

Implement Angular-based authentication by validating credentials via a server API, issuing a JSON web token, storing it in local storage, and sending it in a bearer authorization header.

Discover how Angular change detection keeps views in sync with models, explore immutability and unpunched change detection strategy, and profile performance with Chrome tools for data and complex views.

Explore how the default change detection strategy checks all binding expressions, comparing old and new state for value and reference inputs, with profiling guiding an on push optimization for performance.

Learn how the OnPush change detection strategy limits checks to component inputs, ignores subtrees, and boosts performance by treating inputs as immutable and updating with new object copies.

Explore immutable.js objects, including maps and lists, in an Angular app, learn to read and set properties with get and set, and apply the unposed strategy to optimize performance.

Profile a performance bottleneck in an Angular app, identify slow change detection on a 10,000-movie list, and apply on-push with immutable data to speed updates.

Install Redux in an Angular app, compare the two common implementations, and scaffold a minimal store with a root reducer and initial store, wired through the Angular Redux module.

Practice implementing redux-based state management in a two-component to-do app, where adding, toggling, or removing items updates the list and dashboard, showing the last update time and total items.

Configure Redux DevTools in an Angular app, enabling time travel debugging and action-by-action state inspection, with development mode enhancers and the ability to save and reload state.

Learn to integrate a server with an Angular app using Redux concepts: dispatch actions, reducers manage client state, handle loading and errors, compare optimistic versus pessimistic updates; avoid action creators.

Refactor fat case statements by extracting code blocks into an internal function, improving readability of the root reducer. Preview a class-based approach that encapsulates state and action to reduce repetition.

Refactor fat switch blocks by breaking a large application into tasking and messaging modules, define tasking initial state and producers, and combine reducers into a root reducer for scalable state.

Explore unit tests, integration tests, and end-to-end tests, learning how each tests a component in isolation, with templates, and as a full application, including trade-offs.

Learn unit testing fundamentals by treating tests as first-class citizens, writing small, single-responsibility tests (under 10 lines) that test one thing, with descriptive names, using Jasmine and Karma.

Explore testing strings and arrays by validating output contains a name and by checking that arrays include currencies without relying on exact order.

Create and validate a form in Angular using the form builder to build a form group with name and email controls, verify initial state and test required validator on name.

Learn how to unit test an Angular component by replacing a real service with a fake that returns an observable, using spyOn to verify the component initializes its properties.

Test that the component calls the server to save changes for a new to-do item, and handle success by updating the list or error by setting a message.

Learn to implement and test a confirmation box for deleting items in an angular app, using spies to simulate user confirmation and verify server calls with an observable.