Javascript Library
6.6K views | +0 today
Your new post is loading...
Your new post is loading...
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Taunus - Micro Isomorphic MVC Engine for Node.js

Taunus - Micro Isomorphic MVC Engine for Node.js | Javascript Library | Scoop.it

Taunus focuses on delivering a progressively enhanced experience to the end-user, while providing a reasonable development experience as well. Taunus prioritizes content. It uses server-side rendering to get content to your humans as fast as possible, and it uses client-side rendering to improve their experience.

While it focuses on progressive enhancement, usability and performance are both core concerns for Taunus. Incidentally, focusing on progressive enhancement also improves both of these. Usability is improved because the experience is gradually improved, meaning that if somewhere along the line a feature is missing, the component is still expected to work.


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

Meteor: a better way to build apps

This is a hands-on introduction to Meteor, a JavaScript and Node.js framework built for the future. Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started. Meter rocks because: you write in the same language on both the server and the browser; 50 lines of code gets you a working chat app; your app will work in real time; you get an awesome package system; and you can run your app natively on iOS and Android.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Meteor.js in Action: Create an App, Test with Laika

Meteor.js in Action: Create an App, Test with Laika | Javascript Library | Scoop.it
Meteor is a next generation framework used for rapidly developing web apps, which seamlessly combines popular packages like MongoDB, Node.js, and jQuery, to name a few.Contents:* Setup a Project* Create a Basic App* Restructure* Testing Framework* Users can submit answers* Users can see all submitted answers* Users can up or down vote answers* Users can login via Twitter* Users can only answer or vote if they are logged in* Remove insecure packages* Deployment* What’s next?* Conclusion
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from All @Javascript
Scoop.it!

Writing Desktop and Web-Based JavaScript Applications

Writing Desktop and Web-Based JavaScript Applications | Javascript Library | Scoop.it
Desktop applications are another arrow in the web developer’s quiver. Node-webkit is a great, cross-platform way to use existing web development skills without having to learn new tools, languages or frameworks.
Via Jan Hesse, Augusto Porto
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Refactoring single page app

Refactoring single page app | Javascript Library | Scoop.it
The following is my step-by-step refactoring path, including close look at some MVC-ish solutions. You can use it to get ideas on revamping your own spaghetti app, and/or to see how to approach design of -based app, specifically. Each step is made as a separate commit in fabricjs.com repo on github.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Componentize all the things!

Componentize all the things! | Javascript Library | Scoop.it
Web Components are a collection of standards that change the way we build web applications.Four technologies:* HTML Templates - Inert chunks of clonable DOM* Shadow DOM - Style & DOM encapsulation* Custom Elements - Define and use new DOM elements* HTML Imports - Include/Reuse other HTML documents

Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from All @Javascript
Scoop.it!

Collection of Best JavaScript Libraries for 2014 - Code Geekz

Collection of Best JavaScript Libraries for 2014 - Code Geekz | Javascript Library | Scoop.it
“ A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. The primary use of JavaScript is[...]”
Via Feker Skandrani, Augusto Porto
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Polyfills as a service

Polyfills as a service | Javascript Library | Scoop.it
When you use reusable components (whether through convention, a framework like Fruit Machine or React, or directly using the emerging Web Components standard), you might find that components ship with polyfills. Your page may end up containing multiple polyfills for the same feature. You might also find that these polyfills all use slightly different implementations, and it’s not immediately obvious which is a faithful emulation of the missing feature. Even the packaging format and file structure is likely to vary between polyfills and make each one a special case.This is far from ideal. We need some way of polyfilling browsers that avoids this duplication.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Build a Node API Client - Part 2: Encapsulation, Resources, & Architecture

Build a Node API Client - Part 2: Encapsulation, Resources, & Architecture | Javascript Library | Scoop.it
Detailed How-To for building API Client libraries in Node.js. Client design and architecture using encapsulation and resources.To achieve this, your Node.js client should only expose users to the public version of your API and never the private, internal implementation. If you’re coming from a more traditional Object Oriented world, you can think of the public API as behavior interfaces. Concrete implementations of those interfaces are encapsulated in the private API. In Node.js too, functions and their inputs and output should rarely change. Otherwise you risk breaking backwards compatibility.Encapsulation creates lot of flexibility to make changes in the underlying implementation.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Sails.js Intro

