JavaScript for Li...
Follow
Find
451.1K views | +165 today
 
Scoop.it!

debug mode...... Learn those JS details

debug mode...... Learn those JS details | JavaScript for Line of Business Applications | Scoop.it
debugging the learning

What you might want to know about Objects, Funtions, Variables and so on...

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!

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!

Falcor 1 - Introduction to the Model - YouTube

In this video will learn how to work with JSON data indirectly through a Falcor Model. The Falcor Model allows you to work with data using the same familiar ...
more...
No comment yet.
Scoop.it!

Typescript and JSX

Typescript and JSX | JavaScript for Line of Business Applications | Scoop.it

JSX support has officially landed in TypeScript! A big thanks to Ryan Cavanaugh and François de Campredon for making this happen. In this post I want to explore how to use JSX and how to make use of TypeScript's #1 feature: static type checking.

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

React’s JSX: The Other Side of the Coin

React’s JSX: The Other Side of the Coin | JavaScript for Line of Business Applications | Scoop.it

Like many, my initial reaction to React’s JSX was skeptical, to say the least. And while I’ve come to love JSX, anytime I introduce it to a new developer, I feel like I’m showing off my ugly baby.
Despite the initial drama, I’ve come to realize that JSX isn’t such a radical idea after all. In fact, it’s simply the other side of the coin. It’s a natural evolutionary transition. To appreciate why, a history lesson is in order.

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

What if the user was a function?

Exploring MV*, user interfaces, unidirectional dataflow, reactive and functional programming

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

Angular 2.0 Vs Aurelia

The new direction Angular 2.0 is taking created a lot of discussion in the community. Some people love it, some people hate it. Most people agree there is room for simplification, performance enhancements and native support of new language features. Not everyone likes the way Angular 2.0 is picking these up though. There is an alternative direction: Aurelia. In this talk, we'll do a side-by-side comparison and have the audience answer the question: Should you keep all your eggs in the Angular basket?

more...
Dan Mendes's curator insight, September 1, 4:07 AM

Fun time ahead

Scoop.it!

How to make an idiomatic Javascript library with Scala.js

How to make an idiomatic Javascript library with Scala.js | JavaScript for Line of Business Applications | Scoop.it

Scala.js opens a big world of frontend development to Scala fans. Most of the time Scala.js project ends up being an independent browser or Node.js application. But there are cases, where you would want to make a library for general frontend developers.

There’re some interesting gotchas in writing Scala.js library such way, that it will be natural to use for an average JS developer. In this article we will develop a simple Scala.js library (code) to work with Github API and will focus on the idiomaticity of it’s JS API.

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

Relay and Routing

Relay and Routing | JavaScript for Line of Business Applications | Scoop.it

Relay is changing how we think about client side applications at Facebook. A large part of this is routing and its integration with our Hack/PHP stack. This post aims to explain why Relay in open source doesn’t have any routing features and explains solutions.

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

What the Flux? (On Flux, DDD, and CQRS)

What the Flux? (On Flux, DDD, and CQRS) | JavaScript for Line of Business Applications | Scoop.it

While the Flux pattern may have found a new home in JavaScript applications, they have been explored before in Domain-Driven Design (DDD) and Command-Query Responsibility Segregation(CQRS). I think it is useful to learn from these older concepts, and see what they may tell us about the present.

In this post I will:
  1. Give an overview of the Flux architecture.
  2. Present the CQRS pattern.
  3. Look at how Flux applies the concepts from CQRS.
  4. Discuss when Flux is useful for a JavaScript application.
more...
No comment yet.
Scoop.it!

Easily debugging meteor.js

Easily debugging meteor.js | JavaScript for Line of Business Applications | Scoop.it

I recently read a post that talked about how Meteor, especially the server side, is hard to debug. I highly disagree with that statement. I actually think debugging is easier than in most languages that I've tried. Since I seem to think it is easy but others don't, it is time for a blog post to share that knowledge!

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

React components as jQuery plugins

React components as jQuery plugins | JavaScript for Line of Business Applications | Scoop.it
Did you know, you can use React without rewriting your whole app? A client recently asked me for a shiny graph. They had an API that spits out a lot of data,
more...
seo specialist, seo consultants, seo experts's comment, August 18, 3:06 AM
Get a free seo audit for your website .And knows how you can improve your online sale / customers. www.explorelogics.com
Scoop.it!

