book

Ember.js Cookbook

Name: Ember.js Cookbook
Author: Erik Hanchett
ISBN: 9781783982202

by Erik Hanchett

February 2016

Beginner to intermediate

308 pages

5h 46m

English

Packt Publishing

Read now

Unlock full access

Ember.js Cookbook
Table of Contents
Ember.js Cookbook
Credits
About the Author
About the Reviewer
www.PacktPub.com
eBooks, discount offers, and moreWhy Subscribe?
Preface
What this book covers
What you need for this book
Who this book is for

Sections
Getting readyHow to do it…How it works…There's more…See also
Conventions
Reader feedback
Customer support
Downloading the example codeErrataPiracyQuestions
1. Ember CLI Basics
Introduction
Installing Ember CLI
Getting readyA one-click installer for Windows or MacHomebrew or MacPorts for MacA TAR fileThe Linux package managerTest installationHow to do it...How it works...There's more...CommandsAliases
Creating your first project
How to do it...How it works...There's more...
Exploring pods and the folder layout
Getting readyPodsHow to do it...How it works...
Asset compilation
How to do it...CSS and assetsMinifyingFingerprintingHow it works...
Dependency management
How to do it...The app.import codeHow it works...
Upgrading your project
How to do it...Updating an existing projectHow it works...
Deployment
How to do it...Deploying to FirebaseHow it works...
2. The Ember.Object Model
Introduction
Working with classes and instances
How to do it...Accessing properties within the bulb instanceInitializing the Ember objectReopening classesHow it works...There's more...
Working with computed properties
How to do it...Chaining the Light objectAliasHow it works...
Working with Ember observers in Ember.js
How to do it...Synchronous issues with the Light object and observersHow it works...
Working with bindings
How to do it...One-way bindingHow it works...
Using mixins
How to do it...Mixins with the Ember CLIHow it works...
Using enumerables with arrays
Getting readyHow to do it...Using forEach with an arrayUsing map with an arrayUsing mapBy with an arrayFinding the first and last objects in an arrayFun with filtersUsing filterBy with a collection of objectsUsing find to get the first matchUsing findBy with collectionsLearning with the every enumerableUsing any to find at least one matchHow it works...
3. Ember Templates
Introduction
Defining an application template
Getting readyHow to do it...Using templates with componentsHow it works...
Working with conditionals in templates
How to do it...Using inline invocation with templatesWorking on nested invocation with templatesThe opposite of if is unlessHow it works...
Displaying a list of items
How to do it...Finding the index of the arrayHow it works...
Binding with element attributes and classes
How to do it...How it works...
Working with HTML links inside templates
How to do it...Using link-to helpers with dynamic segmentsHow it works...
Handling HTML actions
How to do it...Adding a parameter to an action eventHow it works...
Using template input helpers
How to do it...How to use checkbox helpersHow to use text areasHow it works...
Using development helpers
How to do it...How it works...
4. Ember Router
Introduction
Defining an application route
How to do it...Working with nested routes in your applicationAdding a wildcardAdding dynamic segments to our about applicationHow it works...
Setting up a route model
How to do it...How it works...
Handling dynamic segments inside routes
Getting readyHow to do it...How it works...
Defining routes with templates
How to do it...How it works...
Using redirection with routes
How to do it...How it works...
Working with asynchronous routing
How to do it...How it works...
Loading and error handling
How to do it...Creating an error substateHow it works...
Using query parameters
How to do it...Adding a link-to helper with a query parameterResetting a controller's query parametersHow it works...
5. Ember Controllers
Introduction
Storing application properties
How to do it...How it works...
Handling actions in controllers
How to do it...How it works...
Working with transitions
How to do it...How it works...
Managing dependencies between controllers
How to do it...How it works...
6. Ember Components
Introduction
Using components in an application
How to do it...Creating a student component dynamicallyHow it works...
Using events in components
How to do it...How it works...
Implementing actions in components
How to do it...Closure actions with our student componentHow it works...
Passing properties to a component
How to do it...How it works...
Using yield with components
How to do it...How it works...
7. Ember Models and Ember Data
Introduction
Understanding the functionalities of Ember Data
Getting readyHow to do it...How it works...
Creating, reading, updating, and deleting records with Ember Data
Getting readyHow to do it...How it works...
Using fixtures
Getting readyHow to do it...How it works...
Customizing the adapter and serializer
Getting readyHow to do it...Optional customizations in Ember DataHost customizationHeaders customizationWorking with serializersUpdating IDsKeyForAttribute when working a JSON payloadHow it works...
Working with relationships
Getting readyHow to do it...How it works...
8. Logging, Debugging, and Testing
Introduction
Using Ember.Logger
How to do it...How it works...
Using Ember Inspector
Getting readyHow to do it...
Verifying deprecations and using advanced features of Ember Inspector
How to do it...How it works...
Using acceptance testing
How to do it...How it works...
Using unit tests
How to do it...How it works...
Testing components
How to do it...Testing actions in the font-sizer componentHow it works...
Testing routes
How to do it...How it works...
Testing models
How to do it...How it works...
Testing controllers
How to do it...How it works...
9. Real-Life Tasks with Ember.js
Introduction
Using services with a component
How to do it...How it works...
Managing basic authentication
How to do it...How it works...
Using OAuth2 with Ember Simple Auth
Getting readyHow to do it...How it works...
Using Liquid Fire to create transitions
How to do it...How it works...
Working with HTML5 drag and drop
How to do it...How it works...
Learning Bootstrap with Ember.js
How to do it...How it works...
10. Awesome Tasks with Ember
Introduction
Using Ember validations
How to do it...How it works...
Using D3.js with Ember.js
How to do it...How it works...
Using Ember with Sockets
How to do it...How it works...There's more...
Using Ember with Firebase
Getting readyHow to do it...How it works...
Using server side rendering
How to do it...How it works...
11. Real-Time Web Applications
Introduction
Using dependency injection
How to do it...How it works...
Working with application initializers
How to do it...How it works...
Building a chat application
How to do it...How it works...There's more...
Creating and working with add-ons
How to do it...Testing the sockjs-chat add-onPublishing the sockjs-chat add-onHow it works...See also
Learning the Ember run loop
Getting readyUnderstanding Ember run queuesWhen should you change the Ember run loop?Working with the Ember.run namespaceHow to do it...How it works...
Index

Content preview from Ember.js Cookbook

Using server side rendering

Ember.js runs in the browser. It uses JavaScript to handle all the routing and rendering of data. It only talks to the server on the initial page load and to retrieve JSON data. This can have some limitations. Larger applications might take longer to load on slower connections and there is still some concern around search engine optimization.

To help alleviate these concerns, the Ember team created FastBoot. FastBoot is an Ember CLI add-on that allows Ember.js to render and serve applications on the server. It's a work in progress as of writing this and has some limitations. It's not recommended for production and doesn't work with jQuery or didInsertElement. It will hopefully be production-ready by Ember v2.4.

Nevertheless, ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781783982202

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Ember.js Cookbook

by Erik Hanchett

Using server side rendering

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.