Create Ambitious Web Applications
· Understand how Ember 2 works in web and mobile solutions
· Learn how Ember 2 solutions are designed, administered and developed
· Code an Ember 2 project with an online IDE
· Use Ember's component paradigm, data management library, CLI tool, and more
· Implement Ember Add-Ons, routing, authentication, and more
· Write and run Unit, Acceptance and Integration tests
· Style and Ember app with an Ember Material CSS Library
Launch Your Ember 2 Projects Now
This course will start off by giving you an overview of what Ember is and how and why it works. Then you'll install it and get going with the good stuff! You'll start off with routing, templates and helpers, Ember components and Ember Data, and once you've to grip with the fundamentals you'll begin building your own Ember app.
You'll design your app, build it out, create the components and complete the code, and then you'll move on to testing it. But it doesn't stop there; this course also covers more advanced aspects including styling, add-ons and security. By the time you're finished, you'll be more than capable of getting your own Ember projects up and running.
Welcome to Starting With Ember where we will become dangerous with the Ember framework and it’s amazing libraries.
Download files here
What is the Ember framework? How does it compare to other frameworks?
We can begin by setting up a dev environment and setting up a project so we can code.
We can use the Ember CLI tool to install Ember, setup a project, and do even more heavy lifting for us.
A Walk-Thru of our scaffolded project & some of the key aspects of Ember
Let's see the importance of Ember.Object class and the Ember Observation system
A look at Ember's Observation features and creating short-cuts for binding and UI.
Let’s look at how an application stacks up from it’s root instance down and how certain objects are scoped in certain ways and why.
Let’s take a look at how simple it is to define a route with Ember
When we want to display particular information, we need to be able to tell Ember which data we’re interested in
Sometimes a particular route definition needs a little more intelligence
When a request to a particular data source is made, Promises are used to respond
Routing is an elemental part of the Ember framework and is quite simple to begin implementing. Looking further into the API, we find many rich features to make routing highly functional with nesting, dynamic routes, and promises
It’s due time to get more creative with data binding from the application to the template
Using Helpers in templates allows transformation of raw values from models and components into a form that fits a particular use-case in an application
Which of the following is not an Ember Helper?
Let’s use Components in Ember and see how we not only code them, but how we should design applications in terms of Ember Components.
Let's talk our way thru the construction of a fresh Component, add some minor features, and work thru any issues.
Oftentimes, we need a Controller to fully implement a Component
Mirage is a client HTTP stubbing library often used for Ember acceptance testing. We'll leverage it as a development database as well.
We know that Ember Data provides all CRUD operations, so it can handle queries, deletes & updates, and provide for creating new data entities. We’ll work with Ember Data more and more as we build out our course project.
We can use all of our tools and knowledge to quickly get this app built out
There are details to mind now. But we're cool, we know how to get everything working
Let's gain some additional perspective on what we just built
In the process of designing and building out the app we utilized all things we learned prior to this section of the course and expanded on some of them. We can now extend our app with some additional Ember power features.
By default, Ember provides the QUnit testing library to handle all of our testing
Testing a larger chunks of an app's complexity, like Components, is tackled with Integration tests
Unit, Integration and Acceptance tests are all capable of being written and run within the testing environment with the help of the CLI tool. With automatically created scripts for every CLI generated object, testing is a breeze with Ember.
Using Addons whenever possible makes creation of richer apps almost effortless. These are well written, well tested feature sets that we can install with a single CLI command. Being familiar with the range of Addon types and purposes is a good idea so they can be leveraged whenever possible and huge amounts of time and effort can be saved.
Installing Ember-paper is a simple CLI command and a few tweaks.
In Material Design, it's cool to use Cards to make lists. Let's do it.
Just a few more refactors to make our app design work with styled components.
Styling an app in Ember with a modern, full-featured library is not difficult to get set up and done. To streamline development, the components within the styling library and their proper implementation should be considered when designing an app and before any code is written. Ember-Paper is a great looking styling Addon that also provides responsive behavior.
At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.
Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.