JavaScript for Li...
Follow
Find
238.8K views | +391 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...
Scoop.it!

Project Kotlin - statically typed, targeting the JVM and JavaScript

Project Kotlin - statically typed,  targeting the JVM and JavaScript | JavaScript for Line of Business Applications | Scoop.it

1. Concise

Drastically reduce the amount of boilerplate code you need to write.
2. Expressive

Write code to express intent as opposed to surfacing implementation details.

3. Safe

Avoid having to work with pesky null reference exception checks.
4. Versatile

Suitable for any type of application. Even for sharing code between JVM/JS.
5. Interoperable

Leverage existing frameworks and libraries of the JVM with 100% Java Interoperability.
6. Tooling

Command Line Compiler or First Class IDE Support. Freedom to choose.

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

Why Web Components Aren't Ready for Production... Yet

Why Web Components Aren't Ready for Production... Yet | JavaScript for Line of Business Applications | Scoop.it

We finally have a stable, unprefixed, unflagged version of Web components to try out. But that doesn’t mean that they’re ready to use in your production applications — because for most applications, they’re not.

In this article you’ll see why that is. We’ll discuss the current issues with using web components in production, and what needs to be done to solve them.

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

Test Driven Development and CI using JavaScript [Part I]

Test Driven Development and CI using JavaScript [Part I] | JavaScript for Line of Business Applications | Scoop.it

In this tutorial, we will learn how to apply TDD (Test-Driven Development) using JavaScript code. This is the first part of a set of tutorials that includes TDD and CI (Continuous Integration) using JavaScript as the main language.

Part II of this two part tutorial will discuss Behavioral Driven Testing and Software Testing – how to use BDD to test your JavaScipt code.

Jan Hesse's insight:

http://blog.loadimpact.com/2014/04/29/test-driven-development-and-ci-using-javascript-part-ii/

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

Authentication in a Backbone application with node.js on the server

One way to implement authentication/authorization in single page Backbone application, with node.js/express on the server.

Features
  • Authentication in single page
  • Login user
  • Persistent login with cookies
  • Sighnup
  • Logout
  • User roles - public, user, admin
  • Determinig which routes are viewable based on the user's role
  • Basic web forms

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

Web Reflection: A W3C Custom Elements Alternative

Web Reflection: A W3C Custom Elements Alternative | JavaScript for Line of Business Applications | Scoop.it

Let me introduce you my W3C Custom Elements Polyfill, and these are few features:

  • less than 2KB minified and gzipped without extra dependencies, you serve this file, you have it!
  • a wide range of old to modern mobile devices support ... iOS 5 and Android 2 are only few of them, IE9 for Windows Phone 7 made it too together with webOS 2!
  • focus on one task ... and while this sounds obvious, I don't think to use Custom Elements we need a proper, partial, cross browser fix for both MutationObservers and WeakMap ... but good news is, if you have already a patch for MutationObservers these will be used instead of old Mutation events API: it's a win-win!
more...
No comment yet.
Scoop.it!

Your first Node.js package

Your first Node.js package | JavaScript for Line of Business Applications | Scoop.it

It might be worth saving yourself some time and doing a couple of searches for the package you are looking for.

As of this writing there are ~86k packages in npm and there is a good chance someone has done something similar to what you are building.

This is a very basic workflow and after you do it a couple of times it becomes engrained in your muscle memory!

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

Writing Unit Tests for Existing JavaScript

Writing Unit Tests for Existing JavaScript | JavaScript for Line of Business Applications | Scoop.it

Our unit tests are organized into suites. Each suite consists of a number of files, each of which tests a single AMD module. Most of the modules under test when I started down this path were pretty isolated – they didn’t have a ton of dependencies generally, and had very few runtime dependencies. They didn’t interact with other modules that much. Almost all of the existing unit test files loaded a module, executed its methods, and inspected the return value. No big deal.

Feature-related code – especially already-written feature-related code – is a different story. Views have templates. Models expect data. Models pass information to views, and views pass information to models. Some models need parents; others expect children. And pretty much everything depended on a global-ish message broker to pass information around.

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

A JavaScript survival guide

A JavaScript survival guide | JavaScript for Line of Business Applications | Scoop.it

Are you a programmer who is considering learning JavaScript, but unsure whether it is worth the pain? Then this blog post is for you: I argue that it is worth it and give tips for surviving the language.

