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 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
- 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
About the author
Mark started in the developer world over 25 years ago. He began his career with a Bachelor of Science in Computer Science from St. Johns University. After spending 10 years on Wall Street working for Goldman Sachs, Lehman Brothers and other major investment banks, Mark became interested in animation and video game software. He has written numerous mobile apps and games for clients including Electronic Arts and Yahoo! Games. Some of his popular mobile titles include Yahtzee, Yahoo! Chess, and Yah... more