background preloader

JS

Facebook Twitter

Felix's Node.js Style Guide. « Home / All Guides IMPORTANT: This version is outdated, the latest version is available on GitHub.

Felix's Node.js Style Guide

Front End Developer Playground & Code Editor in the Browser. Create a new fiddle - JSFiddle. The best JavaScript IDE with HTML Editor for Web development. 50 Javascript Tools & Resources from 2013. Just as we focused on CSS a few days back, today we take a look at 50 of our favorite Javascript tools and resources from 2013.

50 Javascript Tools & Resources from 2013

You will notice that this article does not include any jQuery resources as we have already published a dedicated jQuery round-up post last week, you can check that out here.But if you are looking for a standalone Javascript framework or library, then this is the place for you! So, here we go, our 50 favorite Javascript tools and resources from 2013: React.

Node.JS

How To Node - NodeJS. Map.js. An Introduction To Full-Stack JavaScript. Nowadays, with any Web app you build, you have dozens of architectural decisions to make.

An Introduction To Full-Stack JavaScript

And you want to make the right ones: You want to use technologies that allow for rapid development, constant iteration, maximal efficiency, speed, robustness and more. You want to be lean and you want to be agile. You want to use technologies that will help you succeed in the short and long term. And those technologies are not always easy to pick out. In my experience, full-stack JavaScript1 hits all the marks. Engineering — 10 Vital Aspects of Building a Node.JS Application - GoSquared Engineering. Purpose It sounds antagonisingly obvious, but the same goes for everything you decide to build.

Engineering — 10 Vital Aspects of Building a Node.JS Application - GoSquared Engineering

Realtime MVC Framework for Node.js. Yeoman - Modern workflows for modern webapps. Package.json: an interactive guide. EJS - JavaScript Templates. Are you ever faced with a mess of HTML string concatenations like this?

EJS - JavaScript Templates

Var html = "<h1>"+data.title+"</h1>" html += "<ul>" for(var i=0; i<data.supplies.length; i++) { html += "<li><a href='supplies/"+data.supplies[i]+"'>" html += data.supplies[i]+"</a></li>" } html += "</ul>" If you're a web developer, the answer is probably yes. Beyond being ugly, the structure of your HTML is lost in the JavaScript. Caolan/async. Express - api reference. Express() Creates an Express application.

Express - api reference

The express() function is a top-level function exported by the express module. var express = require('express');var app = express(); Methods. Unix and Node: Manual Pages. If you’re familiar with npm’s documentation you’ll have noticed that it comes with a lot of manual pages.

Unix and Node: Manual Pages

I don’t think I could have published an npm module without reading man npm-json several times first. To this day I still bring it up to search for the correct properties for the more obscure features. Let’s look at npm to see how Isaac did this, then generalise it a little bit so you can publish your own manual pages. Visionmedia/commander.js. How to write a command line application in Node.js - Liang Zan - Blog. What is a command line application?

How to write a command line application in Node.js - Liang Zan - Blog

Usually it means a program that is ran via the command line. It can be a simple script that changes your working directory. Or it can be a complicated program that has a multitude of options and arguments. Examples of command line applications are mutt, irssi, htop. More Than Web: Six Node.js CLI Apps - Node.js is best known, of course, as a tool for building and serving awesome webapps.

More Than Web: Six Node.js CLI Apps -

After all, that's what Nodejitsu is all about! However, if you talk to Node.JS users you may hear something along the lines of, "Javascript is actually pretty nice for writing command line apps. " As it turns out, node.js is a great platform for writing command line applications, and with npm they are as easy to install---nay, easier---than similar programs written in ruby or python and installed with rubygems or pip. In addition, node.js has all sorts of helpful libraries for writing command line apps, such as prompt, optimist, and cliff, that make writing command line interfaces easy! More Than Web: Six Node.js CLI Apps - Download and Install. Note Binary packages are made available on a volunteer basis.

Download and Install

There is no need to ask when a binary package for a given platform will be ready. The packagers are fully aware of every source release and they give their best effort to make the binaries available. Download service is kindly provided by Bitbucket. Previous releases download was provided by Google Code Project Hosting. Windows. Grunt: The JavaScript Task Runner.

Home - Chai. Mishoo/UglifyJS. Polyglot.js by airbnb. Polyglot.js is a tiny I18n helper library written in JavaScript, made to work both in the browser and in CommonJS environments (Node). It provides a simple solution for interpolation and pluralization, based off of Airbnb's experience adding I18n functionality to its Backbone.js and Node apps. Polyglot has zero dependencies. I18n is incredibly important for us at Airbnb, as we have listings in 192 countries, and we translate our site into 30-odd different languages. We're also hiring talented engineers to help us scale up to meet the challenges of buliding a global marketplace.

CommonJS: JavaScript Standard Library. CoffeeScript. Ember.js - About. Derby. Meteor. Derby. jQuery Plugin Registry. Handlebars.js: Minimal Templating on Steroids.

