FREELessons: 8Length: 48 minutes
UI-Router is a flexible and powerful alternative for AngularJS routing. UI-Router goes beyond the Angular team's own ngRoute module by building in support for nested routes and for events triggered by route changes.
In this course, Envato Tuts+ instructor Dan Wellman will show you how to build a client-side routing strategy using the ui-router framework for Angular. You'll follow along with Dan as he builds a single-page app (SPA) in Angular for displaying and editing contacts. Along the way, you'll learn how to use some of the advanced features of UI-Router.
We've built comprehensive guides to help you learn JavaScript, AngularJS, and Angular 2, whether you're just getting started or you want to explore more advanced topics.
1.Introduction2 lessons, 04:55
2 lessons, 04:55
1.1Introduction00:54
1.1
Introduction
00:54
1.2Setup04:01
1.2
Setup
04:01
2.Basic Routing2 lessons, 18:23
2 lessons, 18:23
2.1Defining States07:09
2.1
Defining States
07:09
2.2View Templates11:14
2.2
View Templates
11:14
3.Events2 lessons, 13:01
2 lessons, 13:01
3.1State-Change Events and Callbacks06:27
3.1
State-Change Events and Callbacks
06:27
3.2View-Change Events06:34
3.2
View-Change Events
06:34
4.Nested States and Views1 lesson, 10:55
1 lesson, 10:55
4.1Nested States and Views10:55
4.1
Nested States and Views
10:55
5.Conclusion1 lesson, 01:11
1 lesson, 01:11
5.1Conclusion01:11
5.1
Conclusion
01:11
Dan Wellman is an author and front-end developer based in his home town in the south of merry old England. By day he builds web sites and applications and likes to focus on JavaScript, testing and workflow tools. By night he produces video courses for Tuts+ on a range of mostly front-end focused topics, usually centered around JavaScript.