JavaScript for Li...
Follow
Find
308.7K views | +731 today
 
Scoop.it!

Authentication with EmberJS - Part 1

Authentication with EmberJS - Part 1 | JavaScript for Line of Business Applications | Scoop.it

Authentication with Ember is difficult. I have spent a couple of weeks trying out different approaches and failing time and again. With the help of Ryan Florence and Brad Humphrey, I have finally been able to understand how it should work and also have built a simple application which uses it.

My goal in this article will be to build a simple Ember application with a RESTful backend (in Rails) which provides authentication and user registration. We will also set all requests to pass the access token to our backend for authorization.

Jan Hesse's insight:

Part 2 and 3 within the post

more...
No comment yet.
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!

Is a Single-Page Application what you really need?

Is a Single-Page Application what you really need? | JavaScript for Line of Business Applications | Scoop.it
I've been developing Single-Page Applications for a while. I started using plain JavaScript, then jQuery, then a bunch of other crazy libraries, to then finally settle with AngularJS. I've been a fan since day one, and I believe users can benefit a lot from them.
more...
No comment yet.
Scoop.it!

ReactJS For Stupid People

ReactJS For Stupid People | JavaScript for Line of Business Applications | Scoop.it

React is often mentioned in the same breath as other Javascript frameworks, but "React vs Angular" doesn't make sense because they aren't directly comparable things. Angular is a complete framework (including a view layer), React is not. This is why React is so confusing to understand, it's emerging in an ecosystem of complete frameworks, but it's just the view.

React gives you a template language and some function hooks to essentially render HTML. That's all React outputs, HTML. Your bundles of HTML / Javascript, called "components", are allowed things like storing their own internal state in memory (such as which tab is selected in a tab view), but in the end you just barf out HTML.

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

.NET vs. MEAN: Migrating from Microsoft to Open Source

.NET vs. MEAN: Migrating from Microsoft to Open Source | JavaScript for Line of Business Applications | Scoop.it

Developer Michael Perrenoud describes what it's like for .NET developers who want to explore the MEAN stack -- MongoDB, Expressjs, AngularJS, and Node.js

I was standing in the middle of a matrix I'd avoided for a very long time: Microsoft vs. The World. It was a decision I thought I'd never have to make. Here I was, 33 years old and feeling like a dinosaur. Don't get me wrong, the skill set I had wasn't so out of date that it was already dead, but I could feel the market shifting. I knew that if I didn't make a change, in 10 years, I'd be staring down that same barrel those COBOL friends of mine were right now.

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

Working with Validators and Messages in AngularJS

Working with Validators and Messages in AngularJS | JavaScript for Line of Business Applications | Scoop.it

Angular 1.3 introduces a number of new features for form validation, including a new approach to writing validation code, a new approach to showing validation error messages, and plenty of small enhancements. like adding ng-submitted as a class to a form after a submit event. To only show validation errors or color code erroneous inputs after the user presses the submit button now only requires a more specific selector in CSS.

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

Creating a mobile app from a simple HTML site

Creating a mobile app from a simple HTML site | JavaScript for Line of Business Applications | Scoop.it

This article is a simple tutorial designed to teach you some fundamental skills for creating cross platform web applications. You will build a sample School Plan app, which will provide a dynamic “app-like” experience across many different platforms and work offline. It will use Apache Cordova and Mozilla’s Brick web components.

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

Is AngularJS Fast Enough?

Is AngularJS Fast Enough? | JavaScript for Line of Business Applications | Scoop.it

For Daniel and many React devs, there is no debate. If you care about performance, you use React instead of Angular. Period.

I don’t think it is quite that simple. Performance is a means to an end. The real goal is providing a great user experience. No doubt speed matters, but not all changes in speed are perceived by humans the same way.

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

How Ember.js Components communicate using sendAction

How Ember.js Components communicate using sendAction | JavaScript for Line of Business Applications | Scoop.it

Some people find the use of `sendAction` in Ember components a bit confusing. In this post I'll go over how Ember component use `sendAction` to communicate with controllers and routes, with some examples of common pitfalls. 

There are several ways using actions in an Ember component is different than in a route or controller:

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

Building enterprise apps with Ember.js

Parasut.com is a financial management SaaS for small businesses in Turkey. We use Ember.js to develop a beautiful, responsive, and incredibly powerful frontend. Ember.js also assists with our rapid development and deployment schedule. This presentation outlines our best practices with Ember.js.

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

Working With JavaScript Plugins in Ember-cli