Our First Node.js App: Backbone on the Client and Server. Here at Airbnb, we’ve been looking curiously at Node.js for a long time now. We’ve used it for odds and ends, such as the build process for some of our libraries, but we hadn’t built anything production-scale. Until now. The Problem There’s a disconnect in the way we build rich web apps these days. In order to provide a snappy, fluid UI, more and more of the application logic is moving to the client.

But all too often, it’s not so clean; application logic is somewhat arbitrarily split between client and server, or in some cases needs to be duplicated on both sides. If you’ve seen my tech talk or last blog post, then all this should sound familiar. A better way to learn AngularJS - AngularJS Tutorial. Modernizr: the feature detection library for HTML5/CSS3. Hurl. Getting started with CSS - Web developer guide. Aimed at complete beginners, this CSS tutorial for beginners introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of the language with practical examples that you can try for yourself on your own computer and illustrates the standard features of CSS that work in modern browsers.

This tutorial is mostly for beginners in CSS, but you can also use it if you have some basic knowledge of CSS. If you are experienced in CSS this tutorial is probably not very useful to you, the CSS main page lists more advanced resources. Semantics. You are here: Home Dive Into HTML5 Diving In This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it.

Parts of it will become shorter. Parts will become longer. All of it will become more semantic. Introduction to HTML - Web developer guide. When you look at a web page in a web browser, you see, at the simplest level, words. These words usually have some style characteristics, such as different fonts, font sizes and colors. In many cases a page also displays images or maybe video. Sometimes there is a form where you can enter (or search) for information, or customize the display of the page to your liking. Often a page contains content that moves or changes while the rest of the page remains the same.

Several technologies (such as CSS, JavaScript, Flash, AJAX, JSON) can be used to define the elements of a web page. The HTML specification defines a single language that can be written using the relaxed HTML syntax, but also the more strict XML (Extensible Markup Language) one, and also addresses the needs of web applications. WIP: Bootstrap 3 by mdo · Pull Request #6342 · twitter/bootstrap. jQuery API Documentation. Bootstrap Toolbox - Tools, Utilities, Generators and Templates. Ever since it was initially released, Bootstrap has taken the internet by a storm. It keeps growing in popularity with each passing day — and why shouldn’t it be popular?

After all, where else do you find a responsive framework with such an extensive library of pre-styled components, and a community that offers many, many extras and addons? In this collection, we have put together some of the best Bootstrap resources. Nay! We have tried to create the ultimate Bootstrap toolbox page: utilities, generators, templates… and much more! Boostrap Tools & Utilities Bootstrap wysihtml5 Bootstrap-wysihtml5 is a Javascript plugin that makes it easy to create simple, beautiful wysiwyg editors. TodoMVC. Chrome DevTools. Js. JavaScript SDK Reference. jQuery Twitter Search API Demo. All HTML Tags - HTML5 tutorials. HTML, CSS, and JavaScript Tutorials, References, and Articles.

From jQuery to JavaScript: A Reference. Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don't know about these APIs! In this article, we'll take a variety of common jQuery tasks, and convert them to both modern and legacy JavaScript. jQuery. DOM Enlightenment - Exploring the relationship between JavaScript and the modern HTML DOM. An O'Reilly edited version (printed, epub, mobi, pdf) of this book is now avaliable from O'Reilly or Amazon. How Did We Get Here? RequireJS.

Create a new Fiddle - jsFiddle. From The Server To The Client — Client-Side Templating. Advertisement Using templates in the browser is becoming more and more widespread. PhoneGap. Top HTML5 Frameworks and Generators To Ease Your Pain. Haml. Tryit Editor v1.8. Rendering a web page – step by step. LiveReload. LESS « The Dynamic Stylesheet language.

Sass - Syntactically Awesome Stylesheets. Edit this Fiddle. Danwrong/restler. JSON. JavaScript Reference - JavaScript. Eloquent JavaScript: A Modern Introduction to Programming. Modern Web Apps using JAX-RS, MongoDB, JSON, and jQuery. Javascript. Remotely debugging mobile web apps. RemoteWebDriver - selenium - Information about the RemoteWebDriver - Browser automation framework. Improving Your 2013 Productivity With The Chrome DevTools. Mobile HTML5 - compatibility on iPhone, Android, Windows Phone, BlackBerry, Symbian and other mobile and tablet devices. Can I use... Support tables for HTML5, CSS3, etc. Pttrns — Mobile User Interface Patterns. HTML5Rock.com. IndexedDB Polyfill. WebReflection/db.

Firebug. Lawnchair: Simple JSON Storage. HTML: The Living Standard - Edition for Web Developers. A Beginner's Guide to Using the Application Cache. Stevey's Blog Rants: Execution in the Kingdom of Nouns. Understanding node.js.

The Node Beginner Book » A comprehensive Node.js tutorial. Eloquent JavaScript. TraceMonkey. Stevey's Blog Rants: The Next Big Language. Node XMPP Server. Node XMPP Server. Js - An XMPP library for JavaScript. Redis.pdf. Nodejitsu/handbook. How To Node - NodeJS. High-performance Cloud Infrastructure for Real-time Web and Mobile Applications - Home - Joyent. The Node Beginner Book » A comprehensive Node.js tutorial.