Javascript
Follow
Find
14.8K views | +30 today
Javascript
Your new post is loading...
Your new post is loading...
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

AngularJS For Everyone - YouTube Playlist

AngularJS For Everyone - YouTube Playlist | Javascript | Scoop.it

#0 Series Introduction - AngularJS For Everyone
#1 Two-way Data Binding - AngularJS For Everyone
#2 Repeating Over Data With ng-repeat - AngularJS For Everyone
#3 Basic Filtering In Angular - AngularJS For Everyone
#4 Our First Controller - Angular For Everyone
#5 Adding A Form Event - Angular For Everyone
#6 Controller As Syntax - AngularJS For Everyone
#7 Using Filters In Angular Templates - AngularJS For Everyone
#8 Conditional Classes With ngClass - AngularJS For Everyone
#9 ngIf vs ngShow & ngHide - AngularJS For Everyone
#10 Properly Including Images With ngSrc - AngularJS For Everyone
#11 Including Templates and Inline SVG with ngInclude - AngularJS For Everyone
#12 Adding External Modules - AngularJS For Everyone
#13 Animating With Angular Part 1 - AngularJS For Everyone


Via Jan Hesse
more...
Honey Almast's comment, June 12, 2:53 AM
hahah you got to check this out - http://goo.gl/QJIdMf
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Loupe - Understand JavaScript's Call Stack and Event Loop

Loupe is a little visualisation to help you understand how JavaScript's call stack/event loop/callback queue interact with each other.

Loupe runs entirely in your browser.It takes your code.Runs it through esprima, a JS parser.Instruments it a bunch so that loupe knows where function calls, timeouts, dom events, etc happen.Adds a whole bunch of while loops everywhere to slow down the code as it runs.This modified code is then turned back into JavaScript and sent to a webworker (in your browser) which runs it.As it runs, the instrumentation sends messages to the visualisation about what is going on so it can animate things at the right time.It also has some extra magic to make dom events, and timers work properly.



Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Comprehensive Beginner's Guide To ReactJS

Comprehensive Beginner's Guide To ReactJS | Javascript | Scoop.it

React in a way, resembles Angular directives but that’s all there is: these directives. In React, they’re called “Components”. When creating a component, certian methods are run (if available). The main one is render which uses data that React exposes (like state, props, etc. more on that later) and uses it to build a fake DOM using “JSX”.

The beauty of ReactJS is its one-way flow which is easier to follow and understand. There is no $digest nor any way to setup $watch. But let’s look at all the cool things about React first:...


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Creating a React Component

Creating a React Component | Javascript | Scoop.it
A new JavaScript framework has arrived: React.js is designed to make the process of building modular, reusable user interface components simple and intuitive.
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

RethinkDB+Angular.js: Building realtime web applications


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Flux without Flux: Using Flux Architecture in Plain React

Flux without Flux: Using Flux Architecture in Plain React | Javascript | Scoop.it

If you are into ReactJS you probably wondered whether or not you should use Flux.

In this post I'll share with you a design pattern that implements a very similar Flux architecture, but using just plain React.

I have tested this "Flux without Flux" in many different settings, including reusable components, with great success and I'd love it if you gave it a try and let me know what you think.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Native Mobile Apps in JavaScript with Tabris.js

Native Mobile Apps in JavaScript with Tabris.js | Javascript | Scoop.it

Today I want to highlight the rather new and unknown JavaScript framework Tabris.js.

In contrast to many other hybrid frameworks, Tabris.js is no HTML5 + WebView framework, but still offers the possibility to use Javascript libraries, npm modules and Cordova plugins! I will show you the strengths, we will develop a simple app to get a feeling for the code structure and finally inspect the similarities and differences to other well known frameworks.

Sounds good? Let’s take a closer look!


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Using JSON Web Tokens to Authenticate JavaScript Front-Ends on Rails | zacstewart.com

Using JSON Web Tokens to Authenticate JavaScript Front-Ends on Rails | zacstewart.com | Javascript | Scoop.it

Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

The Case for Flux

The Case for Flux | Javascript | Scoop.it

Friends don’t let friends pick a design pattern blindly.


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Smashing Node.js: JavaScript Everywhere--Free Sample Chapters

Smashing Node.js: JavaScript Everywhere--Free Sample Chapters | Javascript | Scoop.it
Learn to make more efficient apps, with just one language!
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

The Flux Quick Start Guide

The Flux Quick Start Guide | Javascript | Scoop.it

This article will give you an overview of how to build JavaScript applications with the Flux pattern. It's the minimal amount of material to get you familiar with the core Flux concepts. You should follow along with the accompanying starter kit. You'll need a basic understanding of React and preferably some experience building components. 


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

HTML5 Ember.js Boilerplate

HTML5 Ember.js Boilerplate | Javascript | Scoop.it

HTML Ember.js Template is a professional front-end template for building fast, robust, and adaptable web apps or sites using Ember.js.

HIGHLIGHTS

