Javascript: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 45: Zeile 45:
 
* [http://www.speedawarenessmonth.com/ Speed Awareness Month]
 
* [http://www.speedawarenessmonth.com/ Speed Awareness Month]
 
** [http://www.speedawarenessmonth.com/the-non-blocking-script-loader-pattern/ The non-blocking script loader pattern]
 
** [http://www.speedawarenessmonth.com/the-non-blocking-script-loader-pattern/ The non-blocking script loader pattern]
 +
* [http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas 10 Javascript Performance Boosting Tips from Nicholas Zakas]
  
 
==Quality==
 
==Quality==

Version vom 27. August 2013, 09:09 Uhr

Learn

Writing

Javascript Development Workflow

Siehe Web Development Workflow

Keyboard

  • Mousetrap - A simple library for handling keyboard shortcuts in Javascript.

Numbers

Templates

List of JavaScript templates from Mozilla.

  • mustache.js - minimal templating in JavaScript. Compatible with http://handlebarsjs.com/.
  • hogan.js - 2.5k JS compiler for the Mustache templating language.
  • doT.js - the fastest + concise javascript template engine for Node.js and browsers.
  • dustjs - аsynchronous templates for the browser and node.js (demo).
  • JavaScript Templates - < 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies.
  • pure - Simple and ultra-fast templating tool to generate HTML from JSON data. Keep your HTML clean of any logic using JSON and Javascript only
  • EJS - EJS cleans the HTML out of your JavaScript with client side templates.
  • JsViews - the JsViews framework brings declarative data-binding to JsRender templates, supports MVVM and MVP (custom tag controls), and much more...
  • JSON Template -
  • jQuery_HandlebarsJS - jQuery plugin for use http://handlebarsjs.com/

Template-Engine-Chooser

Testing

Design Patterns

Performance

Quality

Libraries

  • xCharts: building beautiful and custom data-driven chart visualizations for the web
  • D3 Gallery - data visualization - in a lot of ways. xCharts builds upon it.
  • typeahead.js - Autocomplete
  • Knockout JS - Databinding.
  • Reactive.js - Next-generation DOM manipulation
  • Simple Slide View - Demo 1, Demo 2
  • Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.
  • Hashids - Generate short hashes from numbers (like YouTube and Bitly).
  • Intro.js - better introductions for websites and features with a step-by-step guide for your projects.
  • FlowType.JS - responsive web typography at its finest: font-size and line-height based on element width

Frameworks

  • AngularJS - JavaScript MVW Framework
  • Bone.io - lightweight framework for building high performance Realtime Single Page HTML5 Apps
  • Durandal - Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There's little to learn and building apps feels comfortable and familiar. (YouTube Videos)
  • Ground - logical and light-weight framework. Built to provide seamless realtime client-server synchronization and complete offline support.
  • Sails.js - easy to build custom, enterprise-grade Node.js apps. It is designed to mimic the MVC pattern of frameworks like Ruby on Rails, but with support for the requirements of modern apps: data-driven APIs with scalable, service-oriented architecture
  • scalaApp - tiny JavaScript framework for scalable One-Page-Applications / Single-Page-Applications. The framework allows you to easily create complex web applications.
  • Meteor - open-source platform for building top-quality web apps in a fraction of the time. Syncs automatically client and server models.

Editors

Markdown

  • marked - a markdown parser and compiler. Built for speed.

Deliver

Shortcuts

jQuery

Node.js

Real-Time

  • Talky - Truly simple video chat and screen sharing for groups. No plugins. No signup or payment required. Anonymous. Peer-to-peer.

Code Styles

Deploy

Follow