Banner

Ember.JS

Duration: 16 Hours
Pattern figure

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
Duration: 16 Hours

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
waves
Ripple wave

Prerequisites

Solid knowledge of HTML, JavaScript, jQuery and a good familiarity with CSS. Prior familiarity with the MVC pattern would be helpful as well.

Interested in this Course?

    Ready to recode your DNA for GenAI?
    Discover how Cognixia can help.

    Get in Touch
    Pattern figure
    Ripple wave