JavaScript for Line of Business Applications

In this post, we will see how we can leverage the power of Meteor js to build top quality apps at lightning pace. We will take a quick look at how the framework works and how we can leverage it to build apps easily.

By the end of this post, we will be building 2 apps. A Single Page Chat Application (SPA)  only with Meteor js to get a feel of Meteor & a Multi Page Application (MPA) named Events Feed, leveraging Meteorite js – a package manager for Meteor js & Iron router, that will serve the purpose of a Chat app at live public events.

Node devs tend to be minimalists, DIY’ers, Lego™ artists, if you will. We want a nice set of tools and pieces at our disposal that we can compose into whatever creation we imagine.

If you’ve bought into Node’s small module paradigm, stuff like Ember, Angular, and even jQuery can feel a bit like excessively large Duplo™ blocks.

To be clear, this doesn’t make them bad. I’m glad they exist. Clearly, they empower scores of developers to create some great things on the frontend.

Of course we think Ampersand modules are a great match for building frontends for our Node applications. But for Ampersand we use the term “framework” very loosely. As demonstrated by how people are using it, it’s really is just a loosely coupled set of tools.

In the end, the only constant in our field is change. We simply cannot, in good conscience, assert that any single toolset (even our own) is the only valid approach. It’s just not how we think development should work.

Expanding our Aurelia Reddit client, Aurelia core team member, Vildan Softic, demonstrates how to extend HTML by leveraging custom elements and attributes.

This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).

Before we get started, you need to know… this tutorial isn’t designed to be “everything you’ll ever need to know about making Angular.js apps accessible.” This is a walk-through of some fairly common accessibility challenges to watch out for when building SPAs, and how you can address them when using Angular.js.

Here’s what we’re looking at:

• Document structure, navigation and keyboard accessibility
• Focus management
• Visually hidden text
• ARIA live
• Angular’s ngAria and ARIA in general

This post explains the construction of a simple React web application. The app we want to design is basically a React clone of the email client in Ember‘s home page. It won’t send email, or communicate with a backend to pull a list of emails, it’s just a bit of static data with some Bootstrap styling.

Each component is, as always, a visible, semantic element on the screen. We have components to represent an email, a list of emails, the list of mailboxes, and a general component for when no email or mailbox has been selected.

A simple tutorial for working with Ember Data, Node, Express and MongoDB to build an api.

I have really been enjoying working with EmberJS lately, once you get over the learning curve and understand how things should relate, it becomes really fast and fun!

Lets take a look at how we can use Ember Data with Node (or io.js),Express and MongoDB. For this example lets use the Ember CLI to start an Ember application fast!

Broccoli is the blazingly fast build tool used by Ember.js and Ember CLI. Though as we'll see it has uses in any JavaScript project and maybe beyond that.
If you have created an Ember CLI application you are probably using Broccoli very minimally. Your app is initialized with a Brocfile.js that looks something like this...

Google’s OAuth documentation seems to indicate OAuth 2.0 for installed applications fits the bill for a mobile application.

The idea is to use an embedded web browser to show the OAuth consent page. If the user grants access, we can get the authorization code out of the embedded browser’s title property. We PhoneGap developers have InAppBrowser for embedded browsing, so this should be a piece of cake!

Our research on “slow DOM problem” took theses listed above as an input. After two years of experiments we got HTML GL – library which allows to render HTML/CSS content in WebGL. It is easy to use, framework agnostic and does not require developer to study new concepts or technologies keeping him in common HTML/CSS/JS world.