home
  • Blog
3.28
  • Introduction
  • Getting Started
  • Tutorial
    • Part 1
      • Introduction
      • Orientation
      • Building Pages
      • Automated Testing
      • Component Basics
      • More About Components
      • Interactive Components
      • Reusable Components
      • Working With Data
      • Recap
    • Part 2
  • Core Concepts
  • Components
  • Routing
  • Services
  • Ember Data
  • In-Depth Topics
  • Application Development
  • Application Concerns
  • Accessibility
  • Configuration
  • Testing
  • Addons and Dependencies
  • Developer Tools
  • Ember Inspector
  • Code Editors
  • Additional Resources
  • Upgrading
  • Contributing to Ember.js
  • Glossary
Old Guides - You are viewing the guides for Ember v3.28.0.
Go to v5.0.0

Introduction

Edit pencil

Welcome to the Ember Tutorial!

In this tutorial, we will use Ember to build an application called Super Rentals. This will be a website for browsing interesting places to stay during your next vacation. Check out the finished app to get a sense of the scope of the project.

The finished Super Rentals app

Along the way, you will learn everything you need to know to build a basic Ember application. If you get stuck at any point during the tutorial, feel free to download https://github.com/ember-learn/super-rentals/tree/super-rentals-tutorial-output for a complete working example.

This tutorial is structured into two parts. The first part covers the following basic concepts:

  • Using Ember CLI
  • Navigating the file and folder structure of an Ember app
  • Building and linking between pages
  • Templates and components
  • Automated testing
  • Working with server data

The second part of the tutorial builds upon these concepts and takes things to the next level.

Let's dive right in!

left arrow
Anatomy of an Ember App
Orientation
right arrow
Team Sponsors Security Legal Branding Community Guidelines
Twitter GitHub Discord Mastodon

If you want help you can contact us by email, open an issue, or get realtime help by joining the Ember Discord.

© Copyright 2023 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue