unspace/ember-banco

An example Ember application for learning Ember development

Banco

Banco is an Ember application built on Ember CLI. It attempts to demonstrate how to use Ember and Ember Data with a formal development / build environment to ship a non-trivial application with a realistic user experience.

Preface

Banco means "school desk" in Italian, and in English it sort of sounds like "bank". Here, Banco is an educational tool wherein you learn how to use Ember by building a personal banking portal. It's a great problem context for learning Ember since we are all familiar with it — and the scope can be huge.

Ember CLI

Ember CLI is not Ember, but a command-line tool for managing Ember application development, you can think of it as an IDE for Ember without the GUI. Below are some of the most commonly used Ember CLI features, why they are useful and how they function.

ember serve

This command will start up a server that runs on port 4200 by default, it will serve your Ember application so that you can use your Ember application as you build it. Once running you can access your application from your computer's web browser at the address: http://localhost:4200

ember build

This command processes your Ember application into a directory named dist by default. It takes care of concatinating all of the JavaScript and CSS files, and anything else that you might have asked Ember CLI to do. This output can then be uploaded to a web server or static host like Amazon S3 to deploy your application to the Internet.

ember test

This command runs the test suite located in the tests directory. By default it will use a library called PhantomJS to run a headless (non-gui) browser to execute your tests in, the output will then appear in the terminal. Optionally you can pass the --server option and run the suite in a browser. This is often what you will do when you are interactively developing your application.

Learn More

Here are some helpful links to Ember and Ember-CLI resources:

• Ember CLI Documentation
• Ember API Documentation
• Ember Data API Documentation
• Promises/A+ - Information about promises
• Handlebars.js - The template language used by Ember
• ES6 Modules Reference - All the import and export stuff you see in Banco's JavaScript files
• Broccoli Repo - Ember CLI uses Broccoli for processing
• Testem Repo - Testem is the test runner used for ember test --server
• QUnit - The default framework Ember CLI uses for tests
• Bower - Package manager used by Ember CLI for browser dependencies
• Node.js - Runtime used by Ember CLI
• NPM - The official package manager used by Node.js and hence Ember CLI
• Moment.js - A date/time library
• Sass - The CSS preprocessor used in Banco
• Express.js - The server framework used by Ember CLI's API stubbing functionality