“An introduction to the Sails.js web framework for Node.js”
Via Jan Hesse
more...
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Using ReactJS and KendoUI Together

Using ReactJS and KendoUI Together | Javascript Library | Scoop.it
Much of that excitement is due to the fact that React views the UI differently that what we're used to. You don't mutate the DOM directly - instead React components render to a virtual DOM. This virtual DOM diffs your new changes and computes the minimum number of steps to update the actual DOM, which is then effectively "patched" only with what changed. However, every web UI library/framework I've worked with up to this point mutates the DOM directly. If I want to take advantage of existing UI widgets from other libraries, while still using React, can I do so?The answer is yes.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster | Javascript Library | Scoop.it
How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Using Polymer to Create Web Components

Using Polymer to Create Web Components | Javascript Library | Scoop.it
Web Components aim to solve some of these complexities by providing a unified way to create new elements that encompass rich functionality without the need for all the extra libraries. Web components are comprised of four different specifications (Custom Elements, Templates, Shadow DOM and HTML imports) which are being fleshed out in the W3C.To bridge the gap and give developers access to this rich functionality now, Google has created the Polymer library which serves as a set of polyfills to bring the promise of Web Components to you today. Let's dive a little deeper into.What this library can do, is allow us to create reusable components that work as true DOM elements while helping to minimize our reliance on JavaScript to do complex DOM manipulation to render rich UI results.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Practical Examples of Authentication in Meteor 1.0

Practical Examples of Authentication in Meteor 1.0 | Javascript Library | Scoop.it
Learn the basics of implementing your own authentication layer using accounts-base and accounts-password with the JavaScript framework Meteor 1.0...

accounts-base and accounts-ui are awesome packages that happen to make a heap of assumptions about how you're going to reason about your user's authentication and session management using a system called Accounts. That's alright though, because accounts-ui isn't necessarily intended to be the de facto way to provide access to the API of Accounts. It's there to get newcomers started, to help more experienced developers quickly prototype their ideas, and probably only occasionally remain a permanent fixture of the UI.

Here's a look at how we can replace the functionality of accounts-ui with custom behaviours and appearances. 


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

Meteor Tutorial - A Beginner's Guide to the Meteor JavaScript Framework

Meteor Tutorial - A Beginner's Guide to the Meteor JavaScript Framework | Javascript Library | Scoop.it
Your First Meteor Application is a free, online book designed to help beginners get started with the Meteor JavaScript framework.Inside, you’ll find: - 18,000+ words, minus the bloat that plagues most technical books. - Training precisely written for beginners, so anyone can get started with Meteor. - Practical examples matched with carefully explained concepts. - Regular updates as Meteor evolves (and as my teaching philosophy grows).…and again, it’s all free. There’s not even a catch. I simply grew up reading a lot of bad technical books, have felt compelled to write a great one for the longest of times, and now that I’m enamoured with Meteor, it seems like the perfect chance to do so.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from All @Javascript
Scoop.it!

Writing Desktop and Web-Based JavaScript Applications

Writing Desktop and Web-Based JavaScript Applications | Javascript Library | Scoop.it
Desktop applications are another arrow in the web developer’s quiver. Node-webkit is a great, cross-platform way to use existing web development skills without having to learn new tools, languages or frameworks.
Via Jan Hesse, Augusto Porto
more...
No comment yet.
Rescooped by Mitch Chen from All @Javascript
Scoop.it!

5 Array Methods That You Should Be Using Now

“ When ECMAScript 5 was published in 3rd Dec' 2009, it brought in additional new set of Array methods…”
Via Augusto Porto
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

MaskJS

MaskJS | Javascript Library | Scoop.it
MaskJS — is a markup | template | HMVC engine for modern and fast web(Browser), server(NodeJS) or mobile(PhoneGap) applications. Component-based architecture simplifies defining, implementing and composing loosely coupled independent elements into a single application.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Tips and Tricks for Faster Front-End Builds

