JavaScript for Li...
Follow
Find tag "EmberJS"
487.4K views | +100 today
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...
Scoop.it!

Zero to Hero with Ember.js

Would you like help creating single-page applications (SPAs)? Maybe you've worked with tools like jQuery and AJAX, but what about Ember? With a simple syntax and an emphasis on reuse and components, this JavaScript framework can make it very easy to create interactive pages. 

Learn how to quickly get started creating applications with Ember. Walk through the basics of installation, explore the framework's architecture, work with Ember objects and collections, and explore with advanced concepts, like dependency injection. And wrap with a look at testing, security, and publishing. Don't miss this chance to see all of the programming goodness Ember has to offer, and get your questions answered!

more...
No comment yet.
Scoop.it!

Complex Components in Ember.js - Analyzing user flows

Complex Components in Ember.js - Analyzing user flows | JavaScript for Line of Business Applications | Scoop.it

We’ll go through the main UI flows and see how they are implemented via communication of the different layers of the component.

The way of upward communication from child components is calling these actions when appropriate.

We now have sufficient knowledge to follow the implemention of basic user flows, so let’s get into it.

more...
No comment yet.
Scoop.it!

Using Ember.js To Create An Example App With Reddit

Using Ember.js To Create An Example App With Reddit | JavaScript for Line of Business Applications | Scoop.it
Reddit as you probably know is a huge social networking, news website. Check out the /r/emberjs subreddit It has a really great growing community of Ember developers. Today I thought it would be fun to see if I could...
more...
No comment yet.
Scoop.it!

React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight

React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight | JavaScript for Line of Business Applications | Scoop.it
Take a look at competing DOM manipulation libraries and find out which one is faster with a performance benchmark!

In this post we will explore three technologies to build dynamic DOMs. We will also run benchmarks and find out which one is faster. At the end we will share with you why we choose one of them for our projects. Read on!

more...
Scoop.it!

Ember.js, and why the framework helps you unlocking unprecedented productivity.

Erik Bryn - Ember.js Core Team Erik has been helping companies like Netflix, Mozilla, Square, Zendesk, Zoho and LiveNation to build and optimize their Ember ...
more...
No comment yet.
Scoop.it!

Automated Testing in EmberJS

A high-level introduction to testing in EmberJS. This talk explains the difference between unit, integration and acceptance tests, when to use each and how to get started with ember-cli-mocha.

more...
No comment yet.
Scoop.it!

Zero-Downtime JavaScript App Deployment

Deploying your Ember application can be tricky, and slow if it is tied into your backend, Feifan Wang talks tools and strategies for lean JavaScript app deployment in the context of Rails and Ember.

more...
No comment yet.
Scoop.it!

Building A Component-Based Web UI With Modern JavaScript Frameworks

Building A Component-Based Web UI With Modern JavaScript Frameworks | JavaScript for Line of Business Applications | Scoop.it

Most modern front-end JavaScript frameworks provide some sort of support for component based development. This is an incredibly important step in the direction of development for the web. Components provide a way to write small parts with a consistent API that can easily be orchestrated as part of a larger screen, application or system.

Component based development isn’t just the future of the web, though. It’s what you should be doing now, in any modern UI / application framework on the web.

more...
No comment yet.
Scoop.it!

Applying the Adapter Pattern for Analytics in Ember.js Apps

Applying the Adapter Pattern for Analytics in Ember.js Apps - The Ember Way - Medium

In this post, we’ll explore what the adapter pattern is, what it gives us, and demonstrate how to implement it to enable one API for orchestrating multiple analytics services.

We generally have a few players in the adapter pattern: the client, the adapter (or wrapper), and the adaptee.

more...
No comment yet.
Scoop.it!

Deploying a Location-Aware Ember Application

Learn how to deploy a location aware EmberJS application to heroku. This presentation explains how to use ember-cli-deploy along with heroku redis and s3 to create an application that dynamically changes the internationalization translation based on what country you're visiting the site from. Also uses ember-cli-server-variables, ember-i18n, node-ember-cli-deploy-redis, cheeriojs, and ember-cli.

more...
No comment yet.
Scoop.it!

Using Query Parameters in Ember.js

Using Query Parameters in Ember.js | JavaScript for Line of Business Applications | Scoop.it

Many web applications use query parameters in one way or another. Query params are great for defining things that don’t make sense as a dynamic segment in the URL. Ember realizes the importance of query params, and it has built a great way to interface with them.

There are three places where you may need to use query parameters in your Ember application: routes, controllers, and templates.

more...
No comment yet.
Scoop.it!

Controllers are dead; Long live Controllers

Controllers are dead; Long live Controllers | JavaScript for Line of Business Applications | Scoop.it

There has been a concern circulating the Ember.js community about the removal of controllers. In this post I will attempt to demystify what is happening and what you need to do to be future-proof.

more...
No comment yet.
Scoop.it!

november-cli - Generate a Node.js API for your Ember.js app

november-cli - Generate a Node.js API for your Ember.js app | JavaScript for Line of Business Applications | Scoop.it

November helps you generate a simple Node.js API tailored for Ember.js apps, with the help of Express and Sequelize.

more...
No comment yet.
Scoop.it!

A quick introduction to explore how components can be created in several frameworks.

A quick introduction to explore how components can be created in several frameworks. | JavaScript for Line of Business Applications | Scoop.it

In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:

more...
No comment yet.
Scoop.it!

Ember.js - Goodbye MVC (Part 1)

