Javascript: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 56: | Zeile 56: | ||
* [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://twitter.github.com/typeahead.js/ typeahead.js] - Autocomplete | * [http://twitter.github.com/typeahead.js/ typeahead.js] - Autocomplete | ||
− | * [parall.ax/products/jspdf jsPDF] - generate PDFs from Javascript. | + | * [http://parall.ax/products/jspdf jsPDF] - generate PDFs from Javascript. |
* [http://knockoutjs.com/ Knockout JS] - Databinding. | * [http://knockoutjs.com/ Knockout JS] - Databinding. | ||
* [http://www.ractivejs.org/ Reactive.js] - Next-generation DOM manipulation | * [http://www.ractivejs.org/ Reactive.js] - Next-generation DOM manipulation |
Version vom 30. August 2013, 19:12 Uhr
Learn
- 125 CSS and JavaScript tutorials to power up your skills
- JavaScript-Garden - growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
- http://javascriptissexy.com/ - JavaScript is Sexy
- Object Playground: The Definitive Guide to Object-Oriented JavaScript - with Video.
- JavaScript in one page
- Superhero.js - Collection of the best articles, videos and presentations on creating, testing and maintaining a large JavaScript code base.
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/
Testing
Design Patterns
Performance
- JavaScript Performance Best Practices, Nokia - very extensive!
- Javascript optimization and css transforms - minimit.com
- Speed Awareness Month
- 10 Javascript Performance Boosting Tips from Nicholas Zakas
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
- jsPDF - generate PDFs from Javascript.
- 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
Transitions
- Flipload.js - flipping HTML elements to show a loading indicator easily.
- Hopscotch - Multi-page tours
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
- Brackets Coding Conventions
- Pragmatic.js code style guidelines
- Javascript Best Practices Part 1
- Front-end Code Standards & Best Practices
- Code Conventions for the JavaScript Programming Language
- Google JavaScript Style Guide