Working With JavaScript Plugins in Ember-cli | JavaScript for Line of Business Applications | Scoop.it

In this post we’ll use momentjs to write an Ember helpers called formatted-date which we’ll be using in our templates to render dates.

ember-cli uses Bower to manage frontend dependencies (we can also use addons but that’s a different story), the simplest way to consume a library is to add it via bower and then use app.import in our Brocfile.js.

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

A Simple CRUD with MEAN Stack (MongoDB, ExpressJS, AngularJS, Node.js) + Sails.js on Windows

MEAN stack is a full JavaScript solution that helps you build fast, robust and maintainable production web applications using MongoDB, ExpressJS, AngularJS and Node.js.
Sails.js allows you to build custom, enterprise-grade Node.js apps using the Model-View-Controller pattern to organize your code so it is easier to maintain.
New MEAN Stack = MongoDB+ExpressJS+AngularJS+Node.js+Sails.js = MEANS stack

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

My First Look At Using The Firebase Backend-As-A-Service (BaaS) In AngularJS

My First Look At Using The Firebase Backend-As-A-Service (BaaS) In AngularJS | JavaScript for Line of Business Applications | Scoop.it

The biggest hurdle in this experiment was understanding the timing of various events and callbacks. Unlike Deferred values in the Q library ($q in AngularJS), not everything in Firebase is asynchronous. And, those things that are asynchronous aren't necessarily asynchronous all of the time. A lot of the timing depends on the state of the local cache and type of request being made (ex, transactional).

This made it very hard to determine when and if an AngularJS digest needed to be triggered.

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

Let's Build an AngularJS App!

Let's Build an AngularJS App! | JavaScript for Line of Business Applications | Scoop.it

I structured the talk so that I could easily go from start to finish in stages. In the PowerPoint deck you'll see I have actual git checkout commands that reference the various commits. This will enable you to roll forward to each step after you've cloned the repository. The result is a responsive health calculator app that scales well to a variety of page sizes, has built-in validations for inputs and provides you with basal metabolic rate (BMR), body mass index (BMI), and target heart rate zones (THR). The app was developed using a test-driven (TDD) approach with a total of 83 specifications. The GitHub repository has full source and instructions.

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

How to Get Started with Sails.js

How to Get Started with Sails.js | JavaScript for Line of Business Applications | Scoop.it

Today we will learn how to do the following:

  1. Setup Sails.js and get it running
  2. Creating a database ready app

Lets begin!

NOTE: This tutorial assumes that you have previously installed Node.js on your machine.

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

Data Visualization with JavaScript

Data Visualization with JavaScript | JavaScript for Line of Business Applications | Scoop.it

If you’re developing web sites or web applications today, there’s a good chance you have data to communicate, and that data may be begging for a good visualization. But how do you know what kind of visualization is appropriate? And, even more importantly, how do you actually create one? Answers to those very questions are the core of this book. In the chapters that follow, we explore dozens of different visualizations and visualization techniques and tool kits. Each example discusses the appropriateness of the visualization (and suggests possible alternatives) and provides step-by-step instructions for including the visualization in your own web pages.


Contents:

  1. Introduction
    1. Implementation vs Design
    2. Code vs. Styling
    3. Simple vs. Complex
    4. Reality vs. an Ideal World
    5. Source Code for Examples
    6. Acknowledgements
  2. Graphing Data
  3. Making Charts Interactive
  4. Integrating Charts in a Page
  5. Creating Specialized Graphs
  6. Showing Timelines
  7. Visualizing Geographic Data
  8. Custom Visualizations with D3.js
  9. Building Data-Driven Web Applications
  10. Managing Data in the Browser


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

Building Angular Apps Using Flux Architecture

Building Angular Apps Using Flux Architecture | JavaScript for Line of Business Applications | Scoop.it

Flux is an architectural pattern based on unidirectional data flow. Although it is originated in the React community, it is general and can be used with any non-opinionated framework. In this article I will show how to use it with Angular.

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

JavaScript Architecture for the 23rd Century

JavaScript Architecture for the 23rd Century | JavaScript for Line of Business Applications | Scoop.it

For a long time it seemed like it was ok to just use a single file full of jQuery selectors and event handlers. This is just not a sustainable pattern. The Modern Web that we are entering here in the 23rd century demands a more thought out, and architected approach.

An architectural pattern is not something that you sit down and write. No one sits at their desk and thinks about how to write a new shiny pattern. A pattern is something that comes about as a discovery. Some problem is solved potentially multiple times and a pattern is extracted from the solution(s).


