Building a SPA Framework Using AngularJS
Do you need a starting point for your Angular Single Page Apps (SPA)? Menus, dashboards, and widgets are important parts of many Angular apps. In this course, we'll build components to easily add these items to any project.
What you'll learn
Do you need a starting point for your Angular SPAs? Menus, dashboards, and widgets are important parts of many Angular apps. In this course, we'll build components to easily add these items to any project. We'll build a feature-rich menu system from scratch, then we'll use angular-gridster to create a dashboard and widget system. We'll package these components with Gulp so that they can be used in any Angular application.
Table of contents
Introduction
7mins
Creating a SPA Framework Using AngularJS
32mins
Building a Menu Component in AngularJS
50mins
Advanced Menu Features
54mins
- Introduction 2m
- Grouping Menu Items 2m
- A Custom Directive for Groups 4m
- Opening and Closing a Group 5m
- Multiple Menu Levels 1m
- Creating a Horizontal Menu 6m
- Styling the Horizontal Menu 7m
- Horizontal Menu Cleanup 5m
- Controlling the Popup Menu 8m
- Making the Menu Responsive 9m
- Animating the Menu Using ngAnimate 4m
- Summary 1m
Building a Dashboard and Widgets
39mins
Widget Content
57mins
- Introduction 3m
- Our Widgets 3m
- A Fake Data Service 3m
- Creating Widget Custom Directives 7m
- Compiling Widget Content 6m
- Loading Widget Data 5m
- A Button to Add Widgets 5m
- Adding Widgets to a Dashboard 2m
- Adding a Widget Menu 2m
- Closing Widgets 2m
- Showing a Widget Settings Dialog 9m
- Updating Widget Settings 3m
- Mobile Fixes 3m
- Fixing Background Image Loading 3m
- Summary 1m
Additional Angular SPA Features
50mins
