Building a Responsive SPA Framework with Angular
Build a better starting point for your Angular SPAs! In this course, you'll learn to build a reusable framework with many valuable features, including a responsive user interface, menu system with nested popup menus, user controls, and more.
What you'll learn
Angular is a great framework, but it doesn't offer a great starting point for us to develop modern SPAs. In this course, Building a Responsive SPA Framework with Angular, you'll build a much better starting point for your Angular SPAs! You'll build a reusable framework with many valuable features, including a responsive user interface and a menu system with nested popup menus. Next you'll explore building user controls and dynamically generated forms for CRUD operations. Finally, you'll learn about a panel system for application layout and styling. By the end of this course, you'll have a modern framework as a great starting point for Angular applications. You'll be able to configure it and update it for your own needs. Most importantly, you'll be able to focus on building your applications by leveraging the many features of this framework.
Table of contents
- Introduction 2m
- Creating a Framework Configuration Service 9m
- Creating the TopBar Component 7m
- Styling the Framework with CSS 6m
- Creating the Status Bar 4m
- Building a Screen Service for Responsive Features 7m
- Making the TitleBar Responsive 5m
- Building Responsive Directives 6m
- Unsubscribing from Observables 2m
- Summary 1m
- Introduction 2m
- Switching Menu Orientation 4m
- Popup Menu Overview 3m
- Menu Data and Routes 3m
- Creating the Popup Menu Component 7m
- Showing Popup Menus 8m
- Cleaning up the Popup Menu 2m
- Routing for Popup Menus 7m
- Showing Active Routes in Popups 5m
- Arrow Indicators for Menu Items 4m
- Animated Popup Menus 5m
- Testing on Small Devices 2m
- Summary 1m
- Introduction 3m
- Routing and Child Routes 5m
- The Sign-in Component 9m
- Building a Registration Form 3m
- Dependency Injection and Class-interfaces 4m
- Implementing a Class-interface 3m
- Dependency Injection Tokens 4m
- Submitting the Sign-in Form 5m
- Handling Sign-in Errors 2m
- Using Route Guards to Authorize Routes 6m
- Signing Out 3m
- Summary 1m
- Introduction 2m
- View Models and a Data Service 2m
- Showing a Country List 3m
- Showing a Country Detail Page 6m
- Dynamic Forms 7m
- The Dynamic Form Template 3m
- Dynamic Fields 5m
- Building a Read-only Details Form 3m
- Building an Update Form 7m
- Creating a New Country 3m
- Deleting a Country 3m
- Viewing Dynamic Forms on Small Devices 2m
- Summary 1m
- Introduction 2m
- Content Projection 3m
- Creating a Panel Component 3m
- Creating the Country List 4m
- Creating the Country Panel 3m
- A Responsive Country Panel 3m
- Creating a Responsive Panel with Background Image 2m
- Creating the Dashboard 1m
- Multi-slot Content Projection for Panels 3m
- Summary 1m
- Course Wrap-up 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