* Constructor
* IIFEs to prevent global leaks
* IIFE for the Revealing Module Pattern
* Organizing Files
* AMD
* Browserify
* ES6
* Traceur

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

X-Men: Days of Future Past, Explained in Git

X-Men: Days of Future Past, Explained in Git | JavaScript for Line of Business Applications | Scoop.it

Fade in. The X-Men are on the main timeline (the master branch), but something has gone terribly wrong. Super-powerful shape-shifting sentinels (bugs) have emerged and are killing all the X-Men (the working features). Luckily, Kitty Pryde, aka Shadowcat, has the ability to send people’s consciousnesses back in time (she’s a Git master).

Jan Hesse's insight:

Follow Up:

http://hashrocket.com/blog/posts/edge-of-tomorrow-explained-in-git

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

Swarm.js+React — real-time, offline-ready Holy Grail web apps

Swarm.js+React — real-time, offline-ready Holy Grail web apps | JavaScript for Line of Business Applications | Scoop.it

Skipping collaborative apps, these days even a single user needs to sync his/her devices. The device landscape is getting predominantly mobile, so an average user has multiple powerful devices with unreliable internet connections.

Popular solutions suck for one simple reason: common sense fails us in distributed systems. Proper sync needs some math like a GPS device needs some relativity formulas. Yes, that is just a box that says your x and y. No, it can’t work by common sense alone; it needs math.

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

jQuery to EmberJS

Joe talks about his experience learning and building feature with emberjs.
more...
No comment yet.
Scoop.it!

Ember Runloop Handbook - A Deep Dive Into The Ember Runloop

Ember Runloop Handbook - A Deep Dive Into The Ember Runloop | JavaScript for Line of Business Applications | Scoop.it

You can get started with Ember application development without understanding the runloop. However at some point you will want to dig in and understand it properly so you can use it skillfully. It is my sincere hope that this handbook can be your guide.

We are about to take a deep dive into the Ember.js runloop. Together we will answer these questions:

  1. Why does Ember have this runloop thing?
  2. What is the runloop?
  3. How can we use it skillfully?
more...
No comment yet.
Scoop.it!

Ember Addons

Ember Addons | JavaScript for Line of Business Applications | Scoop.it
Listing hundreds of modules that extend ember-cli.
more...
No comment yet.
Scoop.it!

Node.js Best Practices

Node.js Best Practices | JavaScript for Line of Business Applications | Scoop.it

Contents:

  1. Always Use Asynchronous Methods
  2. Never require Modules Inside of Functions
  3. Save a reference to this Because it Changes Based on Context
  4. Always “use strict”
  5. Validate that Callbacks are Callable
  6. Callbacks Always Pass Error Parameter First
  7. Always Check for “error” in Callbacks
  8. Use Exception Handling When Errors Can Be Thorwn
  9. Use module.exports not just exports
  10. Use JSDoc
  11. Use a Process Manager like upstart or forever
  12. Follow CommonJS Standard
more...
No comment yet.
Scoop.it!

An Introduction To Unit Testing In AngularJS Applications

An Introduction To Unit Testing In AngularJS Applications | JavaScript for Line of Business Applications | Scoop.it

One of the reasons for AngularJS’ success is its outstanding ability to be tested. It’s strongly supported by Karma (the spectacular test runner written by Vojta Jína) and its multiple plugins. Karma, combined with its fellows MochaChai and Sinon, offers a complete toolset to produce quality code that is easy to maintain, bug-free and well documented.

Tests must define the code’s API. This is the one principle that will guide us through this journey. An AngularJS application is, by definition, composed of modules. The elementary bricks are materialized by different concepts related to the granularity at which you look at them. At the application level, these bricks are AngularJS’ modules. 

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

Testing Auth0 login on AngularJS with Protractor

Testing Auth0 login on AngularJS with Protractor | JavaScript for Line of Business Applications | Scoop.it
A simple example of how testing Auth0 login on AngularJS with Protractor can be done

My intention with this test is to transform it into a common method that I can use in any Protractor test with the help of the Page Object Pattern.

Jan Hesse's insight:

Follow-Up: https://ngmilk.rocks/2014/10/14/refactoring-auth0-login-tests-on-angularjs-with-protractor/

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

Kendo UI SPA and Require.js

Kendo UI SPA and Require.js | JavaScript for Line of Business Applications | Scoop.it
Unlike some other SPA frameworks, Kendo's SPA implementation doesn't do much to dictate your code layout. In this article we will see one way to lay out your SPA application using Require.js and the kendo-template Require.js plugin.
more...
No comment yet.