Angular UI Router

How to use Angular UI Router in practice
2.8 (15 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
100 students enrolled
Instructed by Good Learn IT & Software / Other
25% off
Take This Course
  • Lectures 21
  • Length 1 hour
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

In this course, you will learn to work with the local routers of the sites and also routers that will control redirects of the pages in client machines. These routes work together with Angularjs.

You will see how to create beautiful layouts only by modifying the routes by which you show the contents of the website with the ease of working with multiple views, you will see everything in practice and with examples, without losing time on other things.

The following UI Router content will be covered in this course:

  • Creating routers
  • Processing undesired routes
  • Working with URL parameters
  • How to catch events
  • Working with pages transitions
  • And many more topics

We will make all resources used in the project and the project itself, available to download. You can download the project of the class and make improvements and experiment with the codes.

What are the requirements?

  • Knowledge of html, css, javascript and angularjs
  • Download brackets editor.

What am I going to get from this course?

  • Learn how to create sitemaps and routes. Working with parameters and custom data.
  • Learn how to create links for transitions between pages.
  • Learn how to get transitional events.
  • Learn how to works with multiple views
  • Learn how to create beatiful layouts

Who is the target audience?

  • This course is intended for people seeking agility in working with routes of their website and create layouts that work with all the features of your website.
  • This course is designed for web developers.
  • People without basic knowledge in web development will have a hard time understanding the concepts being taught.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Starting

In this class, we introduce the course.
We at GoodLearn wish you well in your studies.


In this class, you will see the curriculum.


In this class, you will learn how to configure UI-Router in the Angular module and some concepts of this Framework.

Section 2: States and Views
Understanding states and views
Building your states and views
Browsing between states
Multiples views
Abstract States
Controllers and States
Section 3: Url Parameter and Query
States with parameter
States with query parameter
Section 4: State Data Object
Building data object and accessing
Section 5: State Event
OnEnter and OnExit
Section 6: Effects of the Transitions
Finalizing and css

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Good Learn, Developer

Good Learn creates course to promote learning.

With highly qualified professionals who have been working with software development for many years.

Always innovating in the working market using quick and smart solutions.

The courses have been edited and recorded with a focus on using native languages to intruct our students.

All instructors are graduates in the software developement area.

Ready to start learning?
Take This Course