Ember.js - Goodbye MVC (Part 1) | JavaScript for Line of Business Applications | Scoop.it

At EmberConf 2015, Yehuda Katz and Tom Dale announced the arrival of certain changes to Ember 2. Most notably, the routable components RFCattracted a lot of attention because of its proposal to deprecate and eventually remove controllers. Naturally, this was alarming to many existing Ember users, especially since Ember and Sproutcore have always been client-side MVC frameworks.

more...
No comment yet.
Scoop.it!

The Command pattern applied to your Ember.js application

The Command pattern applied to your Ember.js application | JavaScript for Line of Business Applications | Scoop.it

The Command pattern is one of the patterns for object-oriented software design that is treated in the famous GoF book. The essence of the pattern is to encapsulate the actions in your application into separate objects. Using this pattern appropriately can make your code cleaner and easier to test. I had a situation in the HSTRY application (built on Ember.js) where it was well applicable and I found out that it actually fits well into the architecture of an Ember.js application. Let me elaborate on how to use the Command pattern in an Ember.js application.

more...
No comment yet.
Scoop.it!

Using Ember Data With Firebase

Using Ember Data With Firebase | JavaScript for Line of Business Applications | Scoop.it
This post will teach you how to use Ember Data with Firebase using the EmberFire addon.

One of the most important things in evaluating client-side JavaScript frameworks is how easy it is to access data. Ember.js makes data retrieval and manipulation a breeze with a library called Ember Data. Ember Data provides ORM functionality that works with any backend using adapters which map operations on model objects in the frontend to the database persistence layer in the backend.

more...
No comment yet.
Scoop.it!

Learn Ember Run Loop, pt. 3: Examples

Learn Ember Run Loop, pt. 3: Examples | JavaScript for Line of Business Applications | Scoop.it
In the last part, we learnt more about the internals of Ember Run Loop. Even earlier, we met the requirements the Ember Run Loop was built for. There is nothing left for us other than examples!
more...
No comment yet.
Scoop.it!

Server-Side Validation in Your Ember Application

Server-Side Validation in Your Ember Application | JavaScript for Line of Business Applications | Scoop.it
A walkthrough of server-side object validation with Ember and Rails.

Validating your data is important, especially when handling data on both a frontend application and a server-side application. Most forms nowadays can handle validating presence, length and complex regexes (I’m looking at you, password fields), and have matching server-side validations. In Ember CLI, there’s even a few excellent add-ons to help connect form models with useful error messaging.

more...
No comment yet.
Scoop.it!

5 Essential Ember 2.0 Concepts You Must Understand

5 Essential Ember 2.0 Concepts You Must Understand | JavaScript for Line of Business Applications | Scoop.it

It’s likely you struggle getting the “big picture” if you just started with Ember.

But even if you do have some experience, even after reading many blogs and perusing the official guides, there are times when you can’t wrap your head around its architecture.

Templates, routes, views, controllers, models, components… they’re still confusing and require clarification. What logic belongs where? What’s the relationship between them?

What’s more, things have been shifting a lot recently. You find a months-old article on the Web and become skeptical of its currency as that advice may no longer be relevant.

more...
No comment yet.
Scoop.it!

Speed Up Ember.js List Rendering By Example

Speed Up Ember.js List Rendering By Example | JavaScript for Line of Business Applications | Scoop.it
While Ember.js helps you a lot when it comes to building robust web applications it's not an out of the box solution for building mobile apps. Building a snappy app for already underpowered mobile devices requires work and deliberate thinking about performance.
more...
No comment yet.
Scoop.it!

Introduction to Ember.js Routable components

Introduction to Ember.js Routable components | JavaScript for Line of Business Applications | Scoop.it

outable Components is used to replace Controller in the component-centric model for Ember.js 2.0

This is a rough introduction to Routable components as #11939 had merged to canary. The syntax is subject to change. There are two way to use routable component, without route or with route.

more...
No comment yet.
Scoop.it!

Injecting application properties in Ember.js

Injecting application properties in Ember.js | JavaScript for Line of Business Applications | Scoop.it

At some point in your Ember.js project, you will realize the need to externalize settings and refactor code to remove “hard-coded” settings from JavaScript files. Such settings could be in the form of location of graphics files, URLs to retrieve application data, Web Service, REST service URLs, externalized strings etc.
Ember.js provides a very clean way to separate your application settings and prevent unnecessary clutter in your code/component/template files.

more...
No comment yet.
Scoop.it!

Building a modern bridge between Ember and Rails 5 with JSON API

Building a modern bridge between Ember and Rails 5 with JSON API | JavaScript for Line of Business Applications | Scoop.it

The latest Ember Data has been totally overhauled to follow JSON API.

The plan here is to put them to work. We’ll build a CLI-powered Ember 2.0-ready app step by step, hooked to a Rails 5 API using JSON API. Bleeding edge anyone?

We will create a simple bookstore.

more...
No comment yet.
Scoop.it!

The 8 Most Common Ember.js Developer Mistakes

The 8 Most Common Ember.js Developer Mistakes | JavaScript for Line of Business Applications | Scoop.it
Ember.js is an awesome framework for building rich and powerful front-ends, favoring convention over configuration to make development a breeze. Yet all this convention can hide some dangerous pitfalls, and developers must tread carefully to avoid falling through the cracks.

Thankfully, Toptal developer Balint Erdi is here to shine a guiding light, pointing out these 8 common mistakes for Ember.js developers to watch out for.
more...
No comment yet.