Contents:

  • Why learn JavaScript?
  • Take your time to get to know JavaScript
  • JavaScript’s power
  • How to survive JavaScript?
  • Further reading
  • References


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

AngularJS: A Detailed Guide for Beginners

AngularJS: A Detailed Guide for Beginners | JavaScript for Line of Business Applications | Scoop.it

This article is designed to give a comprehensive knowledge of AngularJS, a structural framework for dynamic web applications, without reading a lot of unnecessary stuff. You will learn what AngularJS is, what its most compelling features are and how to get started with it.

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

Node.js and Open Source Software Development on Microsoft Azure

Node.js is an exciting platform that has been increasing in popularity for the past few years. It offers a server side JavaScript programming model ideal for building highly scalable and performant network applications whether on premise or in the cloud. In this talk we will take a look at various options for building and deploying Node applications on Microsoft Azure. This session is how to useAzure SQL Databse and Azure Storage with Node.js

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

Sails.js Model Validation

Sails.js Model Validation | JavaScript for Line of Business Applications | Scoop.it

What is ORM? How Sails.js attributes validation works? How to validate Array size and Uniqueness in Sails.js? If you have any one of those questions. Read on.

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

director - a tiny and isomorphic URL router for JavaScript

director - a tiny and isomorphic URL router for JavaScript | JavaScript for Line of Business Applications | Scoop.it

Director is a router. Routing is the process of determining what code to run when a URL is requested.

