AngularUI Fundamentals
AngularUI has established itself as the companion framework of choice for building great AngularJS applications. This code-focused course shows how to build apps with AngularUI.
What you'll learn
AngularUI has established itself as the ultimate companion framework for building AngularJS applications. In this course, we'll see how to quickly get up and running with AngularUI. We will cover UI-Bootstrap so we can leverage the Bootstrap framework without a jQuery dependency. We will then dive into UI-Router to see how this powerful routing alternative can be fully leveraged in your apps. We will cover numerous modules, including UI-Calendar, UI-GMap, UI-Grid, UI-Select, and more! By the end of the course, you'll be able to start building your own apps using AngularUI on top of AngularJS!
Table of contents
- Overview 2m
- Installing UI-Bootstrap 3m
- Responsive Navigation Menu 2m
- Using the Dropdown for Action Buttons 9m
- Providing Help with Tooltips, Popovers, and Collapse 5m
- Implementing Tabs 8m
- Alert Important Information 2m
- Working with the Modal 6m
- Using the Accordion to Organize 7m
- Typeahead for Filtering 6m
- Using the Datepicker and Timepicker 6m
- Summary 0m
- Overview 1m
- UI-Router Concepts and Components 4m
- Installing UI-Router 2m
- Configuration with the State Provider 3m
- Activating States 5m
- Custom Data for State Object 1m
- Introduction to URL Parameters 5m
- Introduction to Nested States and Views 3m
- Implementing Nested States and Views for Deep Linking Tabs 7m
- State Change Events 3m
- Multiple Named Views 2m
- Summary 1m
- Overview 1m
- Introduction to UI-Calendar 1m
- Installing UI-Calendar 3m
- Implementing UI-Calendar 8m
- Working with UI-Calendar Events 7m
- Introduction to UI-GMap 1m
- Installing UI-GMap 2m
- Implementing UI-GMap 9m
- Using Markers with UI-GMap 3m
- Introduction to UI-ACE 2m
- Installing UI-ACE 1m
- Implementing UI-ACE 9m
- Summary 1m
- Overview 1m
- Introduction to UI-Grid 2m
- Installing UI-Grid 1m
- Implementing UI-Grid - Setup and Importing 8m
- Implementing UI-Grid - Editing, Filtering, and More 4m
- Introduction to UI-Select 1m
- Installing UI-Select 2m
- Implementing UI-Select 7m
- Implementing UI-Select for Multi-Select 3m
- Introduction to UI-Alias 1m
- Installing UI-Alias 1m
- Implementing UI-Alias 2m
- The Completed End-user App 3m
- Summary 1m
About the author
Steve is a Principal Software Engineering Manager with Microsoft on the Azure Global Engineering team. Prior to joining Microsoft, he was a 7-time Microsoft ASP.NET MVP. Steve is an ASPInsider and is a frequent presenter at developer conferences and user groups including Microsoft Ignite, MS Tech Summit, VSLive!, and AngularMIX. Steve is passionate about Azure, Angular, and Web technologies. You can reach him at stevemichelotti.com or on twitter at @smichelotti.