Javascript

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
  • JavaScript objects in detail
• 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

• Maintainable JavaScript code

Javascript Development Workflow

Siehe Web Development Workflow

Keyboard

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

Numbers

• accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering

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).
  • LinkedIn's dustjs, GitHub, Tutorial ({$idx}), Leaving JSPs in the dust, Dustjs Helpers (bower: dustjs-linkedin-helpers)
• 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

• Jasmine

Design Patterns

• Learning JavaScript Design Patterns, a book by Addy Osmani

Performance

• JavaScript Performance Best Practices, Nokia - very extensive!
• Javascript optimization and css transforms - minimit.com
• Speed Awareness Month
  • The non-blocking script loader pattern
• 10 Javascript Performance Boosting Tips from Nicholas Zakas
• Perimeter.js - creates an invisible perimeter around a target element and monitors mouse breaches.

Quality

• High-Quality JavaScript Code

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

• Hopscotch - Multi-page tours

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.
• Flotr2 - (GitHub)
• 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.
• EpicEditor - an embeddable JavaScript Markdown Editor.

Contenteditable

• ice.js - track changes implementation for anything that is contenteditable.

Deliver

• jsDelivr - A free super-fast CDN for developers and webmasters

Shortcuts

• https://github.com/ccampbell/mousetrap
  • http://davidwalsh.name/keyboard-shortcuts?utm_source=javascriptweekly&utm_medium=email

jQuery

• jQuery Plugins

HTML5

localStorage

• lz-string - compress JS strings.

Node.js

• Installing Node and npm
  • https://gist.github.com/isaacs/579814

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

Decoupling

• Decoupling Your HTML, CSS, and JavaScript

Deploy

• Deploying JavaScript Applications

Follow

• http://net.tutsplus.com/tutorials/javascript-ajax/required-javascript-reading/