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.
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 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.
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
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.
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.
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
andexport
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