0% completed

All LessonsFree Lessons

Course Overview

Introduction to Ember.js Who Is This Course For?

Getting Started with Ember

Creating Our Application

Templates and Data Bindings

The First Template Adding Assets to the Build Quiz: Templates and Data Bindings

Routing

Setting up Routes Modifying Routes Moving Around With LinkTo Quiz: Routing

Nested Routes

Setting Up Nested Routes Modifying URLs With Nested Routes Router Transitions Nested Templates Creating New Templates Improving Page Titles Quiz: Nested Routes

Components

Introduction to Components Implementing the Component Rendering the Component Speaking to the Outside World Expressions in Templates Quiz: Components

Controllers

Add Songs Creating a Controller Event Handlers List Rendering Beware of Singletons Creating Bands Quiz: Controllers

Building a Catalog

Creating a Service Injecting a Service Tracking the Right Thing Using the Catalog for Querying Adding Songs to the Catalog Extracting Model Classes Quiz: Building a Catalog

Talking to a Backend

Using an API Replacing the Loading and Displaying of Bands Creating a Band – For Real, This Time Where Did the Songs Go? (Loading Related Data)Creating Songs Updating Song Ratings Things to Improve Creating Model Instances Updating Existing Model Instances Fetching Relationships Identity Map Are We There Yet?Quiz: Talking To The Back-end

Advanced Routing

Router Hooks and Events

Showing Something on the Index Page

Redirecting in Ember

Displaying the Band's Name

Marking Links as Active

Highlighting the Active Band Link

Model Resolution

Leaving a Route

Save and Cancel Buttons

Quiz: Advanced Routing

Testing

Introduction to Types of Testing Writing Acceptance Tests Making the First Test Pass Mirage Models Testing Band Creation Settledness in Tests Improving Tests Writing a Custom Test Helper Writing an Integration Test Writing Unit Tests Challenge: Testing Quiz: Testing

Query Params

Introduction to Query Params Sorting the List of Songs Listing the Songs in Ascending Order Allowing for Different Sorting Criteria Creating a Query Parameter for Sorting Using Links Instead of Buttons Filtering Songs by a Search Term Filtering Songs by a Search Term (cont.)Taking a Look at What We Made Quiz: Query Params

Loading and Error Substates

Starting With Loading Subroutes Loading Subroutes (cont.)Error Subroutes Quiz: Loading and Error Substates

Helpers

Introduction to Helpers Capitalising Each Word of a Name Using It in Templates or Elsewhere Testing a Helper Challenge: Helpers Quiz: Helpers

Conclusion

Concluding Remarks

Appendix

Ember-CLI Deployment on Surge Deployment on Heroku Deployment on S3 Creating Your Application With Yarn Curly Braces Component Invocation Presentational vs. Container Components The Default Component Template

...

/

Leaving a Route

Leaving a Route

Here, you’ll learn about transition events in Ember.js.

We saw how different route hooks can be leveraged to modify the flow of transition and redirect midway to another route. Another category of tasks is enabled by subscribing to router service events.

`routeWillChange`

There are two such events: routeDidChange and routeWillChange. We’ll use routeWillChange to warn the user about losing unsaved changes.

If the user starts typing the name of a new band and then clicks another link, the app transitions away from the page. The ...

Access this course and 1400+ top-rated courses and projects.

Preview Free Lessons→

Preview Free Lessons