Overview
The training program teaches participants how to use Ember.js which is one of the most popular JavaScript Model-View-Controller (MVC) frameworks available out there today.
What You'll Learn
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
Curriculum
- Introduction to Routing
- Defining Routes
- Generated Objects
- Introduction to HTML
- Parts of HTML Document
- Editors
- Basic
- Elements
- Attributes
- Headings
- Basics
- Paragraphs
- Formatting
- Links
- Head
- CSS
- Images
- Tables
- JavaScript
- HTML XHTML
- HTML4 Drawbacks
- Introduction to Model
- Defining Models
- Creating Records
- Finding Records
- Pushing The Records into the Store
- A brief into Views
- Defining a View
- Event Handling
- Inserting Views into Templates
- Customizing View Elements
- Introduction to Router
- Configuring Navigation Links
- Creating a controller
- Using Ember Route
- Working with Dynamic Segment Route
- Nested Routes & Nested Templates
- Creating in the Ember Model
- Using Ember Data
- Mapping Models with Another Model
- Using RESTAdapter – Fetching Data From Server
- Sort using RESTAdaptor
- Sort at Client End using Array Controllers
- Property Binding & Computed Aliases
- Computed Properties
- Nested Routes with Controllers
- A brief into Components
- Adding Functionality to our Component Template
- Using Partials
- Creating Controllers From Template
- Ember Views
- Understanding Controller Actions
- Model Data Binding
- Custom Views and Events
- Writing Helpers
Creating Templates Externally
- Precompiling templates
- Precompiling Partials using Grunt
The Object Model
- Classes & Instances
- The Object Model
- Computed Properties
- Observer
- Each
- Bindings
- Reopen
- 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 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
- 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
Prerequisites
Solid knowledge of HTML, JavaScript, jQuery and a good familiarity with CSS. Prior familiarity with the MVC pattern would be helpful as well.
