Ember's declarative templates allow components and pages to be described using familiar Handlebars syntax. We'll start with regular HTML and extend the vocabulary we can use in templates by using helpers and template-only components.
TemplatesStarting with HTML and CSS
The starting point for our workshop will begin with raw HTML and CSS. We'll begin with a high-level tour of a modern Ember app's folder structure, how to start our development webserver with Ember CLI, and the highest-level entry points for HTML and CSS markup.
The simplest and easiest components are only
.hbsfiles! We'll start to break our large
One of the most powerful aspects of components is that they have an explicit contract with the outside world. We'll introduce the concept of arguments, which provide a mechanism for passing values into components.
Handlebars helpers can be thought of as enabling functions for use in our
TemplatesA Multi-Page Experience
We'll get our first taste of Ember's routing layer by moving our markup into independent
/loginpages, with a link to get from one to the other.
To ensure that our routes and the "Logout" link continue to work properly, we'll write our first integration test to simulate a user going through the simple "Logout" workflow.
Morning coffee break