Application Development with Advanced Ember

Course

Online

£ 150 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Modularising and writing better code with EmberJSIn this course, we will dig deeper into our understanding of Ember, so that we can be more productive in using it. Ember is an excellent framework for building complex web applications with ease. This course helps us build upon our previous Ember.js knowledge to take it a level deeper.We will understand the concept of promises and learn to use that effectively in our application. We will also look at setting up handlers when our promises are fulfilled as well as when they are rejected.Further, we will look at developing Ember addons, as well as using Engines. This allows us to develop multiple logically distinct applications, which can be then composed into one larger application. This is very useful when building related applications, which can be developed independently by separate teams.We will also learn about embedding Ember with other JS frameworks., as well as concepts like fastboot, which provides a progressive enhancement mechanism for Ember apps, through server-side rendering.This course will make our advance our knowledge of Ember and help us to improve our development workflow. Using these concepts, we will be able to develop better Ember applications. All the code and supporting files for this course are available on Github at About the Author
.
Arlston Fernandes has been developing Web applications in Ruby, PHP, and JavaScript for the last 6 years. He took to using Ember to port a large application from Rails and has been working with Ember for the last 2 years now. He is interested in Haskell and Elixir and is familiar with web development in Ruby and PHP. Currently, he runs a software consultancy, ArkeCode Pvt Ltd, in Goa, INDIA. Apart from software, he also enjoys playing the guitar and violin, and long drives. In his experience with Ember, he found that resources are few and far between, and many of them expect quite a jump from newcomers

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Fine-tune your Ember Applications
Build complex apps, by building multiple ember apps, and composing them together
Look at nested UI in depth
Learn to set up asynchronous routing in your application
Learn to create Ember addons
Learn to set up engines in Ember
Set up Fastboot, to allow server-side initial render

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Server
  • PHP
  • Web
  • Application Development

Course programme

Digging Deeper into Ember 4 lectures 23:10 The Course Overview This video will give you an overview about the course. Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Digging Deeper into Ember - Quiz Digging Deeper into Ember 4 lectures 23:10 The Course Overview This video will give you an overview about the course. Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Digging Deeper into Ember - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Initializers In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
In this video, we will learn that sometimes we need code that is initialized on every instance of an Ember application. When this is the case, It is a smart technique to use an initializer to set up during application boot.
  • Generate an initializer
  • Create a service to initialize
  • Inject the service into a controller or route
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Ember Run Loop In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
In this video, we will learn that the Run Loop is a queuing mechanism used widely in Ember. We will inspect the functionality of the Run Loop so as to be able to optimise our code.
  • View the types of queues in Ember Run Loop
  • Try out the render queue
  • Verify that the DOM is not updated, thus making our execution efficient
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Dependency Injection In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
In this video, we will learn that Ember utilizes the Dependency Injection pattern to insert concerns in various parts of the application. We have already used injection for services. We will create a notification service that will be available globally.
  • Generate a notification initializer
  • Define a browser notification mechanism
  • Inject the notification setup into our controllers
Digging Deeper into Ember - Quiz Digging Deeper into Ember - Quiz Digging Deeper into Ember - Quiz Digging Deeper into Ember - Quiz Advanced Routing 4 lectures 19:16 Nested Routes In this video, we will learn that in Ember the UI is rendered based on the routes. This means that having multiple levels of nesting will ensure that the models of each route are rendered from top to down. Here we will explore how to use nesting to our advantage.
  • Generate a top level route for categories
  • Generate a child route for category relationships
  • Observe that the category is rendered on even the child routes
Promises In this video, we will learn that Ember uses rsvp.js which is a tiny implementation of Promises/A+. This is set of defining conditions which need to be met in order for it to be called a “Promise”. We will explore how to define use promises for asynchronous actions.
  • Define a promise with a success handler
  • Add a rejection handler
  • Add a finally handler, which is executed on both cases
Asynchronous Routing In this video, we will learn that routing in Ember is designed to be asynchronous, as calls to hooks like model(), in the route handler are allowed to return promises. This allows us to build UI’s which can be more friendly to the end user, providing feedback along the way about the state of the application.
  • Set up a ember-cli-mirage server
  • Set up a loading template
  • Study that UI is loaded first, with a loading message, while the model is resolved
Handling Fulfilment and Rejection In this video, we will learn that handling fulfilment is usual, but handling rejection is also important for Promises, since that informs the application users if something has gone wrong.
  • Define a error template
  • Explore multiple error handling mechanisms
  • Learn that handling errors makes our application more user-friendly
Advanced Routing - Quiz Advanced Routing. 4 lectures 19:16 Nested Routes In this video, we will learn that in Ember the UI is rendered based on the routes. This means that having multiple levels of nesting will ensure that the models of each route are rendered from top to down. Here we will explore how to use nesting to our advantage.
  • Generate a top level route for categories
  • Generate a child route for category relationships
  • Observe that the category is rendered on even the child routes
Promises In this video, we will learn that Ember uses rsvp.js which is a tiny implementation of Promises/A+. This is set of defining conditions which need to be met in order for it to be called a “Promise”. We will explore how to define use promises for asynchronous actions.
  • Define a promise with a success handler
  • Add a rejection handler
  • Add a finally handler, which is executed on both cases
Asynchronous Routing In this video, we will learn that routing in Ember is designed to be asynchronous, as calls to hooks like model(), in the route handler are allowed to return promises. This allows us to build UI’s which can be more friendly to the end user, providing feedback along the way about the state of the application.
  • Set up a ember-cli-mirage server
  • Set up a loading template
  • Study that UI is loaded first, with a loading message, while the model is resolved
Handling Fulfilment and Rejection In this video, we will learn that handling fulfilment is usual, but handling rejection is also important for Promises, since that informs the application users if something has gone wrong.
  • Define a error template
  • Explore multiple error handling mechanisms
  • Learn that handling errors makes our application more user-friendly
Advanced Routing - Quiz Nested Routes In this video, we will learn that in Ember the UI is rendered based on the routes. This means that having multiple levels of nesting will ensure that the models of each route are rendered from top to down. Here we will explore how to use nesting to our advantage.
  • Generate a top level route for categories
  • Generate a child route for category relationships
  • Observe that the category is rendered on even the child routes
Nested Routes In this video, we will learn that in Ember the UI is rendered based on the routes. This means that having multiple levels of nesting will ensure that the models of each route are rendered from top to down. Here we will explore how to use nesting to our advantage Developing Engines In this video, we will learn that there are two types of engines, Routable and Routeless. We...

Additional information

Basic knowledge of Ember Development is required

Application Development with Advanced Ember

£ 150 VAT inc.