A routing library that works in both the browser and node.js environments with as few differences as possible. Simplifies the development of Single Page Apps and Node.js applications. Dependency free (doesn't require jQuery or Express, etc).

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

It's Not Hard: Making Your Library Support AMD and CommonJS

It's Not Hard: Making Your Library Support AMD and CommonJS | JavaScript for Line of Business Applications | Scoop.it

Proponents of AMD and CommonJS – two different 'specs' around creating modules in JavaScript – have been arguing foryears at this point over which one is the best approach. I've heard devs on both sides of the debate declare that their side had won, debate over. Myopic nonsense.

It's easy to come away from this debate thinking you're stuck with an "either-or" decision. After all - they're very different approaches. Requiring modules in an AMD scenario is an asynchronous operation, and the opposite is true of the CJS inline-require approach. 

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

Node Webkit powered Dashboard application

Node Webkit powered Dashboard application | JavaScript for Line of Business Applications | Scoop.it

In this post, we will be building a full fledged desktop application using node webkit and web technologies. We are going to build a dashboard app called myDashboard. The app will show the Weather report, Google Map, Flickr images and a Calendar.


Contents

  • Prerequisites
  • Getting Started
  • Begin Development
  • Continue Development
  • Distributing the application
more...
No comment yet.
Scoop.it!

Learn AbsurdJS: Building a to-do list app

Learn AbsurdJS: Building a to-do list app | JavaScript for Line of Business Applications | Scoop.it

However, there is something fundamentally different. The framework can convert JavaScript (or JSON) to valid CSS and HTML. Moreover, when we talk about client-side development, we know that we have to write a lot of CSS and HTML. AbsurdJS gives us the power to write in one language - JavaScript. As we will see in the next sections, we will write everything into JavaScript files. Including the CSS styling.

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

Creating Chrome Apps using Sencha ExtJS 5

Creating Chrome Apps using Sencha ExtJS 5 | JavaScript for Line of Business Applications | Scoop.it

This article is a quick (and, not so exhaustive) way to create a sample Chrome App using Sencha ExtJS.

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

Inheritance and composition with Polymer

Inheritance and composition with Polymer | JavaScript for Line of Business Applications | Scoop.it

One of the biggest things that come with web components, is the fact that you can extend existing elements. And since your own custom elements are also just HTML elements, you can extend them as well as native elements. From a surface point of view there's no differents between native elements and custom elements.

Let's take a look at how we can extend existing elements with Polymer. To extend an existing element, Polymer again comes with a nice declarative way via HTML.

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

A pragmatic guide to Backbone.js apps

A pragmatic guide to Backbone.js apps | JavaScript for Line of Business Applications | Scoop.it

A ranty, opinionated series of easily digestible tidbits

If you’re currently working on a Backbone app, the best way to read this is to stop at each point and think whether you’re doing any of those things I’m telling you not to. If you are, and you’re doing it all over the place, then a single item will have a huge impact if you act on it. And don’t be stupid, do act on it, otherwise you may as well not read it.

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

Node Webkit - Build Desktop Apps with Node and Web Technologies

Node Webkit - Build Desktop Apps with Node and Web Technologies | JavaScript for Line of Business Applications | Scoop.it

In this post, we will see how to build cross OS desktop apps using Node js and Web technologies. We will take a look at building and running a simple node webkit app and then expand on it by adding different features like platform services, node modules etc.


Contents

  • What is node webkit
  • Setting up node webkit
  • Hello node webkit
  • Run the application
  • Some more config options
  • Adding Native features
  • Using Node Modules
  • Distribute the App
  • App Security
more...
No comment yet.
Scoop.it!

ES6Rocks - Articles and News about ECMA6

ES6Rocks - Articles and News about ECMA6 | JavaScript for Line of Business Applications | Scoop.it

The mission here is to discuss about JavaScript's next version , aka Harmony or ES.next.

ES6 is awesome, and is coming soon.
You can use it today, and you can learn it today!
The main mission here is to discuss everything about ES6, and help everyone to start learning.

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

Getting Started with Modern Web Development

One option is to learn the languages at home by taking web-based courses. There are online search engines, like the prominent Degree Jungle, that can help students find an accredited or certified web developer degree program. However, if you’re looking to build your skills without requiring a certificate or degree of some sort, there are a lot of non-accredited options.

And guess what? Many of these options cost nothing.

The list below are just a few of the most popular and (mostly) free-of-charge web development training options.

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

ngFx - Simple, Beautiful animation library for Angular

ngFx - Simple, Beautiful animation library for Angular | JavaScript for Line of Business Applications | Scoop.it

A simple way to add beautiful animations to your angular apps. Animations based off animate.css. All animations are built in JavaScript.

ng-Fx does not rely on CSS for animations. This allows it to be dynamic and able to adjust on the fly. The only predefined CSS classes are the animations and the easings. ngAnimate allows ngFx to create JavaScript based animations, so the classes do not correspond to a style in a CSS file.

Jan Hesse's insight:

http://hendrixer.github.io

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

Real-world JavaScript MVC Frameworks - beyond the buzzwords

Real-world JavaScript MVC Frameworks - beyond the buzzwords | JavaScript for Line of Business Applications | Scoop.it

JavaScript front-end codebases grow larger and more difficult to maintain. As a way to solve this issue developers have been turning to MVC frameworks which promise increased productivity and maintainable code. InfoQ asked the opinion of experts practitioners about how they use these frameworks and the best practices they follow when developing JavaScript applications.

We'll go beyond buzzwords and get practical insight from experts about what has actually worked for them. We'll also talk about technologies (like AngularJS) that go a step further, and define the future of how the standards and web development will evolve.

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

Ember.js + Sails.js + PostgreSQL - An end-to-end technology-chain that enables rapid web application development in a RESTful fashion

Intention behind chaining technologies like Ember.js + Sails.js +PostgreSQL is to foster the below best practices in our end-to-end web application development (i.e. both client-side & server-side development).

Best Practices
Ember.js goodies [Client-side]
  • Single-Page Application (SPA) on the client-side for improved user-experience
  • MVC pattern that structure’s + manage’s interaction between the client-side software artifacts
  • Convention-Over-Configuration to achieve productivity & understandability during development/maintenance phases
Sails.js goodies [Server-side]
  • RESTful architectural style for piping CRUD operation between client-side calls & server-side persisted datasets
  • Convention-Over-Configuration to achieve productivity & understandability during development/maintenance phases
PostgreSQL goodies [Server-side]
  • ORDBMS, so as to harness its technological maturity & operational performance

By focusing on the above goodies, our goal in this blog-post is to primarily showcase technical details on how to chain such technologies together and at the same time introduce you to the rapid web application development that are highly maintainable.

Jan Hesse's insight:

Part2: http://restfulwebapplessonsvision.blogspot.fr/2014/06/part-2-emberjs-sailsjs-postgresql-end.html

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

How to Create Your Own HTML Elements With Web Components

How to Create Your Own HTML Elements With Web Components | JavaScript for Line of Business Applications | Scoop.it

What are web components you ask? In a nutshell, web components give you a way to create your own custom HTML elements which can do just about anything you need them to. Instead of loading up your sites with verbose markup, long scripts and repetitive code, you wrap everything up into nice, neat little custom HTML elements.

The easiest way to understand how web components allow for custom HTML elements is to first look at an existing element we already know from HTML5: the <video> tag.

more...
No comment yet.