Ember.JS Training

Curriculum:

Ember.JS Course Objective:

• After completion of Ember.js training course, participants will be able to:
• Understand how client-side JavaScript MVC applications are designed and implemented
• Use the infrastructure that Ember provides for building MVC applications
• Use Ember.js to get the most of this powerful framework

Duration: 16 Hours

• Prerequisites for Ember.JS Training Course
• Solid knowledge of HTML, JavaScript, jQuery and a good familiarity with CSS. Prior familiarity with the MVC pattern would be helpful as well.

Introduction to Ember.js:

• HandleBar Basics
• Application Template
• Conditionals
• Displaying a list of items
• Binding Element Attributes
• Binding Element Class Names
• Links
• Actions
• Input Helpers
• Development Helpers

Routing:

• Introduction to Routing
• Defining Routes
• Generated Objects

Models:

• Introduction to Model
• Defining Models
• Creating Records
• Finding Records
• Pushing The Records into the Store

Views:

• A brief into Views
• Defining a View
• Event Handling
• Inserting Views into Templates
• Customizing View Elements

Router, Controllers & Route:

• Introduction to Router
• Configuring Navigation Links
• Creating a controller
• Using Ember Route
• Working with Dynamic Segment Route
• Nested Routes & Nested Templates

Models & Adapters:

• Creating in the Ember Model
• Using Ember Data
• Mapping Models with Another Model
• Using RESTAdapter – Fetching Data From Server

Working with Array Controllers and Property Binding:

• Sort using RESTAdaptor
• Sort at Client End using Array Controllers
• Property Binding & Computed Aliases
• Computed Properties
• Nested Routes with Controllers

Ember Components:

• A brief into Components
• Adding Functionality to our Component Template
• Using Partials
• Creating Controllers From Template
• Ember Views

Controller Actions, Custom Views, and Events:

• Understanding Controller Actions
• Model Data Binding
• Custom Views and Events
• Writing Helpers

Externalizing Templates:

• Creating Templates Externally

Precompiling Templates using Grunt:

• Precompiling templates
• Precompiling Partials using Grunt

Understanding and Using Enumerable:

• The Object Model
• Classes & Instances
• The Object Model
• Computed Properties
• Observer
• Each
• Bindings
• Reopen

Ember Command Line Interface and Ember 2.0:

• Advantages of using Ember CLI applications
• New Features in Ember 2.0
• Revised Architecture Ember 2.0
• Ember Data Flow
• Revisiting Ember Router
• Creating route and its actions
• Adding Bootstrap CSS to Ember CLI Application
• Displaying Data using Model in Templates
• Adding assets like images in Ember CLI applications
• Understanding Ember 2.0 File Structure

Creating Quotes Project - An Ember 2.0 Application:

• Creating our Quotes Application
• Quotes Application outline and layout
• Updating Templates using HTMLBars
• Adding Style to Quotes Application
• Creating Routes For Quotes Application
• Creating Nested Routes
• Using Components
• Using Ember Data
• Using models with our components
• Populating the Quotes List
• Creating user profile page
• Using Following/Followers
• Using External Libraries
• Preparing Quotes Form
• Creating Login Form
• Code For Quotes Application – Milestone – 1

Working with Node and MySQL - Developing Server Side of Quotes Application:

• Introduction
• Installing Node.JS on Windows Machine
• Installing Node.JS on Mac Machine
• Installing MySQL on Windows and Operating System Machines
• Creating our REST API
• Creating Databases and User Tables
• Creating Quote, Following and Follower Models
• Using our REST API
• Code For Quotes with REST API – Milestone II