Functional Programming in JavaScript

In this video series, I will teach you how to do functional programming in JavaScript. In this first one, I will tell you about one of the most important concepts in functional programming: Higher-order functions. I will talk about what higher order-functions are, and then move on to code, and show you how to use them. I will also tell you why you should learn functional programming in the first place.

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

Build an Etsy Clone with Angular and Stamplay (Part 1)

Build an Etsy Clone with Angular and Stamplay (Part 1) | JavaScript for Line of Business Applications | Scoop.it
In this three-part tutorial series we’ll be building an Etsy clone with Angular and Stamplay. Stamplay is a great development service that handles much of the server and API based stuff for developers. This means you as a developer can focus on the things that matter most to your users; things like user interface, interactions, […]
more...
No comment yet.
Scoop.it!

WebRx - The Browser-based MVVM-Framework for ReactiveX-powered Single Page Applications

WebRx - The Browser-based MVVM-Framework for ReactiveX-powered Single Page Applications | JavaScript for Line of Business Applications | Scoop.it

WebRx is a browser-based MVVM-Framework that combines functional-reactive programming with declarative Data-Binding, Templating and Client-Side Routing.

The framework is written in Typescript and built on top of ReactiveX for Javascript (RxJs) which is a powerful set of libraries for processing and querying asynchronous data-streams that can originate from diverse sources such as Http-Requests, Input-Events, Timers and much more.

more...
Dan Mendes's curator insight, September 1, 4:03 AM

The reactive model continues to gain traction

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!

JWT Authentication in Aurelia

JWT Authentication in Aurelia | JavaScript for Line of Business Applications | Scoop.it

This week community member Ryan Chenkie shows us how to implement JWT Authentication in Aurelia. Ryan is a full-stack developer from Canada who works for Auth0 as a Tech Writer where he provides in-depth tutorials and seed projects for the newest frameworks such as Angular 2, React, and Aurelia as well as other modern web technologies.

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

Angular vs. React - the tie breaker

Angular vs. React - the tie breaker | JavaScript for Line of Business Applications | Scoop.it

A short while ago, our team had to choose a technology for Wix's flagship product, the html wysiwyg website editor. It is a large single-page application, with complex flows, communication with other iframes and servers, and a lot of user experiences. This product is developed by more than 40 developers. The choices were ReactJS or AngularJS. We had experience with both, and were struggling between the ease-of-use of Angular declarative programming and the simplicity of React. We started a proof of concept that ultimately drove us to form a tie breaker. This article is about the comparison… and the tie breaker.

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

Integrity protection for third-party JavaScript

Modern web applications depend on a lot of auxiliary scripts which are often hosted on third-party CDNs. Should an attacker be able to tamper with the files hosted on such a CDN, millions of sites could be compromised. Web developers need a way to guarantee the integrity of scripts hosted elsewhere. 

