Javascript: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 70: Zeile 70:
  
 
===Visualization===
 
===Visualization===
 +
* [http://www.chartjs.org/ Chart.js] - Easy, object oriented client side graphs for designers and developers. ([https://github.com/nnnick/Chart.js Github])
 
* [https://github.com/mbostock/d3/wiki/Gallery D3 Gallery] - data visualization - in a lot of ways. xCharts builds upon it.
 
* [https://github.com/mbostock/d3/wiki/Gallery D3 Gallery] - data visualization - in a lot of ways. xCharts builds upon it.
 
* [http://timeline.verite.co/ Timeline JS] - Beautifully crafted timelines that are easy, and intuitive to use.
 
* [http://timeline.verite.co/ Timeline JS] - Beautifully crafted timelines that are easy, and intuitive to use.
 
  
 
===Search===
 
===Search===

Version vom 1. September 2013, 17:13 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.

Template-Engine-Chooser

Testing

Design Patterns

Performance

Quality

Libraries

  • xCharts: building beautiful and custom data-driven chart visualizations for the web
  • typeahead.js - Autocomplete
  • jsPDF - generate PDFs from Javascript.
  • Knockout JS - Databinding.
  • Reactive.js - Next-generation DOM manipulation
  • Simple Slide View - Demo 1, Demo 2
  • 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

Transitions

  • Flipload.js - flipping HTML elements to show a loading indicator easily.

Navigation

Visualization

  • Chart.js - Easy, object oriented client side graphs for designers and developers. (Github)
  • D3 Gallery - data visualization - in a lot of ways. xCharts builds upon it.
  • Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.

Search

  • sifter.js - client and server-side library (via UMD) for textually searching arrays and hashes of objects by property – or multiple properties. It's designed specifically for autocomplete.

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