Designed for fast page loads. HTML Ember.js Template follows best practices for website optimization.Built using HTML5 and the latest trending web technologies.Built with easy customization in mind.Simple editing. Simply delete what you don't want.
Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

RxJS - Javascript library for functional reactive programming.

RxJS - Javascript library for functional reactive programming. | Javascript | Scoop.it

One question you may ask yourself, is why RxJS? What about Promises? Promises are good for solving asynchronous operations such as querying a service with an XMLHttpRequest, where the expected behavior is one value and then completion. The Reactive Extensions for JavaScript unifies both the world of Promises, callbacks as well as evented data such as DOM Input, Web Workers, Web Sockets. Once we have unified these concepts, this enables rich composition.

To give you an idea about rich composition, we can create an autocompletion service which takes the user input from a text input and then query a service, making sure not to flood the service with calls for every key stroke, but instead allow to go at a more natural pace.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Tweak.js - Component driven MVC

Tweak.js - Component driven MVC | Javascript | Scoop.it

Tweak.js is a MVC framework built to help developers' structure code; for use in web applications and web components. Tweak.js is also accompanied with extra features that advances typical MVC concepts.

Tweak.js is not another backbone.js or anything as big as Ember. It's designed to be slap bang in the middle. It offers simple improvements over backbone.js and is way simpler compared to the massive MVC frameworks. It keeps in mind that not all applications are data driven, and when they are you don’t want to be told how to retrieve, monitor, and send that data; that should be down to you.


Via Jan Hesse
more...
Honey Almast's comment, June 12, 2:53 AM
hahah you got to check this out - http://goo.gl/QJIdMf
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

How to Implement Node + React Isomorphic JavaScript & Why it Matters

How to Implement Node + React Isomorphic JavaScript & Why it Matters | Javascript | Scoop.it

With the proliferation of more and more of the web being driven by JavaScript, The speed of the browser DOM is becoming increasingly noticeable.

Lots of sites being driven by popular JavaScript frameworks like Ember, Backbone, or Angular can take a while to render into the DOM. This forces the user to wait for the app to bootstrap itself before they can start viewing & ‘using’ the app.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Angular-Typescript Boilerplate

Angular-Typescript Boilerplate | Javascript | Scoop.it

Tiny Angular version 1 app written in Typescript with modularized Gulp tasks. Perfect as boilerplate.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Replacing callbacks with ES6 Generators

Replacing callbacks with ES6 Generators | Javascript | Scoop.it

By Matt Baker There are a lot of articles out there discussing the use of ES6 generators to remove the “callback pyramid” we so often encounter in JavaScript. Unfortunately, most of them rely on libraries, and few tell the whole story.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Easily testing React components with react-test-tree

Easily testing React components with react-test-tree - Qubit Engineering - Medium
While I love React, testing React components leaves a lot to be desired. The TestUtils are useful but don’t have a parti…

Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Yeoman generator for ReactJS and Webpack

Yeoman generator for ReactJS and Webpack | Javascript | Scoop.it

Yeoman generator for ReactJS - lets you quickly set up a project including karma test runner and Webpack module system.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Mobile App Framework Matrix - Build iOS/Android apps in JavaScript

Mobile App Framework Matrix - Build iOS/Android apps in JavaScript | Javascript | Scoop.it
The Mobile App Framework Matrix represents a comparison and documentation of technologies for building iOS/Android apps with a single JavaScript code base.

Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

We Compared 13 Top Flux Implementations — You Won’t Believe Who Came Out On Top!

We Compared 13 Top Flux Implementations - You Won't Believe Who Came Out On Top! - Social Tables Tech - Medium

We’ve been using React with and without Flux for a little more than a year at Social Tables. Over this time we’ve implem…


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

jQuery Hotshot -- Free 32 Page Excerpt

jQuery Hotshot -- Free 32 Page Excerpt | Javascript | Scoop.it
jQuery is used by millions of people to write JavaScript more easily and more quickly.
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

BangJS - use Bacon.js in an Angular context

BangJS -  use Bacon.js in an Angular context | Javascript | Scoop.it

BangJS is Bacon-flavored Angular. Program watertight web app user interface behavior with AngularJS and Bacon.js.

Enjoy everything that’s good about functional reactive programming with all the benefits of a mature and vibrant front-end framework ecosystem.

BangJS offers you the tools to take this challenge head on:

make support for asynchronous logic the default;focus on your business logic instead of managing state;keep your code maintainable and scalable due to inherent composability.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Top 8 Common Backbone.js Developer Mistakes

Top 8 Common Backbone.js Developer Mistakes | Javascript | Scoop.it
Backbone.js equips the developer with an array of tools that are minimal but extremely flexible. This gives developers the option to design the applications the way they want, but also introduces a number of way things can go wrong.

In this article, Toptal engineer Mahmud Ridwan discusses a few common mistakes that Backbone.js developers can make, and how they may avoid them.

Via Jan Hesse
more...
No comment yet.