This is the motivation behind a new addition to the web platform being introduced by the W3C: sub-resource integrity (http://www.w3.org/TR/SRI/). Both Firefox and Chrome have initial implementations of this new specification and a few early adopters such as Github are currently evaluating this feature.

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

Build a High-Performance Mobile App With Famo.us and Manifold.js

Build a High-Performance Mobile App With Famo.us and Manifold.js | JavaScript for Line of Business Applications | Scoop.it

In this tutorial, I'll look at the new JavaScript framework Famo.us, launched in October 2014. Famo.us includes an open-source 3D layout engine fully integrated with a 3D physics animation engine that can render to DOM, Canvas, or WebGL.


Via Mikael Bourges-Sevenier
more...
No comment yet.
Scoop.it!

How React Components Make UI Testing Easy

How React Components Make UI Testing Easy | JavaScript for Line of Business Applications | Scoop.it

Unit testing is great: it’s the best way to see if an algorithm does the right thing every time, or to check our input validation logic, or data transformations, or any other isolated operation. Unit testing is perfect for fundamentals.

But front-end code isn’t about manipulating data. It’s about user events and rendering the right views at the right time. Front-ends are about users.

Here’s what we want to be able to do:

  • Test user events
  • Test the response to those events
  • Make sure the right things render at the right time
  • Run tests in many browsers
  • Re-run tests on file changes
  • Work with continuous integration systems like Travis

In the ten years I’ve been doing this, I hadn’t found a decent way to test user interaction and view rendering until I started poking at React.

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

Including Front-End Web Components Into Microservices

Including Front-End Web Components Into Microservices | JavaScript for Line of Business Applications | Scoop.it

Microservices are becoming more and more popular and many are choosing to transition away from monolithic architecture. However, this approach was mostly limited to back-end services. While it made a lot of sense to split them into smaller independent pieces that can be accessed only through their APIs, same did not apply to front-end. Why is that? I think that the answer lies in technologies we’re using. The way we are developing front-end is not designed to be split into smaller pieces.

Server-side rendering is becoming history. While enterprise might not agree with that statement and continues pushing for server-side frameworks that “magically” transform, for example, Java objects to HTML and JavaScript, client frameworks will continue to increase in popularity slowly sending server-side page rendering into oblivion. That leaves us with client-side frameworks. Single-Page Applications are what we tend to use today. AngularJSReactExtJSember.js and others proved to be a next step in evolution of front-end development. However, Single-Page Applications or not, most of them are promoting monolithic approach to front-end architecture.

Jan Hesse's insight:

follow up:

http://technologyconversations.com/2015/08/09/developing-front-end-microservices-with-polymer-web-components-and-test-driven-development-part-15-the-first-component/

http://technologyconversations.com/2015/08/09/developing-front-end-microservices-with-polymer-web-components-and-test-driven-development-part-25-polishing-the-first-component/

http://technologyconversations.com/2015/08/09/developing-front-end-microservices-with-polymer-web-components-and-test-driven-development-part-35-the-second-component/

http://technologyconversations.com/2015/08/09/developing-front-end-microservices-with-polymer-web-components-and-test-driven-development-part-45-styling-and-communication/

http://technologyconversations.com/2015/08/09/developing-front-end-microservices-with-polymer-web-components-and-test-driven-development-part-55-using-microservices/

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

Deep-Path Data Bindings in React (like Angular)

Deep-Path Data Bindings in React (like Angular) | JavaScript for Line of Business Applications | Scoop.it

Data bindings in ReactJS required much more code than in AngularJS, so we build a component to help. This post explains how to create deep-path data bindings quickly in ReactJS.

The move to React was great—we’ve enjoyed working with it and it has helped us accomplish our goals quickly. However, since our tech team comes from a background in AngularJS, we found React’s data bindings to be much less convenient.

Data bindings in React required us to code separate ‘binding’ methods, which we weren’t used to with its counterpart, Angular. In Angular, we would simply add a model attribute to our components and the job was done. 

more...
seo specialist, seo consultants, seo experts's comment, August 18, 3:06 AM
Get a free seo audit for your website .And knows how you can improve your online sale / customers. www.explorelogics.com
Scoop.it!

Grommet - User Experience for the Enterprise

Grommet - User Experience for the Enterprise | JavaScript for Line of Business Applications | Scoop.it

The most advanced open source UX framework for enterprise applications.

Grommet is based on ReactJS which provides great features in JavaScript for building user interfaces. You'll also use a JavaScript syntax extension called JSX.

We expect that you have at least a basic understanding on these technologies to be able to master Grommet, in addition to JavaScript of course. In terms of cascading style sheets (css), Grommet provides everything you need to quickly create applications based on the application Style Guide. Under the hood, you'll findInuitCSS and Sass to compile the style sheets. But, don't worry, you are not expected to write a lot of CSS when using Grommet. We've done that for you. But if you would like to contribute, please do so!


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

Build a Real-Time Polymer To-Do App

Build a Real-Time Polymer To-Do App | JavaScript for Line of Business Applications | Scoop.it

Today, we’ll be building a realtime collaborative to-do application, where task status is synced in realtime across all connected devices as their state is changed. We’ll use Polymer to build our application, and PubNub to send and receive updates between connected devices, and to sync state.

more...
No comment yet.