His compilation demonstrates an awareness of knowledgeable guides, right-minded attitudes and information that must be paid attention to, all while making clear that he does not gladly suffer fools, slovenly thinking or the misguided parroting of out-dated principles.
That’s what I like about this list.
Of course, I lack the experience to dispute Elliott’s choices or even to supplement them, but I hope nonetheless that my _re-_presentation is valuable by the addition of my own obsessive labors providing visuals of each link presented, a short summary or self-description that the site itself provides and some GitHub, npm and YouTube metadata.
Elliott’s gist list is quickly scanned, despite its length (143 items in March 2015). My bulky rendition is not. But I’ve kept the list as a single post and not divided it into two or three pieces to enable a quicker decision as to which resources to explore first by providing some sense of what each one is about.
So herewith I offer thanks to Eric Elliott for pointing out what sites we should be paying attention to. — Roger Sperberg
By Eric Elliot. Published at medium.com on August 2, 2014
99 out of 100 JS developers lack the skills they need to fill hundreds of thousands of jobs. We can change that.
By Eric Elliot. Published at medium.com on December 29, 2014
class is broken. Don’t use it until it’s fixed.
By Eric Elliot. Published at medium.com on March 3, 2015
By Eric Elliot. Published at medium.com on October 21, 2014
By Eric Elliot. Published at medium.com on December 12, 2014
By Kyle Simpson. Published at davidwalsh.com on April 22, 2013
“Note: earlier players in the JS framework game (Dojo, YUI, ExtJS) touted composition strongly and it’s been around forever but it’s taken us a while for most people to grok the true power of this model as broadly on the front-end.”
By Addy Osmani. Published at medium.com on December 15, 2014
The Way of the Functional Programmer
By Eric Elliot. Published at medium.com on April 9, 2015
Great read, even if you’re not a React user. “The new great idea in React is Virtual DOM Rendering. The gist is to frequently re-render a complete and lightweight representation of the DOM, then apply a difference filter to detect the minimum changes that need to be made to the DOM. A similar technique has existed in game development long before React: re-render the game screen in every game loop, but only update the minimum portion of the screen which changed compared to the previously rendered screen.”
By Andre Medeiros. Published at Futurice on November 2, 2014
“Reactive programming is programming with asynchronous data streams.
“In a way, this isn’t anything new. Event buses or your typical click events are really an asynchronous event stream, on which you can observe and do some side effects. Reactive is that idea on steroids. You are able to create data streams of anything, not just from click and hover events. Streams are cheap and ubiquitous, anything can be a stream: variables, user inputs, properties, caches, data structures, etc. For example, imagine your Twitter feed would be a data stream in the same fashion that click events are. You can listen to that stream and react accordingly.”
By André Staltz. star: 4,011 fork: 365
What is all this talk about reactive? Functional? Promises? This is the beginning of a reactive programming bible. “In the context of a computer program, reactivity is the process of receiving external stimuli and propagating events. This is a rather broad definition that covers a wide variety of topics. The term is usually reserved for systems that respond in turns to sensors, schedules, and above all, problems that exist between the chair and keyboard….
“[V]arious minds in the field of reactivity have been converging on a model that unifies at least promises and observables.”
By Kris Kowal. First posted at github on August 9, 2014. 8 contributors star: 1,114
A series of blog posts on ES6 generators: “Whether you realized it or not, you’ve always been able to assume something fairly fundamental about your functions: once the function starts running, it will always run to completion before any other JS code can run….
“With ES6 generators, we have a different kind of function, which may be paused in the middle, one or many times, and resumed later, allowing other code to run during these paused periods.”
By Kyle Simpson. Published at davidwalsh.com, July – August 2014
By Axel Rauschmayer. Published at 2ality and updated on November 18, 2014
“Every piece of software deals with complex control flow mechanisms like callbacks, promises, events, and streams. Some require simple asynchronous coordination, others processing of event or stream-based data, and many deal with both. Your solution to this has a deep impact on your code.
“It’s not surprising that a multitude of solutions exist. Callbacks are a dumb simple way for passing single values around asynchronously, and promises are a more refined solution to the same problem. Event emitters and streams allow asynchronous handling of multiple values. FRP is a different approach which tackles streams and events more elegantly, but isn’t as good at asynchronous coordination. It can be overwhelming just to know where to start in all of this.”
By James Long. Posted on September 08, 2014
“The goal for ECMAScript 6 modules was to create a format that both users of CommonJS and of AMD are happy with.”
By Axel Rauschmayer. Published at 2ality.com on September 7, 2014
In-depth perf case studies with Paul Irish: “I’ve written up case study documents . . . . In this doc, we look at the scrolling of CNET, input latency on CNET, some very interesting challenges on the responsive Time.com, and infinite scroll on Google Play’s desktop site.
“The intended audience is browser engineers and performance-minded frontend developers. It’s fairly advanced, but I’m spelunking deep to identify how the sites butt heads with the browser APIs and architecture.”
By Paul Irish. Posted on March 27, 2015
By Jafar Husain. Delivered at @Scale 2014. Published on September 22, 2014. Length: 41:46, 8,057 views
Jafar Husain explains reactive programming
Jafar Husain interviewed by HackHands.com. Published on July 14, 2014. Length: 9:17, 1,945 views
“We live in a time of vast computational resources — many of us carry around in our pockets what just thirty years ago would have been considered a supercomputer. But it’s not just the hardware, these bite-sized supercomputers run software using state-of-the-art dynamic compilation techniques to deliver stellar performance without sacrificing flexibility.
“While all of this may sound incredibly futuristic, many of us still program these Dream Machines with miserly techniques not far removed from the best practices of the 1960s.
By David Nolen. Delivered at JSConf. Published on July 1, 2014. Length: 22:05, 6,810 views
Delivering the goods — Paul Irish
One of the most important but overlooked topics in the development world today — page load times: “[A]nd finally answering the ‘page size vs # of requests’ question…”
Keynote by Paul Irish. Delivered at Fluent 2014. Published on March 13, 2014. Length: 23:24, 37,398 views
A later version of the influential talk “Simple Made Easy”: “Simplicity is prerequisite to reliability — Edsger Dijkstra”
Keynote by Rich Hickey. Delivered at RailsConf2012, April 23, 2012. Length: 36:53, 46,766 views
An annotated, hyperlinked version of the ES5 spec
Most-recent draft of the ECMAScript 6 specification.
Version: Rev 37, April 3, 2015
Subtitled A Playful Introduction to Programming. “A lighthearted introduction that teaches programming essentials through patient, step-by-step examples paired with funny illustrations…. Along the way, you’ll write games such as Find the Buried Treasure, Hangman, and Snake…. With visual examples like bouncing balls, animated bees, and racing cars, you can really see what you’re programming. Ages 10+”
By Nick Morgan. Published by No Starch Press in December 2014. ISBN: 978-1-59327-408-5. 336 pages
Free online edition.
“To some of us, writing computer programs is a fascinating game. A program is a building of thought. It is costless to build, it is weightless, and it grows easily under our typing hands.
“But without care, a program’s size and complexity will grow out of control, confusing even the person who created it. Keeping programs under control is the main problem of programming. When a program works, it is beautiful. The art of programming is the skill of controlling complexity. The great program is subdued, made simple in its complexity.”
By Marijn Haverbeke. Published by No Starch Press in December 2014. ISBN: 978-1-59327-584-6. 472 pages
By Douglas Crockford. Published in May, 2008. ISBN13: 978-0596517748. 172 pages
By David Herman. Published by Pearson on December 6, 2012. ISBN-13: 978-0321812186. 200 pages
Link to the print-plus-ebook bundle for this book. (There is also an online version of this title.)
By Eric Elliott. Published by O’Reilly on June 22, 2014. ISBN13: 9781449320942. 300 pages
By David Flanagan. Sixth edition published by O’Reilly on May 13, 2011. ISBN: 9780596805531. 1096 pages
Prerelease (unedited) versions available at Github.
By Kyle Simpson. Published By O’Reilly. ‘Scope & Closures,’ published in March 2014, print ISBN: 978-1-4493-3558-8, 98 pages. ‘this & Object Prototypes,’ July 2014, print ISBN:978-1-4919-0415-2, 174 pages. ‘Types & Grammar,’ February 2015, print ISBN:978-1-4919-0419-0, 198 pages. ‘Async & Performance,’ February 2015, print ISBN:978-1-4919-0422-0, 296 pages. ‘Up & Going,’ March 2015, print ISBN:978-1-4919-2446-4, 88 pages. ‘ES6 and Beyond,’ draft complete in May 2015
Free to read online.
By Nicholas C. Zakas. Published by LeanPub. 125 pages, 30 percent complete in May 2015
The “Six” Edition. “A long pull of functions, combinators, & decorators, updated to include the latest ES-6 features.”
By Reginald Braithwaite. Published by LeadPub. 362 pages, 50 percent complete in May 2015
By Mike Cantelon, Marc Harter, T.J. Holowaychuk and Nathan Rajlich. Published by Manning on November 28, 2013. ISBN-13: 978-1617290572. 395 pages
“An epic saga of technological advance that spans the history of modern computers from the Second World War to the explosion of creativity at Xerox PARC in the 1970s to the personal computer boom of the 1980s and the Internet boom of the 1990s.”
By M. Mitchell Waldrop. Published on August 27, 2001 by Viking (and in paperback in 2002 by Penguin)
An interactive online book about graphics programming: “WebGL from the ground up. No magic.
These are a set of articles that teach WebGL from basic principles. They are NOT old rehashed out of date OpenGL articles like many others on the net. They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.”
By Gregg Tavares
First install this… “Simple bash script to manage multiple active node.js versions.”
Project of Tim Caswell. 115 contributors star: 6,455 fork: 644
Then install Node (with nvm). You’ll need this even if you’re a front-end dev.
598 contributors star: 35,987 fork: 8,019
259 contributors star: 6,088 fork: 1,233, total packages available: 145,236
“Sublime Text is a sophisticated text editor for code, markup and prose, [with a] slick user interface, extraordinary features and amazing performance.” ST3 was first released in beta in January 2013.
ST is developed by Jon Skinner.
Debug Node code with the Chrome debug tools, e.g., “a debugger interface for Node.js applications that uses the Blink Developer Tools (formerly WebKit Web Inspector).”
Project maintenance and support sponsored by StrongLoop. 45 contributors
star: 6,759 fork: 436
star: 266 fork: 35
Project maintained by Marijn Haverbeke. 51 contributors star: 1,740 fork: 166
58 contributorsstar: 3,055 fork: 472
(Supports live collaboration / pair programming) “Nitrous is a backend development platform which helps software developers save time by cutting out the repetitive parts of creating development environments and automating them.”
Chat for teams, with GitHub and Google hangouts integration. (For hangouts, just type /hangout in any channel.) “Slack is a platform for team communication: everything in one place, instantly searchable, available wherever you go.”
3 contributors star: 320 fork: 38
“Fiddlin’ with ECMAScript6.” Includes sample code illustrating these ES6 aspects: arrow functions, block scope, classes and inheritance, default parameters, destructured assignment, generators, iterators, map, promises, rest parameters, set, spread operator and template literals.
A project of Jeff McRiffey. 2 contributors star: 33 fork: 6
Bundle modules for the browser. “browserify is a tool for compiling node-flavored commonjs modules for the browser.
“You can use browserify to organize your code and use third-party libraries even if you don’t use node itself in any other capacity except for bundling and installing packages with npm.
“The module system that browserify uses is the same as node, so packages published to npm that were originally intended for use in node but not browsers will work just fine in the browser too.
Project of James Halliday. 142 contributors star: 7,214 fork: 634
“npm has a great subset of functionality dedicated to running tasks to facilitate in a packages lifecycle — in other words, it is a great tool for build scripts.”
By Keith Cirkel. Posted on December 9, 2014
“Only 15% of all programs linted on this website pass the JSHint checks. In all other cases, JSHint finds some red flags that could’ve been bugs or potential problems.”
JSHint created and maintained by Anton Kovalyov. 195 contributors star: 4,945
“The primary reason ESLint was created was to allow developers to create their own linting rules. ESLint is designed to have all rules completely pluggable. The default rules are written just like any plugin rules would be. They can all follow the same pattern, both for the rules themselves as well as tests. …
“ESLint is written using Node.js to provide a fast runtime environment and easy installation via npm.”
Created by Nicholas C. Zakas in June 2013. 168 contributors star: 2,085 fork: 372
Allow ES6 features to pass ESLint.
9 contributorsstar: 226 fork: 12
Forbid the ES6
class keyword. Why?
A project of Nicola Molinari. star: 2
Code coverage reporting.
A project of Krishnan Anantheswaran. 43 contributors star: 2,501 fork: 248, downloads in the last month from npm: 783,233
Minimal, dead simple unit testing. (This is all you need, really!) Tape is a “tap-producing test harness for node and browsers.”
A project of James Halliday. 27 contributors star: 647 fork: 69
Prettify unit testing output (like what comes from tape). Faucet is a “human-readable TAP summarizer”
A project of James Halliday. 2 contributors star: 196 fork: 3
The best way to test HTTP endpoints: “Super-agent driven library for testing node.js HTTP servers using a fluent API.
“The motivation with this module is to provide a high-level abstraction for testing HTTP, while still allowing you to drop down to the lower-level API provided by super-agent.”
Project maintained by Visionmedia. 30 contributors star: 2,0003 fork: 151
79 contributors star: 5,534 fork: 251
A project of Jeremy Ashkenas. 177 contributors star: 11,151 fork: 1,494
A project of Alon Zakai. 179 contributors star: 8,202 fork: 940
ES6 Tools list (113 listed in February 2015). (See annotated version)
A project of Addy Osmani. 30 contributors star: 1,760 fork: 91
598 contributors star: 35,987 fork: 8,019
The Node fork.
“Why? io.js aims to provide faster and predictable release cycles. It currently merges in the latest language, API and performance improvements to V8 while also updating libuv and other base libraries.
“This project aims to continue development of io.js under an ‘open governance model’ as opposed to corporate stewardship.”
678 contributors star: 11,870 fork: 844
55 contributors star: 3,662 fork: 506, downloads in the last month from npm: 105,728
30 contributors star: 65 fork: 89
223 downloads in the last month from npm
A fairly comprehensive list of HTML5 API polyfills.
311 items arranged by 69 main categories
For educational use only. You’ll want to cherry-pick the best of this for your production apps. See Initializr: “A professional front-end template for building fast, robust, and adaptable web apps or sites.”
A project of H5BP maintained by Mathias Bynens and Hans Christian Reinl.
195 contributors star: 29,627 fork: 7,625
Write apps using the same code for both the client and the server using Node, Express, and Browserify: “Isomorphic means that it’s designed to run a lot of the same code on both the client and the server. There are many advantages to building apps this way, but the primary advantages are:
“Write once, run everywhere. With the exception of a few library substitutions and browser polyfills, the code is shared, which means you have to write about half the code you’d write working on a non-isomorphic app.
“More productive developers. Since the app is more consistent across the stack, there’s no context switching when you need to maintain application behavior on both sides of the stack. Write the behavior once, and you’re done.”
A project of Eric Elliott. 2 contributors star: 110 fork: 17
Require files relative to your project path using the normal node
“You can move files around more easily than you can with relative paths like
“Every file documents your app’s directory structure for you. You’ll know exactly where to look for things.
“Dazzle your coworkers.”
A project of Eric Elliott. star: 10
Get deep properties using dot notation without throwing. e.g.,
A project of Kyle Simpson. 2 contributors star: 58 fork: 9
An ECMAScript-standard promise polyfill by Kyle Simpson. “The aim of this project is to be the smallest polyfill for Promises, staying as close as possible to what’s specified in both Promises/A+ and the upcoming ES6 specification.”
A project of Kyle Simpson. 2 contributors star: 291 fork: 17
A WHATWG fetch standard polyfill
By Matt Andrews. 4 contributors star: 93 fork: 4
“All messages in a single connection are sent with incrementing IDs. If the client passes an ID in a
last-event-id header, the middleware ignores messages until that ID is reached.”
A project of Heroku. star: 4 fork: 1
Required client-side patching to support Server Sent Events. “A polyfill for http://www.w3.org/TR/eventsource/”
A project of Yaffle. 7 contributors star: 609 fork: 85
Yes, I still use jQuery and so do 61% of the top 100,000 websites — for good reason.
219 contributors star: 34,224 fork: 8,288
DOM-diffing isomorphic reactive templates from Meteor. “HTML templating is central to web applications. With Blaze, Meteor’s live page update technology, you can render your HTML reactively, meaning that it will update automatically to track changes in the data used to generate it.”
2 contributors star: 90 fork: 8
394 contributors star: 21,313 fork: 2,982
Like Underscore, but much faster, and featuring a more expressive API: “lodash with auto-curried iteratee-first methods.”
1 contributor star: 134 fork: 3
117 contributors star: 3,759 fork: 355
Tiny client-side router, inspired by Express: “~1200 bytes.”
Project maintained by Visionmedia. 46 contributors star: 2,213 fork: 226
233 contributors star: 20,607 fork: 2,274
i18n / translate your app for many languages and locations (locales). “Each language, and the countries that speak that language, have different expectations when it comes to how numbers (including currency and percentages) and dates should appear. Obviously, each language has different names for the days of the week and the months of the year. But they also have different expectations for the structure of dates, such as what order the day, month and year are in. In number formatting, not only does the character used to delineate number groupings and the decimal portion differ, but the placement of those characters differ as well.
“A user using an application should be able to read and write dates and numbers in the format they are accustomed to. This library makes this possible, providing an API to convert user-entered number and date strings — in their own format — into actual numbers and dates, and conversely, to format numbers and dates into that string format.”
32 contributors star: 1,819 fork: 368
Secure your Express application. By the Kraken team at PayPal.
18 contributors star: 657 fork: 62
The most popular framework for Node. “A fast, un-opinionated, minimalist web framework for Node.js applications.”
177 contributors star: 18,545 fork: 3,732, downloads in the last month from npm: 2,355,164
Stampit — create objects from reusable, composable behaviors. Prototypal inheritance with stamps.
A project of Eric Elliott. 9 contributors star: 809 fork: 42
If you write Node apps with password logins, you need Credential: “Easy password hashing and verification in Node. Protects against brute force, rainbow tables, and timing attacks.”
A project of Eric Elliott. 6 contributorsstar: 158 fork: 8
GUIDs are broken — use cuid, instead. “Collision-resistant ids optimized for horizontal scaling and performance.”
A project of Eric Elliott. 4 contributorsstar: 245 fork: 8
UI animation library: “Velocity is an animation engine with the same API as jQuery’s
$.animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined.”
A project of Julian Shapiro. 15 contributorsstar: 7,317 fork: 598
A fast json-schema validator: “A JSONSchema validator that uses code generation to be extremely fast.”
A project of Mathias Buus. 8 contributorsstar: 213 fork: 23
Great library for building CLI tools: “A collection of common interactive command line user interfaces.”
A project of Simon Boudrias. 25 contributorsstar: 1,437 fork: 100
Tom Occhino and Jordan Walke speak about React.js at Facebook Seattle.
Published on July 8, 2013. Length: 1:19:10. 50,963 views
“Immutable data unlocks powerful memoization techniques and prohibits accidental coupling via shared mutable state. It’s no accident that these are the the same benefits provided by React.
“Persistent data structures provide the benefits of immutability while maintaining high performance reads and writes and present a familiar API.
“Learn about how persistent immutable data structures work, and techniques for using them in your React applications with Immutable.js, a library of fully persistent immutable data structures.”
Given by Lee Byron at React.js Conf 2015, January 29, 2015. Length: 31:10, 19,575 views
Relay & GraphQL described: the presenters “describe the approach Facebook uses to make data fetching simple for developers, even as a project grows to include dozens of developers and the application becomes as complex as Facebook’s news feed.”
Talk given by Daniel Schafer and Jing Chen at React.js Conf 2015, January 29, 2015. Length: 26:39, 35,797 views
“There’s more to building an application than creating a user interface. Data fetching is still a tricky problem, especially as applications become more complicated. At React.js Conf we announced two projects we’ve created at Facebook to make data fetching simple for developers, even as a product grows to include dozens of contributors and the application becomes as complex as Facebook itself.”
Blog post by Greg Hurrell. Published at the React blog on February 20, 2015
“The main pieces of Relay architecture] are as follows:
· Relay Components: React components annotated with declarative data descriptions.
· Actions: Descriptions of how data should change in response to user actions.
· Relay Store: A client-side data store that is fully managed by the framework.
· Server: An HTTP server with GraphQL endpoints (one for reads, one for writes) that respond to GraphQL queries.
“This post will focus on Relay components that describe encapsulated units of UI and their data dependencies. These components form the majority of a Relay application.”
Blog post by Joseph Svona. Published at the React blog on March 19, 2015
“Compilation of questions and answers about Relay from React.js Conf. Relay is a new framework from Facebook that provides data-fetching functionality for React applications.”
Compiled by Greg Hurrell. Posted on January 29, 2015
“Components Should Be Focused, Independent, Reusable, Small & Testable (FIRST)
“In fact, the secret to efficiently building ‘large’ things is generally to avoid building them in the first place. Instead, compose your large thing out of smaller, more focused pieces. This makes it easier to see how the small thing fits within the broader scope of your large thing.”
By Addy Osmani. Posted circa May 9, 2014
webcomponents.js is a set of polyfills built on top of the Web Components specifications. It makes it possible for developers to use these standards today across all modern browsers.
“As these technologies are implemented in browsers, the polyfills will shrink and you’ll gain the benefits of native implementations.
webcomponents.js automatically detects native support and switches to the fast path when available. Your elements seamlessly start relying on the native stuff — and get faster in the process.
webcomponents.js polyfill layer is no longer needed for browsers that fully implement the Web Components APIs, such as Chrome 36+.”
31 contributors star: 565
“HTML Imports allow you to load those resources as an aggregated HTML file.”
By Eiji Kitamura. Includes 8:12 video. Published at webcomponents.org on January 4, 2015
“HTML is the most important factor for the web platform. It provides various low level features to structure sites and apps. But it also is easy to end up with div soup once you start implementing a complex component using native HTML tags. What if the web platform could allow you to create your original component? What if you can give it an arbitrary tag name? What if you can extend features of an existing HTML tag? Custom Elements allow you to do those things.”
By Eiji Kitamura. Includes 8:16 video. Published at webcomponents.org on November 23, 2014
“‘Templates’ used to be a technology frequently used with server-side technologies such as PHP, Django (Python) or Ruby on Rails. But lately it’s becoming more common to use templates in the browser.
“This is primarily driven by the changing landscape of web architecture. Servers are becoming more dedicated to processing data, clients are becoming more dedicated to user interactions and views. MVC (Model, View, Controller) is no longer a server-side-only pattern, it’s becoming a client-side thing — look at AngularJS, Backbone.js, Ember.js, etc.
By Eiji Kitamura. Includes 4:02 video. Published at webcomponents.org on October 6, 2014
“An element that has a shadow root associated with it is called ‘shadow host.’ The shadow root can be treated as an ordinary DOM element so you can append arbitrary nodes to it.
“With Shadow DOM, all markup and CSS are scoped to the host element. In other words, CSS styles defined inside a Shadow Root won’t affect its parent document; CSS styles defined outside the Shadow Root won’t affect the main page.”
By Eiji Kitamura. Includes 5:18 video. Published at webcomponents.org on October 29, 2014
This web component wins the internet: “
<x-gif> is a web component for flexible GIF playback. Speed them up, slow them down, play them in reverse, synch multiple beats to a rhythm, synch them to audio, whatever you like.”
A project of Glen Maddern. 4 contributorsstar: 1,606 fork: 73
Don’t let web components slow your app down. Bundle your HTML imports: “Build tool for HTMLImports and Web Components. Named for the Vulcanization process that turns polymers into more durable materials.”
14 contributorsstar: 641 fork: 57
Process monitoring / self repair: “PM2 is a production process manager for Node.js applications with a built-in load balancer. Perfectly designed for microservice architecture. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.”
A project of Alexandre Strzelewicz. 89 contributors star: 7,354 fork: 584, downloads in the last month from npm: 143,912
Deep insights into the performance and health of your production apps: “What is software analytics? It’s about gaining actionable, real-time business insights from the billions of metrics your software is producing, including user click streams, mobile activity, end user experiences and transactions.”
Cross-platform web application testing with great collaboration and integration support.
“Travis CI’s build environment provides different runtimes for different languages, for instance multiple versions of Ruby, PHP, Node.js. It also comes preinstalled with a variety of data stores and common tools like message brokers.
“Continuous deployment to the following providers are currently supported out of the box — Appfog, biicode, Cloud 66, Heroku, AWS CodeDeploy, Modulus, Nodejitsu, OpenShift, cloudControl, CloudFoundry, RubyGems, AWS OpsWorks, PyPI, Divshot.io, Rackspace Cloud Files, npm, S3, Ninefold, Engine Yard, GitHub Releases, Deis, Hackage, Google Cloud Storage, packagecloud.io”
Run your CI process using the same OS configs as your production systems.
“Docker is an open platform for developers and sysadmins to build, ship, and run distributed applications. Consisting of Docker Engine, a portable, lightweight runtime and packaging tool, and Docker Hub, a cloud service for sharing applications and automating workflows, Docker enables apps to be quickly assembled from components and eliminates the friction between development, QA, and production environments.”
909 contributors star: 21,123 fork: 4,886
Docker-based hosted build / CI.
“Chris Corriveau, CTO, StockTwits: ‘If your goal is to commit code often, test it, and ship to production as fast as possible to keep up with your companies changing features and initiatives there is no better product than Shippable! Using Shippable cut down our testing time from over 20 mins to under 8 mins.’ ”
114,192 members. You can view pages or posts in areas identified as “questions, beginners, discussion, ‘show your work,’ MV* frameworks, libraries, guides/tutorials, books, widgets (jQuery, etc) and videos,” as well as shared photos and off-topic items.
“A community for html5-related stuff. Links from all around the web, new spec announcements, cool new stuff and other things.
54,747 members. You can view pages or posts in areas identified as “discussion, question, libraries & frameworks, tutorials & books and showcase,” as well as shared photos.
irc://irc.freenode.net/io.js — the Node fork
“A free, once–weekly e-mail round-up of Node.js news and articles.
“ONE e-mail each Wednesday.”
Published by Cooper Press
“A once–weekly HTML5 and Web Platform technology roundup. CSS 3, Canvas, WebSockets, WebGL, Native Client, and more.
Founder and maintainer: Frederic Cambus, advisor: Fabien Allanic
Moderated by Charles Max Wood, with regular panel members and a weekly guest
“CodePen is for web designers and front-end developers.
Created and maintained by Peter van der Zee
Organized by Andrzej Mazur
Program virtual battle bots and climb the leaderboard: “fightcodegame.com is a free-to-play game and you can create as many robots as you’d like.
“Battle against 28,320 other robots”
The legendary Node competition: “Node Knockout is the world’s biggest Node.js programming competition — a 48-hour coding contest featuring node.js”
In 2014, contestants could compete ‘virtually’ from anywhere in the world, with Knockout HQ located in San Francisco and competition sites in Chicago, Tokyo, Venice, Taipei and Reno, Nevada.
“NodeCopter.js is a fullday event where 15–60 developers team up in groups of 3.
“Each team receives one Parrot AR Drone 2.0 and spends the day programming and playing with it. At the end of the day, each team gets to present their work to the other attendees.”
“The two areas overlap a lot, but the main differences are: Espruino is a lot cheaper (1/3 of the price), Tessel has more memory, Espruino uses a lot less power so it can run for years on a battery, Tessel is faster, Tessel has WiFi built in (but you can plug WiFi or Ethernet modules into Espruino), and Tessel provides pre-made modules that can be plugged in for certain things — Espruino’s emphasis is on using standard hardware that’s available cheaply from a variety of vendors.”
“Omega is an invention platform for the Internet of Things. It comes WiFi-enabled and supports most of the popular languages such as Python and Node.JS. Omega makes hardware prototyping as easy as creating and installing software apps.”
“DigitalOcean is a platform created for developers who need to launch and scale their applications quickly. Additionally, DigitalOcean provides the perfect environment for developers to play around on the command line and learn more about customizing their own servers.
“DigitalOcean is a simple and fast cloud hosting provider built for developers. Customers can create a cloud server in 55 seconds, and pricing plans start at only $5 per month for 512MB of RAM, 20GB SSD, 1 CPU, and 1TB Transfer.”
“I created ScriptCraft to make it easier for younger programmers to
create their own Minecraft Mods. Mods are written using the
files in a directory.”
A project of Walter Higgins. 25 contributors star: 567 fork: 102
App architecture expert, Chrome dev tools champion
@addyosmani: “Engineer at Google working on Chrome, Web & Polymer • Author • Creator of TodoMVC, @Yeoman, Web Starter Kit, grunt-uncss & others • Passionate about web tooling”
Tweets: 12.4K, followers: 96.8K
Tweets: 5,278, followers: 12.6K
ES Next evangelist, author
Tweets: 15.8K, followers: 12.4K
Tweets: 26.6K, followers: 39K
Great functional programming content
Tweets: 16.4K, followers: 11.6K
Tweets: 16.2K, followers: 10.3K
News and links
Tweets: 12.7K, followers: 5,984
@_ericelliott: “Compassionate entrepreneur on a mission to end homelessness. #jshomes Bookings: @JS_Cheerleader”
Tweets: 18.3K, followers: 6,987
Great talks on RxJS, ES next, etc…
Tweets: 709, followers: 2,576
aka Substack — author of ~one million~ Node modules you probably use.
@substack: “hobbyist programmer”
Tweets: 7,902, followers: 14.5K
CSP, functional programming advocate, Mozilla developer
Tweets: 6,880, followers: 4,375
Tweets: 2,273, followers: 1,478
News and links
Tweets: 3,892, followers: 135K
Keeping us ahead of the JS curve
@ljharb: “software engineer; nerd; gamer; teacher; will try anything once; a surgeon with git rebase. @Twitter, @MobBase. Favorite punctuation: ⸮, fav scent: petrichor”
Tweets: 24.3K, followers: 2,497
Author, YDKJS — O’Reilly, JS Instructor, open web evangelist
Tweets: 65K, followers: 13.2K
Tweets: 3,062, followers: 4,325
@slicknet: “Front-end guy at @BoxHQ. Author. Speaker. Philosopher. Boston ex-pat. Lyme disease warrior. Lover of the web.”
Tweets: 14.2K, followers: 29.2K
@skilldrick: “Recovering burrito addict”
Tweets: 26K, followers: 2,081
Developer evangelist, Chrome dev tools champion
@paul_irish: “The web is awesome • I work on developer productivity for Chrome • Chrome DevTools and front-end tooling • big fan of rye whiskey, research and whimsy”
Tweets: 23.3K, followers: 159K
@raganwald: “I’m open to being told how stupid and ignorant I am. We’re on Twitter, after all. (snarfed from @littlecalculist)”
Tweets: 31.8K, followers: 10.5K
You Don’t Know JS, O’Reilly book series by Kyle Simpson
@ydkjs (see also @getify)
Tweets: 1,111, followers: 3,373
last updated: May 10, 2015