Tips and Tricks for Faster Front-End Builds | Javascript Library | Scoop.it
As a reduced test case for experimentation, I set up a sample repository. The project uses jQuery, Lo-dash, and Handlebars, along with 50-or-so custom CommonJS modules (bundling to half a megabyte) to give Browserify something to work with.In this repository, our ideal build system will do the following (doubly ideal would be doing these things quickly... we'll get there). - Preprocess, prefix, and minify CSS - Lint/Hint, Browserify, and Uglify our JavaScript - Watch for changes and re-run any appropriate stepsOur build process at Pellucid has a few more requirements than this, but these should cover some of the longest operations, and this sample project should be generic enough to apply to many front-end projects.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Tips for writing third-party JavaScript

Tips for writing third-party JavaScript | Javascript Library | Scoop.it
The unique challenges faced in writing third-party JavaScript revolve around the same-origin policy. Because the JavaScript file is based on a different domain to its host, inbuilt browser security places restrictions on cookie use and client-side/server communication. By using jQuery for prototyping, you will be deferring full browser support issues until a little later in the project timeline, but by then you should have gained a better understanding of the unique problems inherent when writing third-party JavaScript.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

First Look: Getting Started with Facebook's ReactJS Library

First Look: Getting Started with Facebook's ReactJS Library | Javascript Library | Scoop.it
Let’s go back to our Component which is the main React’s object. You can create complicated Web interfaces by combining Components. Each one of them implements render() where the temporary DOM is created and this rendering can be hierarchic. This way the Components tree is created. Each block contains of its current state and is re-rendered after any change. Changes in parent’s component are also passed to children.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Polymer vs. X-Tag - Here's the difference

Polymer vs. X-Tag - Here's the difference | Javascript Library | Scoop.it
Let's face it. Web Components is the next big thing. To make Web Components work in all major browsers, we need polyfills to close the gaps. Luckily, the folks over at Polymer have developed such a set of polyfills to make Web Components work in the browsers today.Whereas Polymer makes use of all four Web Components technologies, X-Tag only depends on the Custom Elements technology and gives the developer the right to opt in for Shadow DOM. And that's okay because that just underlines the different philosophies behind these two projects.
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Why Web Components Are Ready For Production

Why Web Components Are Ready For Production | Javascript Library | Scoop.it
For the purposes of this article, custom elements are particularly interesting, because — unlike the other parts of web components — the custom elements spec is reasonably sane to polyfill. In total, the custom element specification defines one new method (document.registerElement()), changes to two existing methods (document.createElement() and document.createElementNS()), four callback methods (createdCallback, attachedCallback, detachedCallback, and attributeChangedCallback), and a single new CSS pseudo-selector (:unresolved).
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

5 Practical Examples For Learning The React Framework

5 Practical Examples For Learning The React Framework | Javascript Library | Scoop.it
React is built around the concept of components. This is in contrast to frameworks like Angular and Ember, which use two-way data bindings to update the HTML of the page. In my opinion React is easier to learn than Angular and Ember – it is much smaller and plays nicely with jQuery and other frameworks. It is also extremely fast, because it uses a virtual DOM, and syncs only the changed parts with the underlying page (accessing the DOM is still the slowest part of a modern web application, which is why the framework gets a performance boost by optimizing it).However, the flip side is that it takes a bit more code in React to achieve the same things that can be easily done with a data binding, as you can see from the examples below...
Via Jan Hesse
more...
No comment yet.
Rescooped by Mitch Chen from JavaScript for Line of Business Applications
Scoop.it!

Sharing Polymer Components: Part 2

Sharing Polymer Components: Part 2 | Javascript Library | Scoop.it
Learn how to auto-generate documentation and setup GitHub distribution using Bower, in this second part on sharing Polymer components.In the following tutorial, I'll dig deeper into what untitled-element includes, like its auto-generating documentation feature and how to setup your component to be distributed via Bower. We'll continue using the Reddit component code that I created in my first Polymer tutorial as well.
Via Jan Hesse
more...
No comment yet.