Old Guides - You are viewing the guides for
Ember
v5.11.0.
Congratulations, you finished the first part of this tutorial!
It was quite a journey! To recap, here is what you have learned:
Chapter 1
- Installing Ember CLI
- Creating a new Ember app with Ember CLI
- Starting and stopping the development server
- Editing files and live reload
- Working with HTML, CSS and assets in an Ember app
Chapter 2
- Defining routes
- Using route templates
- Customizing URLs
- Linking pages with the
<LinkTo>component - Passing arguments and attributes to components
Chapter 3
- The purpose of automated testing
- Writing acceptance tests
- Using generators in Ember CLI
- Testing with the QUnit test framework
- Working with Ember's test helpers
- Practicing the testing workflow
Chapter 4
- Extracting markup into components
- Invoking components
- Passing content to components
- Yielding content with the
{{yield}}keyword - Refactoring existing code
- Writing component tests
- Using the application template and
{{outlet}}s
Chapter 5
- Generating components
- Organizing code with namespaced components
- Forwarding HTML attributes with
...attributes - Determining the appropriate amount of test coverage
Chapter 6
- Adding behavior to components with classes
- Accessing instance states from templates
- Managing state with tracked properties
- Using conditionals syntaxes in templates
- Responding to user interaction with actions
- Invoking element modifiers
- Testing user interactions
Chapter 7
- Managing application-level configurations
- Parameterizing components with arguments
- Accessing component arguments
- Interpolating values in templates
- Overriding HTML attributes in
...attributes - Refactoring with getters and auto-track
- Getting JavaScript values into the test context
Chapter 8
- Working with route files
- Returning local data from the model hook
- Accessing route models from templates
- Mocking server data with static JSON files
- Fetching remote data from the model hook
- Adapting server data
- Loops and local variables in templates with
{{#each}}
That's a lot! At this point, you are well equipped to perform a wide variety of development tasks in Ember!
Go ahead and take a break, or experiment with creating your own unique Ember app using the skills you just learned.
When you come back, we build upon what we learned in Part 1 and take things to the next level!