Full Course Now Available!

Full Stack Ember with Rails

8:19:27 | 56 videos

What's in this course?

2:30 | added on 10/13

Creating an Ember Project

2:57 | added on 10/13

Creating a Rails Project

4:37 | added on 10/13

Configuring Rails and JSON API Resources

2:53 | added on 10/13

Ember Handlebars Templates

4:48 | added on 10/13

Ember Route Basics

4:57 | added on 10/13

Rails: JSON API Resource Basics

7:15 | added on 10/13

Fetching API Data From Ember Routes

3:27 | added on 02/25

Presentation Components

3:53 | added on 02/24

Ember Data Find All

5:33 | added on 02/24

Route Paths

5:23 | added on 02/24

Outlet and Nested Route Templates

3:24 | added on 02/24

Link To

6:34 | added on 02/24

Dynamic Route Data

4:02 | added on 02/24

Ember Data Find Record

4:20 | added on 02/24

Actions Three Ways

6:18 | added on 02/24

Ember Data Destroy

4:35 | added on 02/25

Inputs

11:20 | added on 02/25

Reset Data

7:34 | added on 02/25

Ember Data Create Record

5:10 | added on 02/25

Edit Author Template

3:56 | added on 02/25

Author Edit Form

7:17 | added on 02/25

Ruby Author Filter

6:56 | added on 02/25

Route Query Params

6:38 | added on 02/25

Rails Book Resource

10:05 | added on 02/25

Ember Power Select

8:45 | added on 02/25

Ember Power Select Searching

4:08 | added on 02/25

Ember Save Related

6:54 | added on 02/25

Ember CRUD Resources Review

11:11 | added on 03/28

Ember Data and Components

13:05 | added on 04/05

Ember Reusable Form Components

10:45 | added on 04/05

Ember Data Has Many Relationships

2:59 | added on 04/12

Ember Nested Routes and Model For

8:01 | added on 04/12

Rails Reviews Resource

7:09 | added on 04/19

Ember Reviews Nested Resource

13:56 | added on 04/26

Date Formatting with Ember Moment

4:22 | added on 04/26

Ember Liquid Fire Basics

9:49 | added on 05/03

Ember Liquid Fire Route Transitions

9:30 | added on 05/03

Ember Liquid Fire Explode Transitions

12:47 | added on 05/03

Storing Users Securely with Bcrypt

15:46 | added on 05/10

Creating Sessions with JWTs

15:31 | added on 05/10

Current User API

10:31 | added on 05/17

Ember Data Handling Validation Errors

14:04 | added on 05/24

Ember Simple Auth Login

12:06 | added on 05/24

Ember Simple Auth Logout

10:35 | added on 05/24

Loading Current User Information

14:21 | added on 05/31

Adding Authorization To Create APIs

11:42 | added on 05/31

Adding Computed Attributes To APIs

12:19 | added on 05/31

Displaying User Data For Created Resources

5:38 | added on 06/14

Ember Simple Auth Protected Routes

12:56 | added on 06/14

API Authorization For Updates and Deletes

17:25 | added on 06/21

User Level Authorization Controls with Ember Can Part 1

19:38 | added on 06/28

User Level Authorization Controls with Ember Can Part 2

8:51 | added on 06/28

Deploying Rails with Heroku

24:21 | added on 07/13

Server Side Rendering with Ember Fastboot

19:35 | added on 07/26

Deploying Ember with Heroku

14:25 | added on 07/26

Time

8 hours 19 minutes of video

Content

56 videos

Creating an Ember Project

In this video we start the Ember project and install an Ember Addon for styles and assets.

Node & Ruby Installation Instructions - Mac

The best way to install Node.js (and NPM) on Mac is to use Homebrew. After installing Homebrew, Node can be installed with a single command:

brew install node

After running this command, open a new terminal window and run:

node -v

You should get something that looks like v8.7.0. If not, you may not have homebrew setup correctly in your path.

For Ruby installation, we recommend you use RVM and Bundler. To install RVM on mac, run the following two commands:

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
\curl -sSL https://get.rvm.io | bash -s stable

Follow any instructions in the terminal prompt to setup your path for RVM. Next, install the latest Ruby version and set RVM to use this new version with the following commands:

rvm install ruby-2.4.2
rvm use 2.4.2

Node & Ruby Installation Instructions - Linux (Ubuntu)

Full installation instructions coming soon. See the following links for more instruction on installing Node and Ruby on Linux:

Installing Node on Ubuntu 16.04
Setup Ruby on Rails Ubuntu 17.04 (You can stop after "Installing Rails")

Node & Ruby Installation Instructions - Windows

Full installation instructions coming soon. See the following links for more instruction on installing Node and Ruby on Windows:

[Installing Node.js: Windows(https://nodesource.com/blog/installing-nodejs-tutorial-windows/)
Setup Ruby on Rails Windows 10 with Bash (You can stop after "Installing Rails")

Rails & Ember Installation (all systems)

After installing Node and Ruby, install Rails and Ember globally using the following commands:

gem install bundler
gem install rails -v 5.1.4
npm install -g ember-cli

Meet your instructor

Ryan Tablada

Instructor

Ryan Tablada is a Senior Engineer at Prototypal and member of the Ember Learning team. He formerly taught at the Iron Yard coding school and has been using Ember.js since 2011.

What You Will Learn

In this course, we'll build a Full Stack app in Ember.js 3.0 with a real JSONAPI compliant backend to manage books, authors, users, reviews, and the relationships between them. Working with Ember components, you'll build reusable forms to create, update, and delete the resources in your application. Then, following conventions set by the Ember community, you'll create a search component to easily look up books and authors. You'll later discover the power of liquid-fire, an Ember addon we'll use, to create stunning transitions between routes and pages. Then you'll tackle user signup and authentication using ember-simple-auth to manage user sessions and authenticated routes. Finally, you'll deploy your new full stack Ember application to Heroku with server side rendering using ember-fastboot.

Purchase this Series

FULL COURSE AVAILABLE NOW