javascript.md

July 15, 2021 · View on GitHub

Bookmarks tagged [javascript]

www.codever.land/bookmarks/t/javascript

GitHub - elsewhencode/project-guidelines: A set of best practices for JavaScript projects

https://github.com/elsewhencode/project-guidelines

A set of best practices for JavaScript projects. Contribute to elsewhencode/project-guidelines development by creating an account on GitHub.

How to Format Dates in JavaScript with One Line of Code

https://www.freecodecamp.org/news/how-to-format-dates-in-javascript/

For a long time, I've used libraries like Date-fns whenever I need to format dates in JavaScript. But it gets really weird whenever I do this in small projects that require simple date formats which J...

iziToast home page

https://izitoast.marcelodolza.com/

Elegant, responsive, flexible and lightweight notification plugin with no dependencies. by Marcelo Dolza.

Deep JavaScript

https://exploringjs.com/deep-js/toc.html

Try Redis

https://try.redis.io

How to retrieve the POST query parameters using Express

https://flaviocopes.com/express-post-query-variables/

Found out how to retrieve the POST query parameters using Express

Understanding And Using REST APIs — Smashing MagazineClear SearchBack to top

https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/

Everything you need to know about REST APIs, from start to finish. How and why to use REST APIs, how to deal with headers, error messages and API versions. Let’s get started.

ECMAScript® 2022 Language Specification

https://tc39.es/ecma262/

QuickJS Javascript Engine

https://bellard.org/quickjs/quickjs.html#Main-Features

QuickJS Javascript Engine

Redis Quick Start – Redis

https://redis.io/topics/quickstart

Hashing in Action: Understanding bcrypt

https://auth0.com/blog/hashing-in-action-understanding-bcrypt/

bcrypt allows us to build a password security platform that can scale with computation power and provides us with hashing and salting mechanisms.

MongoDB Node.js Driver

https://mongodb.github.io/node-mongodb-native/

Babel · The compiler for next generation JavaScript

https://babeljs.io/

The compiler for next generation JavaScript

Modern Javascript: Everything you missed over the last 10 years by Sandro Turriate

https://turriate.com/articles/modern-javascript-everything-you-missed-over-10-years

Javascript Modules

https://exploringjs.com/es6/ch_modules.html

Good detailed overview of Javascript Modules

Hello from pnpm | pnpmMenu

https://pnpm.io/

Fast, disk space efficient package manager

For mission-critical Node.js applications

https://nodesource.com/

NodeSource products provide real-time insight into application performance and security, empowering organizations to successfully operationalize Node.js

OpenJS Certification and Training Programs - OpenJS Foundation

https://openjsf.org/certification/

Introduction to Node.js

https://nodejs.dev/learn

Getting started guide to Node.js, the server-side JavaScript runtime environment. Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it...

Introduction to Node.js

https://nodejs.dev/learn/

Getting started guide to Node.js, the server-side JavaScript runtime environment. Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it...

Stage - JSWorld Conference USA

https://live.jsworldconference.com/stage/live

United States's Premier Javascript Conference of 2021.

JSWORLD Conference USA

https://usa.jsworldconference.com/

JSworld Conference USA by Frontend Love takes place Friday 21st May 2021 with our first United States Sole Focussed JavaScript Conference.

How I added Dark Mode to my website

https://flaviocopes.com/dark-mode/

The step by step instructions to make 2 versions of your website, to make it perfect for both day and night use

GitHub - jsdom/jsdom

https://github.com/jsdom/jsdom

jsdom is a pure-JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards, for use with Node...

leonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know.

https://github.com/leonardomso/33-js-concepts

This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies. It is based on an article written by ...

33 Fundamentals Every JavaScript Developer Should Know | by Stephen Curtis

https://medium.com/@stephenthecurt/33-fundamentals-every-javascript-developer-should-know-13dd720a90...

The article lists 33 core concepts to understand to really get Javascript

Efficiently load JavaScript with defer and async

https://flaviocopes.com/javascript-async-defer/

When loading a script on an HTML page, you need to be careful not to harm the loading performance of the page. Depending on where and how you add your scripts to an HTML page will influence the loadin...

You Might Not Need Laravel Mix - Stage Right Labs

https://stagerightlabs.com/blog/you-might-not-need-laravel-mix

An alternative to Laravel Mix for compiling JS and CSS especially Tailwind CSS. The compiler is ESBUILD

ThatAPICompany – Creating API First, Data Driven Companies.

https://thatapicompany.com/

How the new ‘Top Level Await’ feature works in JavaScript | by Kesk -*- | JavaScript in Plain English

https://javascript.plainenglish.io/javascript-top-level-await-in-a-nutshell-4e352b3fc8c8

Previously, in order to use await, code needed to be inside a function marked as async. This meant that you couldn’t use await outside any function notation. Top-level await enables modules to act…

Building a CLI with Deno 🦕 | learning as we go

https://alexandrempsantos.com/deno/build-a-cli-with-deno/

How to build and distribute a CLI with Deno that fetches the weather for a specific location

Deno - Everything I know

https://wiki.nikitavoloboev.xyz/web/deno

GreenSock

https://greensock.com/

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Craig Buckler - A first look at Deno - 27min

https://youtu.be/JEv4qntldi8

Node.js is a cross-platform JavaScript runtime developed by Ryan Dahl using Chrome's V8 engine. It has been one of the most successful web technologies of the past decade. Deno is a new cross-platform...

Deno, a Secure Runtime for JavaScript and TypeScript

https://youtu.be/doug6st5vAs

Deno is a runtime for JavaScript and TypeScript that is based on the V8 JavaScript engine and the Rust programming language. It was created by Ryan Dahl, original creator of Node.js, and is focused on...

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU

https://youtu.be/428ejtNbd5A

Deno, a new way to JavaScript. Ryan Dahl. JS Fest 2019 Spring

https://invidious.snopyta.org/watch?v=z6JRlx5NC9E

The JavaScript Bootcamp

https://thejsbootcamp.com/

JSPM - ES Module Package Manager and CDN - jspm.org

https://jspm.org/

Skypack: search millions of open source JavaScript packages

https://www.skypack.dev/

Search millions of open source JavaScript packages on Skypack. Free to use.

jsDelivr - A free, fast, and reliable CDN for open source

https://www.jsdelivr.com/

Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month.

Deno - A secure runtime for JavaScript and TypeScriptMenu | DenoGithub | Deno

https://deno.land/

Docusaurus home page

https://docusaurus.io/

An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.

My SPLASH Keynote on "the JavaScript World Domination Plan at 16 Years." Brendan Eich

https://www.slideshare.net/BrendanEich/splash-9915475

My SPLASH Keynote on "the JavaScript World Domination Plan at 16 Years."

Brendan Eich: JavaScript, Firefox, Mozilla, and Brave | Lex Fridman Podcast #160 - Invidious

https://invidious.snopyta.org/watch?v=krB0enBeSiE

Safe integers in JavaScript

https://2ality.com/2013/10/safe-integers.html

Stripe Currency - Are all amounts in cents / 100ths, or does it depend on currency?

https://stackoverflow.com/questions/35326710/stripe-currency-are-all-amounts-in-cents-100ths-or-does...

How to handle precision and rounding errors in currency?

https://stackoverflow.com/questions/39256662/how-to-handle-precision-and-rounding-errors-in-currency...

RunJS - A playground for JavaScript and TypeScriptTwitter iconGitHub iconProduct Hunt icon

https://runjs.app/

RunJS is a modern JavaScript and TypeScript playground, displaying instant results as you type and providing access to Node and browser APIs.

Node.js

https://nodejs.org/en/

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

V8 JavaScript engine

https://v8.dev/

V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.

prettier-atom

https://atom.io/packages/prettier-atom

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

Add Items with Javascript DOM

https://codepen.io/bradtraversy/pen/Bwapow

Learn how to add items to a list dynamically based on user input with JavaScript and the DOM.

sohamkamani/javascript-design-patterns-for-humans

https://github.com/sohamkamani/javascript-design-patterns-for-humans

An ultra-simplified explanation of design patterns implemented in javascript

How to Set Expiry Time (TTL) for LocalStorage With Javascript

https://www.sohamkamani.com/blog/javascript-localstorage-with-ttl-expiry/

This post will explain how to implement expiry times for items stored in the browsers localStorage.

rollup.js home page

https://rollupjs.org/guide/en/

Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code mod...

Broken Promises - James Snell, NearForm - 33min

https://www.youtube.com/watch?v=XV-u_Ow47s0

When a customer comes to us with a complaint that their code is running slowly, our first question has become, "Are you using Promises?". When they predictably tell us yes, our response has become, "Y...

IdentityModel/oidc-client-js

https://github.com/IdentityModel/oidc-client-js/

OpenID Connect (OIDC) and OAuth2 protocol support for browser-based JavaScript applications

GitHub - appcypher/awesome-wasm-langs: 😎 A curated list of languages that compile directly to or have their VMs in WebAssembly

https://github.com/appcypher/awesome-wasm-langs

😎 A curated list of languages that compile directly to or have their VMs in WebAssembly - appcypher/awesome-wasm-langs

List of languages that compile to JS · jashkenas/coffeescript Wiki · GitHub

https://github.com/jashkenas/coffeescript/wiki/list-of-languages-that-compile-to-js

Unfancy JavaScript. Contribute to jashkenas/coffeescript development by creating an account on GitHub.

websockets/ws home page

https://github.com/websockets/ws

Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js

Top Web Development Tools for Building Business Applications in 2021 | Hacker Noon

https://hackernoon.com/top-web-development-tools-for-building-business-applications-in-2021-0n1234pe...

Top Frontend Frameworks - KeyCDN

https://www.keycdn.com/blog/frontend-frameworks

Taimoor Sattar | tech articles and entrepreneur

https://taimoorsattar.dev

I’m a full-stack developer. I write about tech articles and entrepreneur. I write about content that more related to problem-solving related to programming, money, and the latest trends.

Stimulus: A modest JavaScript framework for the HTML you already have.

https://stimulus.hotwire.dev/

Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment y...

PixelCraft: A Pixel Art Editor

https://github.com/rgab1508/PixelCraft

PixelCraft A pixel Art & Animation Creation Tool Built using HTML5 Canvas.
It is a Progressive Web App (PWA) with offline compatibility.
It is mobile-friendly and is very easy to use.

![Pixel...

JavaScript ES2020 has Arrived. Looking at the top new features of… | by Taran | codeburst

https://codeburst.io/javascript-es2020-is-here-360a8304b0e6

10 JavaScript Hacks Every Web Developer Should Know

https://www.freecodecamp.org/news/javascript-hacks/

Do This Not That, JavaScript Edition

https://medium.com/young-coder/do-this-not-that-javascript-edition-72d0efaa5c65

Mousetrap - Keyboard shortcuts in Javascript

https://craig.is/killing/mice

A simple library for handling keyboard shortcuts in Javascript

The Smart Coder

https://thesmartcoder.dev/9-popular-github-repos-for-every-web-developer/

Useful tools, inspiring examples, and more...

The HTML presentation framework - reveal.js home page

https://revealjs.com/

Documentation and demos for the open source reveal.js HTML presentation framework. Slides, slideshow, ppt, presentations

Justin Searls – Please don’t mock me - 51min

https://www.youtube.com/watch?v=Af4M8GMoxi4

Confusion over test doubles starts with what to even call them. You might know them as stubs, proxies, mocks, or spies (but I call them test doubles, because a book you've probably never read declared...

GitHub - cobidev/simplefolio: ⚡️ A minimal portfolio template for Developers

https://github.com/cobidev/simplefolio

⚡️ A minimal portfolio template for Developers. Contribute to cobidev/simplefolio development by creating an account on GitHub.

Comparing the top 3 Javascript testing frameworks

https://dev.to/heroku/comparing-the-top-3-javascript-testing-frameworks-2cco

In this article, I'm going to compare three popular frameworks—Mocha, Jest, and Jasmine—to help you make a more informed decision. I'll look at how these frameworks handle common test scenarios, such ...

GitHub - lydiahallie/javascript-questions

https://github.com/lydiahallie/javascript-questions

A long list of (advanced) JavaScript questions, and their explanations :sparkles:

GitHub - ryanmcdermott/clean-code-javascript

https://github.com/ryanmcdermott/clean-code-javascript

:bathtub: Clean Code concepts adapted for JavaScript

GraphQL Server Basics: GraphQL Schemas, TypeDefs & Resolvers Explained | Prisma

https://www.prisma.io/blog/graphql-server-basics-the-schema-ac5e2950214e

In this article, we unveiled the mechanics and inner workings of a GraphQL execution engine. Starting with the GraphQL schema which defines the API of the server and determines what queries and mutati...

DataLoader – Source code walkthrough - 34min

https://www.youtube.com/watch?v=OQTnXNCDywA

DataLoader is a utility for batching and caching loaded data in your web service. Learn how it works with a walkthrough of its source code.

Getting Started With GraphQL.js - home page

https://graphql.org/graphql-js/

The JavaScript reference implementation for GraphQL

Breaking up the monolith: A layered GraphQL architecture - Johannes Schickling @ GraphQL Europe 2018 - 17min

https://www.youtube.com/watch?v=_MmyTahR9ok

Learn how GraphQL helps you build, clean & layered-architectures with a clear separation of concerns.

JavaScript Open Source Awards 2020 Distinguishes Six Impactful Projects

https://www.infoq.com/news/2020/10/js-open-source-award-2020/

Since 2018, the JavaScript Open Source Awards distinguishes impactful open-source projects across four categories every year— Breakthrough of the Year, The Most Exciting Use of Technology, Fun Side Pr

  • :calendar: published on: 2020-10-20
  • tags: javascript

Parcel home page

https://parceljs.org/

Blazing fast, zero configuration web application bundler

mozilla/web-ext

https://github.com/mozilla/web-ext

This is a command line tool to help build, run, and test WebExtensions.

GitHub - standard/standard

https://github.com/standard/standard

🌟 JavaScript Style Guide, with linter & automatic code fixer - standard/standard

In depth: Microtasks and the JavaScript runtime environment

https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide/In_depth

When debugging or, possibly, when trying to decide upon the best approach to solving a problem around timing and scheduling of tasks and microtasks, there are things about how the JavaScript runtime o...

Tasks, microtasks, queues and schedules

https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/

When I told my colleague Matt Gaunt I was thinking of writing a piece on microtask queueing and execution within the browser's event loop, he said "I'll be honest with you Jake, I'm not going to read ...

GitHub - TheAlgorithms/Javascript

https://github.com/TheAlgorithms/Javascript

A repository for All algorithms implemented in Javascript (for educational purposes only) - TheAlgorithms/Javascript

GitHub - trekhleb/javascript-algorithms

https://github.com/trekhleb/javascript-algorithms

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

GitHub - aFarkas/lazysizes

https://github.com/aFarkas/lazysizes

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without co...

GitHub - thedaviddias/Front-End-Checklist

https://github.com/thedaviddias/Front-End-Checklist

The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

GitHub - dexteryy/spellbook-of-modern-webdev

https://github.com/dexteryy/spellbook-of-modern-webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

Learn JavaScript by doing it

https://jskatas.org/#bundle-es6-katas

GitHub - grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.

https://github.com/grab/front-end-guide

📚 Study guide and introduction to the modern front end stack. - grab/front-end-guide

You Don't Know Node - ForwardJS San Francisco - 35min

https://www.youtube.com/watch?v=oPo4EQmkjvY

"Before you bury yourself in packages, learn the NodeJS runtime itself. This talk will challenge the very limits of your NodeJS knowledge,"

Samer Buna Presented at ForwardJS, July 26 & 27, 2017

Saving and scraping a website with Puppeteer

https://fettblog.eu/scraping-with-puppeteer/

For some of my performance audits I need an exact copy of the webpage as it is served by my clients infrastructure. In some cases, it can be hard to get to the actual artefact. So it’s easier to fetch...

How to generate PDF of a website page with Node.js - JavaScript In Plain English - Medium

https://medium.com/javascript-in-plain-english/generate-best-quality-pdf-of-any-webpage-html-page-in...

In this article, we will see how easy it is to generate PDF of any webpage using Nodejs and send the generated pdf back to the client side application. We will use puppeteer tool which is a headless c...

Stranger Things, JavaScript Edition

https://livecodestream.dev/post/2020-06-03-stranger-things-javascript-edition/

Everything related to Programming, AI and computer science!

kubernetes-basicLearning/readme.md at master · knrt10/kubernetes-basicLearning · GitHub

https://github.com/knrt10/kubernetes-basicLearning/blob/master/readme.md

Understand kubernetes step by step. A simple repo for beginners :fire: - knrt10/kubernetes-basicLearning

Checking event target selectors with event bubbling in vanilla JavaScript

https://gomakethings.com/checking-event-target-selectors-with-event-bubbling-in-vanilla-javascript/

Event bubbling is an approach to listening for events that’s better for performance and gives you a bit more flexibility.

Instead of adding event listeners to specific elements, you listen to all eve...

Bubbling and capturing

https://javascript.info/bubbling-and-capturing#bubbling

The bubbling principle is simple.

When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up on other ancestors.

Building a Custom Right-Click (Context) Menu with JavaScript — SitePoint

https://www.sitepoint.com/building-custom-right-click-context-menu-javascript/

Web applications, as opposed to just informational websites, are being more and more utilised as the web continues to mature. Two cutting edge and leading examples of web applications are Gmail and Dr...

https://metroui.org.ua/

Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful ...

Lesser-Known JavaScript Hazards - Better Programming - Medium

https://medium.com/better-programming/lesser-known-javascript-hazards-8d688a463b1f

JavaScript has been getting a lot of new, sugary features ever since we got over Harmony. While more features can allow us to write readable, high-quality code, it’s also easy to go overboard with…

Lerna · A tool for managing JavaScript projects with multiple packages.

https://lerna.js.org/

Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and ...

How can I remove a specific item from an array?

https://stackoverflow.com/questions/5767325/how-can-i-remove-a-specific-item-from-an-array

const array = [2, 5, 9];

console.log(array);

const index = array.indexOf(5);
if (index > -1) {
  array.splice(index, 1);
}

// array = [2, 9]
console.log(array);

Jake Archibald: In The Loop - JSConf.Asia - 35min

https://www.youtube.com/watch?v=cCOL7MC4Pl0

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found ...

Using files from web applications - Web APIs | MDN

https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications

Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ask the user to select local files and then read the contents of those files. This selection can be done b...

Cut and Copy Commands  |  Web  |  Google Developers

https://developers.google.com/web/updates/2015/04/cut-and-copy-commands

IE10 and above added support for the 'cut' and 'copy' commands through the Document.execCommand() method. As of Chrome version 43, these commands are also supported in Chrome.

Any text selected in th...

Ace - The High Performance Code Editor for the Web - Home Page

https://ace.c9.io/

Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaS...

Daily Dev Tips just for you - Daily Dev Tips

https://daily-dev-tips.com

Daily Dev Tips

Daily dev tips for the development community!

Get a daily development tip easy and simple to understand.

Exploring set, get and Object.defineProperty in TypeScript

https://ultimatecourses.com/blog/typescript-setters-getter

When working with Javascript or TypeScript, you may have seen the set and get keywords being thrown around in various blogs or codebases - and they’re extremely useful for parsing or modifying dat...

toniov/p-iteration: Utilities that make array iteration easy when using async/await or Promises

https://github.com/toniov/p-iteration

Uppy

https://uppy.io/

Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.

Uploading Photos to Amazon S3: Full Code - AWS SDK for JavaScript

https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html

This browser script code example shows:

  • How to create a browser application that allows users to create photo albums in an Amazon S3 bucket and upload photos into the albums.
  • tags: aws-sdk, javascript, amazon-s3

Learn React Basics in 10 Minutes

https://www.freecodecamp.org/news/learn-react-basics-in-10-minutes/

A quick overview of React basics: what it is, how it works, why we need it, and what we can build with it. Learn it all in the time it takes to drink a cup of coffee!

GitHub - brix/crypto-js home page

https://github.com/brix/crypto-js

JavaScript library of crypto standards. Contribute to brix/crypto-js development by creating an account on GitHub.

Explore Javascript on AWS

https://aws.amazon.com/developer/language/javascript/

Are you a seasoned AWS developer? Just getting started with AWS? Regardless, if your favorite programming language is JavaScript, then get started here with 10-minute tutorials, technical blog posts, ...

Luxon home page

https://moment.github.io/luxon/

A powerful, modern, and friendly wrapper for Javascript dates and times.

Apply instant loading with the PRPL pattern

https://web.dev/apply-instant-loading-with-prpl/

PRPL is an acronym that describes a pattern used to make web pages load and become interactive, faster. In this guide, learn how each of these techniques fit together but still can be used independent...

Reduce JavaScript payloads with code splitting

https://web.dev/reduce-javascript-payloads-with-code-splitting/

Sending large JavaScript payloads impacts the speed of your site significantly. Instead of shipping all the JavaScript to your user as soon as the first page of your application is loaded, split your ...

What is the JAMstack and how do I get started?

https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/

Starting With React? Benefit From These Coding Tips

https://levelup.gitconnected.com/starting-with-react-benefit-from-these-coding-tips-fadfb25eaed7

Are you new to React? Or are you looking for just a little more information before you are really going to dive into the adventure of learning this Javascript library? You’re probably not the only…

What is the JAMstack? - Better Programming - Medium

https://medium.com/better-programming/what-is-the-jamstack-d3f854919ab6

According to jamstack.org, JAM — which stands for JavaScript, APIs, and Markup — isn’t about specific technologies, but rather: That all sounds great, but how is it different from its predecessors…

Why JavaScript is Eating HTML | CSS-Tricks

https://css-tricks.com/why-javascript-is-eating-html/

Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom

uuidjs/uuid: Generate RFC-compliant UUIDs in JavaScript

https://github.com/uuidjs/uuid

Simple, fast generation of RFC4122 UUIDs.

Features:

  • Support for version 1, 3, 4 and 5 UUIDs
  • Cross-platform: CommonJS build for Node.js and [ECMAScript Modu...

JavaScript Resources | JSArray.com

https://jsarray.com/

Awesome curated links of JavaScript resources

Closures - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an oute...

Getting Acquainted With Svelte, the New Framework on the Block | CSS-Tricks

https://css-tricks.com/getting-acquainted-with-svelte-the-new-framework-on-the-block/

Bit.dev

https://bit.dev/

Easily share reusable components between projects and applications to build faster as a team. Collaborate to develop, publish and manage components and modules at any scale without overhead. Discover ...

Array reduce vs chaining vs for loop

https://kentcdodds.com/blog/array-reduce-vs-chaining-vs-for-loop

A comparison of different approaches to operating on an array

Master the JavaScript Interview: What is Functional Programming?

https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7...

Functional programming has become a really hot topic in the JavaScript world. Just a few years ago, few JavaScript programmers even knew what functional programming is, but every large application cod...

GitHub - bradtraversy/vanillawebprojects

https://github.com/bradtraversy/vanillawebprojects

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries - bradtraversy/vanillawebprojects

💡🎁 JavaScript Visualized: Generators and Iterators - DEV Community 👩‍💻👨‍💻

https://dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36

Tagged with javascript, node.

SortableJS Home Page

https://sortablejs.github.io/Sortable/

JavaScript library for reorderable drag-and-drop lists

GitHub - epoberezkin/fast-deep-equal

https://github.com/epoberezkin/fast-deep-equal

The fastest deep equality check with Date, RegExp and ES6 Map, Set and typed arrays support - epoberezkin/fast-deep-equal

What I Learned From Creating My First Open-Source Software Project

https://medium.com/better-programming/things-i-learned-from-creating-my-first-open-source-software-p...

I recently published a package on npm: a data-structures-and-algorithms library implemented in JavaScript. The purpose of the project is to help others learn and understand data structures and…

[

React Native is the Future of Mobile at Shopify



  – Shopify Engineering

](https://engineering.shopify.com/blogs/engineering/react-native-future-mobile-shopify) https://engineering.shopify.com/blogs/engineering/react-native-future-mobile-shopify

After years of native mobile development, we’ve decided to build all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly.

Standard built-in objects - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

This chapter documents all of JavaScript's standard, built-in objects, including their methods and properties.

The React Cheatsheet for 2020 📄‬ (+ real-world examples) - DEV Community 👩‍💻👨‍💻

https://dev.to/codeartistryio/the-react-cheatsheet-for-2020-real-world-examples-4hgg

Composing Software: An Introduction - JavaScript Scene - Medium

https://medium.com/javascript-scene/composing-software-an-introduction-27b72500d6ea

This isn’t about functional programming (FP) vs object-oriented programming (OOP), or one language vs another. Components can take the form of functions, data structures, classes, etc… Different progr...

JS Comparison Table

https://dorey.github.io/JavaScript-Equality-Table/

Moral of the story: Always use 3 equals unless you have a good reason to use 2.

Object comparison in JavaScript

https://stackoverflow.com/questions/1068834/object-comparison-in-javascript

Unfortunately there is no perfect way, unless you use proto recursively and access all non-enumerable properties, but this works in Firefox only.

So the best I can do is to guess usage scenarios.

...

The history of “typeof null”

https://2ality.com/2013/10/typeof-null.html

In JavaScript, typeof null is 'object', which incorrectly suggests that null is an object (it isn’t, it’s a primitive value, consult my blog post on categorizing values for details). This is a bug and...

  • :calendar: published on: 2013-11-05
  • tags: javascript

The JAMstack in 2020: Why (and How) to Get Started - Snipcart

https://snipcart.com/blog/jamstack

JAMstack beginner? Start here. We cover basics, how to get started, and how to sell it to clients. Bonus: a curated list of JAMstack resources.

Secrets of the JavaScript Object API

https://areknawo.com/secrets-of-the-javascript-object-api/

What the Heck is React Hooks? — Soshace • Soshace

https://blog.soshace.com/what-the-heck-is-react-hooks/

In this article, you'll learn what a React Hook is, the benefits and how to use it in your react application.

Deploy Your Web App Using Only Free Resources [A How To Guide] - By Alex Baas

https://hackernoon.com/how-to-publish-your-website-at-no-costs-u64q31n9?source=rss

https://brainhub.eu/blog/node-js-open-source-projects-2019/

Wondering if you missed out on any hot trends and projects this year? See our post and discover the most trending Node.js open source projects of 2019.

How much JavaScript do you need to know to use Node.js?

https://nodejs.dev/how-much-javascript-do-you-need-to-know-to-use-nodejs

As a beginner, it's hard to get to a point where you are confident enough in your programming abilities.

While learning to code, you might also be confused at where does JavaScript end, and where Nod...

JavaScript Timers - 11min

https://www.youtube.com/watch?v=YmaFAKUFmp0

Timing in JavaScript with setTimeout, setInterval and requestAnimationFrame

How JavaScript works in browser and node? - ITNEXT

https://itnext.io/how-javascript-works-in-browser-and-node-ab7d0d09ac2f

There are many passionate developers, working on front-end or back-end, devote their life to protect realm of JavaScript. JavaScript is very easy to understand and is a essential part of front-end dev...

Loupe

http://latentflip.com/loupe/

Loupe is a little visualisation to help you understand how JavaScript's call stack/event loop/callback queue interact with each other.

[Video - What the heck is the event loop anyway? | Philip Robert...

“Copy to Clipboard” Made Easy with Clipboard.js

https://webdesign.tutsplus.com/tutorials/copy-to-clipboard-made-easy-with-clipboardjs--cms-25086

Owing to browser restrictions, adding copy functionality to web pages used to be a real hassle. Most developers had to resort to a library dependant on Flash, like Clippy, for example. Fortunately now...

Why you should have ditched IE support long ago...

https://areknawo.com/why-you-should-have-ditched-ie-support-long-ago/

Is Internet Explorer still relevant in 2020? And if so, should you bother to support it? Checking out IE history, JavaScript, HTML and CSS features & more!

10 Best YouTube Channels to Learn Web Development - ReadWrite

https://readwrite.com/2019/12/17/10-best-youtube-channels-to-learn-web-development/

One of the best ways to learn to code without spending any money is by subscribing to web developer masters on Youtube. 

How not to go wrong when choosing a static website generator? Gatsby vs Jekyll

https://medium.com/javascript-in-plain-english/how-not-to-go-wrong-when-choosing-a-static-website-ge...

ES-Everything: an ECMA Explainer

https://www.matthewgerstman.com/tech/es-everything/

8 Essential Tips To Make Your JavaScript Code Perform Faster - By Mosh

https://hackernoon.com/8-essential-tips-to-make-your-javascript-code-perform-faster-6nr320p?source=r...

Best JavaScript Static Sites Generators to look out for in 2020

https://areknawo.com/best-javascript-static-sites-generators-to-look-out-for-in-2020/

Javascript Hidden Classes and Inline Caching in V8

https://richardartoul.github.io/jekyll/update/2015/04/26/hidden-classes.html

Optimization takeaways

  1. Always instantiate your object properties in the same order so that hidden classes, and subsequently optimized code, can be shared.
  2. Adding properties to an object after i...

The Vanilla JS Podcast

https://vanillajspodcast.com/

A show about JavaScript for people who hate the complexity of modern front‑end web development.

iamkun/dayjs home page

https://github.com/iamkun/dayjs

⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API

validatorjs/validator.js: String validation

https://github.com/validatorjs/validator.js

A library of string validators and sanitizers.

date-fns - modern JavaScript date utility library

https://date-fns.org/

date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

Monitoring Node.js: Watch Your Event Loop Lag! - David Hettler 🥨

https://davidhettler.net/blog/event-loop-lag/

In this blog post you will learn what event loop lag is, how it affects performance and why you should include this metric in your performance monitoring dashboards (if you haven’t already). Event loo...

The Modern JavaScript Tutorial

https://javascript.info/

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

Javascript Compressor - compress code online for free

https://javascriptcompressor.com/

Online Javascript compressor Compress and obfuscate Javascript code online completely free using this compressor.

Ryan Dahl. Deno, a new way to JavaScript. JS Fest 2019 Spring - 59min

https://www.youtube.com/watch?v=z6JRlx5NC9E

From async-await to ArrayBuffers, the JavaScript language has changes significantly in the decade since Node.js was designed. Deno takes advantage of these developments and incorporate lessons learned...

Regular Expressions - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

Regular expressions are patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the exec and test methods of RegExp,...

JavaScript regular expressions cheatsheet and examples

https://dev.to/learnbyexample/javascript-regular-expressions-cheatsheet-and-examples-4jg7

Overview of JavaScript regular expression syntax and features

ES6 In Depth: Arrow functions - Mozilla Hacks - the Web developer blog

https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/

ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short.

StrongLoop - Asynchronous Error Handling in Express with Promises, Generators and ES7

https://strongloop.com/strongblog/async-error-handling-expressjs-es7-promises-generators/

This article focuses on effective ways to capture and handle errors using error-handling middleware in Express.

Scope in JavaScript - Digital Web

http://www.digital-web.com/articles/scope_in_javascript/

Scope is one of the foundational aspects of the JavaScript language, and probably the one I’ve struggled with the most when building complex programs. I can’t count the number of times I’ve lost track...

  • :calendar: published on: 2006-09-11
  • tags: javascript

ecmascript 6 - What do multiple arrow functions mean in javascript? - Stack Overflow

https://stackoverflow.com/questions/32782922/what-do-multiple-arrow-functions-mean-in-javascript

OK, now that we understand how that works, let's look at your code ...

javascript - Promise constructor with reject call vs throwing error - Stack Overflow

https://stackoverflow.com/questions/28703241/promise-constructor-with-reject-call-vs-throwing-error?...

A crash course in just-in-time (JIT) compilers - Mozilla Hacks - the Web developer blog

https://hacks.mozilla.org/2017/02/a-crash-course-in-just-in-time-jit-compilers/

JavaScript started out slow, but then got faster thanks to something called the JIT. But how does the JIT work?

The 80/20 Guide to Async/Await in Node.js

http://thecodebarbarian.com/80-20-guide-to-async-await-in-node.js

Arguably the biggest new feature in Node.js 7.6.0 is that the much awaited async function keyword is now available without a flag. Callback hell and promise hell are now in the past. But, like Uncle B...

Async Await Error Handling in JavaScript

https://thecodebarbarian.com/async-await-error-handling-in-javascript

Error handling in async/await causes a lot of confusion. There are numerous patterns for handling errors in async functions, and even experienced developers sometimes get it wrong.

Suppose you have a...

Introduction to ES6 Promises - 4 functions to avoid callback hell

http://jamesknelson.com/grokking-es6-promises-the-four-functions-you-need-to-avoid-callback-hell/

Apart from being new and shiny, Promises are a great way to clean up your code, reduce dependencies on external libraries, and prepare yourself for async and await in ES7. Developers who use them swea...

Svelte Home Page

https://svelte.dev/

Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.

ESLint - Pluggable JavaScript linter

https://eslint.org/

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

GitHub - Marak/faker.js Home Page

https://github.com/marak/Faker.js/

generate massive amounts of realistic fake data in Node.js and the browser - Marak/faker.js

TypeORM Home Page

http://typeorm.io/

ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms...

Basic JavaScript: Accessing Nested Objects | Learn freeCodeCamp

https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/accessing-...

Learn to code with free online courses, programming projects, and interview preparation for developer jobs.

Basic JavaScript: Accessing Object Properties with Bracket Notation | Learn freeCodeCamp

https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/accessing-...

Learn to code with free online courses, programming projects, and interview preparation for developer jobs.

Rich Harris - Rethinking reactivity - YouTube

https://www.youtube.com/watch?v=AdNJ3fydeao

Modern JavaScript frameworks are all about reactivity. Change your application's state, and the view updates automatically. But there's a catch — tracking state changes at runtime adds overhead that e...

Evan You on Vue.js: Seeking the Balance in Framework Design | JSConf.Asia 2019 - YouTube

https://www.youtube.com/watch?v=ANtSWq-zI0s

As the author of Vue, I often get asked on how the major JavaScript frameworks today differ from one another. Typically people expect technical details: size, performance, ecosystem... but to me, what...

An Introduction to Elm

https://guide.elm-lang.org/

Elm is a functional language that compiles to JavaScript. It competes with projects like React as a tool for creating websites and web apps. Elm has a very strong emphasis on simplicity, ease-of-use, ...

MobX Home Page

https://mobx.js.org/

Simple, scalable state management

Front End Happy Hour

http://frontendhappyhour.com/

A podcast featuring a panel of Software Engineers from Netflix, Evernote, Atlassian & LinkedIn talking over drinks about all things Front End development.

ES6 In Depth: Destructuring - Mozilla Hacks

https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/

What is destructuring assignment?

Destructuring assignment allows you to assign the properties of an array or object to variables using syntax that looks similar to array or object literals. This...

  • :calendar: published on: 2015-05-28
  • tags: javascript

Syntax.fm

https://syntax.fm/

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like Rea...

deep-freeze

https://github.com/substack/deep-freeze

Recursively Object.freeze() on objects and functions - substack/deep-freeze

Flow - A Static Type Checker for JavaScript

https://flow.org/

A Static Type Checker for JavaScript

Real Talk Javascript Podcast

https://realtalkjavascript.simplecast.com/

Dive into JavaScript and Web development stories with hosts John Papa, Ward Bell, and Dan Wahlin. A weekly podcast where we tackle the challenges facing Web developers today and invite expert guests o...

JS Party Podcast

https://changelog.com/jsparty

A community celebration of JavaScript and the web.

11.2: Bookmarklets - Programming with Text - YouTube

https://www.youtube.com/watch?v=DloHqUfPbJc

In this video, I cover Bookmarklets, a simple way to modify run JavaScript code to modify browser content via a bookmark button.

restangular

https://github.com/mgonto/restangular

AngularJS service to handle REST API properly and easily.

restful.js

https://github.com/marmelab/restful.js

JS client for interacting with server-side RESTful resources.

traverson

https://github.com/basti1302/traverson

A Hypermedia API/HATEOAS Client for Node.js and the Browser

raml-client-generator

https://github.com/mulesoft/raml-client-generator

Generates static client libs for js.

What’s new in JavaScript (Google I/O ’19) - YouTube

https://www.youtube.com/watch?v=c0oy0vQKEZE

This presentation gives an overview of cutting-edge JavaScript development techniques to build modern web and Node.js apps. Discover which features to expect in Chrome and Node.js soon, how the V8 eng...

npm

https://www.npmjs.com/

npm is the package manager for javascript.

Bower

https://github.com/bower/bower

A package manager for the web.

component

https://github.com/componentjs/component

Client package management for building better web applications.

spm

https://github.com/spmjs/spm

Brand new static package manager.

jam

https://github.com/caolan/jam

A package manager using a browser-focused and RequireJS compatible repository.

jspm

https://github.com/jspm/jspm-cli

Frictionless browser package management.

Ender

https://github.com/ender-js/Ender

The no-library library.

volo

https://github.com/volojs/volo

Create front end projects from templates, add dependencies, and automate the resulting projects.

Duo

https://github.com/duojs/duo

Next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.

yarn

https://yarnpkg.com/

Fast, reliable, and secure dependency management.

RequireJS

https://github.com/requirejs/requirejs

A file and module loader for JavaScript.

SeaJS

https://github.com/seajs/seajs

A Module Loader for the Web.

HeadJS

https://github.com/headjs/headjs

The only script in your HEAD.

curl

https://github.com/cujojs/curl

A small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.

lazyload

https://github.com/rgrove/lazyload/

Tiny, dependency-free async JavaScript and CSS loader.

script.js

https://github.com/ded/script.js

Asyncronous JavaScript loader and dependency manager.

systemjs

https://github.com/systemjs/systemjs

AMD, CJS & ES6 spec-compliant module loader.

LodJS

https://github.com/yanhaijing/lodjs

Module loader based on AMD

ESL

https://github.com/ecomfe/esl

Module loader browser first, support lazy define and AMD.

modulejs

https://github.com/lrsjng/modulejs

Lightweight JavaScript module system.

browserify

https://github.com/substack/node-browserify

Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

mocha

https://github.com/mochajs/mocha

Simple, flexible, fun javascript test framework for node.js & the browser.

jasmine

https://github.com/jasmine/jasmine

DOM-less simple JavaScript testing framework.

qunit

https://github.com/jquery/qunit

An easy-to-use JavaScript Unit Testing framework.

prova

https://github.com/azer/prova

Node & Browser test runner based on Tape and Browserify

DalekJS

https://github.com/dalekjs/dalek

Automated cross browser functional testing with JavaScript

Protractor

https://github.com/angular/protractor

Protractor is an end-to-end test framework for AngularJS applications.

ava

https://github.com/avajs/ava

🚀 Futuristic JavaScript test runner

chai

https://github.com/chaijs/chai

BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.

Enzyme

http://airbnb.io/enzyme/index.html

Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.

react testing library

https://github.com/kentcdodds/react-testing-library

Simple and complete React DOM testing utilities that encourage good testing practices.

expect.js

https://github.com/Automattic/expect.js

Minimalistic BDD-style assertions for Node.JS and the browser.

istanbul

https://github.com/gotwarlost/istanbul

Yet another JS code coverage tool.

blanket

https://github.com/alex-seville/blanket

A simple code coverage library for javascript. Designed to be easy to install and use, for both browser and nodejs.

JSCover

https://github.com/tntim96/JSCover

JSCover is a tool that measures code coverage for JavaScript programs.

phantomjs

https://github.com/ariya/phantomjs

Scriptable Headless WebKit.

slimerjs

https://github.com/laurentj/slimerjs

A PhantomJS-like tool running Gecko.

casperjs

https://github.com/casperjs/casperjs

Navigation scripting & testing utility for PhantomJS and SlimerJS.

zombie

https://github.com/assaf/zombie

Insanely fast, full-stack, headless browser testing using node.js.

totoro

https://github.com/totorojs/totoro

A simple and stable cross-browser testing tool.

karma

https://github.com/karma-runner/karma

Spectacular Test Runner for JavaScript.

yolpo

http://www.yolpo.com

A statement-by-statement javascript interpreter in the browser.

prettier

https://github.com/prettier/prettier

Prettier is an opinionated code formatter.

JSHint

https://github.com/jshint/jshint/

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code.

jscs

https://github.com/jscs-dev/node-jscs

JavaScript Code Style checker.

jsfmt

https://github.com/rdio/jsfmt

For formatting, searching, and rewriting JavaScript.

jsinspect

https://github.com/danielstjules/jsinspect

Detect copy-pasted and structurally similar code.

buddy.js

https://github.com/danielstjules/buddy.js

Magic number detection for JavaScript.

ESLint

https://github.com/eslint/eslint

A fully pluggable tool for identifying and reporting on patterns in JavaScript.

JSLint

https://github.com/douglascrockford/JSLint

High-standards, strict & opinionated code quality tool, aiming to keep only good parts of the language.

angular.js

https://github.com/angular/angular.js

HTML enhanced for web apps.

aurelia

http://aurelia.io

A Javascript client framework for mobile, desktop and web.

backbone

https://github.com/jashkenas/backbone

Give your JS App some Backbone with Models, Views, Collections, and Events.

ember.js

https://github.com/emberjs/ember.js

A JavaScript framework for creating ambitious web applications.

meteor

https://github.com/meteor/meteor

An ultra-simple, database-everywhere, data-on-the-wire, pure-Javascript web framework.

ractive

https://github.com/ractivejs/ractive

Next-generation DOM manipulation.

vue

https://github.com/vuejs/vue

Intuitive, fast & composable MVVM for building interactive interfaces.

knockout

https://github.com/knockout/knockout

Knockout makes it easier to create rich, responsive UIs with JavaScript.

spine

https://github.com/spine/spine

Lightweight MVC library for building JavaScript applications.

espresso.js

https://github.com/techlayer/espresso.js

A minimal javascript library for crafting user interfaces.

canjs

https://github.com/canjs/canjs

Can do JS, better, faster, easier.

react

https://facebook.github.io/react/

A library for building user interfaces. It's declarative, efficient, and extremely flexible. Works with a Virtual DOM.

hyperapp

https://github.com/hyperapp/hyperapp

1kb JavaScript library for building frontend applications.

preact

https://github.com/developit/preact

Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.

nativescript

https://github.com/NativeScript/NativeScript

Build truly native cross-platform iOS and Android apps with JavaScript

react-native

https://github.com/facebook/react-native

A framework for building native apps with React.

riot

https://github.com/riot/riot

React-like library, but with very small size.

thorax

https://github.com/walmartlabs/thorax

Strengthening your Backbone.

chaplin

https://github.com/chaplinjs/chaplin

An architecture for JavaScript applications using the Backbone.js library.

marionette

https://github.com/marionettejs/backbone.marionette

A composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications.

ripple

https://github.com/ripplejs/ripple

A tiny foundation for building reactive views.

rivets

https://github.com/mikeric/rivets

Lightweight and powerful data binding + templating solution.

derby

https://github.com/derbyjs/derby

MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers.

derby-awesome

https://github.com/russll/awesome-derby

A collection of awesome derby components

way.js

https://github.com/gwendall/way.js

Simple, lightweight, persistent two-way databinding.

mithril.js

https://github.com/lhorie/mithril.js

Mithril is a client-side MVC framework (Light-weight, Robust, Fast).

jsblocks

https://github.com/astoilkov/jsblocks

jsblocks is better MV-ish framework.

LiquidLava

http://www.lava-framework.com/

Transparent MVC framework for building user interfaces.

feathers

https://github.com/feathersjs/feathers

A minimalist real-time JavaScript framework for tomorrow's apps.

Keo

https://github.com/Wildhoney/Keo

Functional stateless React components with Shadow DOM support.

atvjs

https://github.com/emadalam/atvjs

Blazing fast Apple TV application development using pure JavaScript.

Reaction Commerce

https://github.com/reactioncommerce/reaction

reactive CMS, real-time architecture and design

Ghost

https://github.com/tryghost/Ghost

simple, powerful publishing platform

Apostrophe

https://github.com/punkave/apostrophe

CMS with content editing and essential services

We.js

https://github.com/wejs/we/

framework for real time apps, sites or blogs

Hatch.js

https://github.com/inventures/hatchjs

CMS platform with social features.

TaracotJS

https://github.com/xtremespb/taracotjs-generator/

fast and minimalist CMS based on Node.js.

Nodizecms

https://github.com/nodize/nodizecms

CMS for CoffeeScript lovers

Cody

https://github.com/jcoppieters/cody

CMS with WSYWYG editor

PencilBlue

https://github.com/pencilblue/pencilblue/

CMS and blogging platform

mustache.js

https://github.com/janl/mustache.js

Minimal templating with {{mustaches}} in JavaScript.

handlebars.js

https://github.com/wycats/handlebars.js/

An extension to the Mustache templating language.

nunjucks

https://mozilla.github.io/nunjucks/

A rich and powerful templating language for JavaScript from Mozilla.

hogan.js

https://github.com/twitter/hogan.js

A compiler for the Mustache templating language.

doT

https://github.com/olado/doT

The fastest + concise javascript template engine for nodejs and browsers.

dustjs

https://github.com/linkedin/dustjs/

Asynchronous templates for the browser and node.js.

eco

https://github.com/sstephenson/eco/

Embedded CoffeeScript templates.

JavaScript-Templates

https://github.com/blueimp/JavaScript-Templates

< 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies.

t.js

https://github.com/jasonmoo/t.js

A tiny javascript templating framework in ~400 bytes gzipped.

xtemplate

https://github.com/xtemplate/xtemplate

eXtensible Template Engine lib for node and the browser

swig

http://paularmstrong.github.io/swig/

A simple, powerful, and extendable Node.js and browser-based JavaScript template engine.

The JavaScript that you should know

https://medium.com/@pedropolisenso/o-javasscript-que-você-deveria-conhecer-b70e94d1d706

Article about concepts of JavaScript Functional.

How JavaScript works

https://blog.sessionstack.com/tagged/tutorial

A series of articles about the building blocks of JavaScript.

d3

https://github.com/d3/d3

A JavaScript visualization library for HTML and SVG.

metrics-graphics

https://github.com/mozilla/metrics-graphics

A library optimized for concise, principled data graphics and layouts.

pykcharts.js

https://github.com/pykih/PykCharts.js

Well designed d3.js charting without the complexity of d3.js.

three.js

https://github.com/mrdoob/three.js

JavaScript 3D library.

Chart.js

https://github.com/chartjs/Chart.js

Simple HTML5 Charts using the tag.

paper.js

https://github.com/paperjs/paper.js

The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.

fabric.js

https://github.com/kangax/fabric.js

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser.

peity

https://github.com/benpickles/peity

Progressive bar, line and pie charts.

raphael

https://github.com/DmitryBaranovskiy/raphael

JavaScript Vector Library.

echarts

https://github.com/ecomfe/echarts

Enterprise Charts.

vis

https://github.com/almende/vis

Dynamic, browser-based visualization library.

two.js

https://github.com/jonobr1/two.js

A renderer agnostic two-dimensional drawing api for the web.

g.raphael

https://github.com/DmitryBaranovskiy/g.raphael

Charts for Raphaël.

sigma.js

https://github.com/jacomyal/sigma.js

A JavaScript library dedicated to graph drawing.

arbor

https://github.com/samizdatco/arbor

A graph visualization library using web workers and jQuery.

cubism

https://github.com/square/cubism

A D3 plugin for visualizing time series.

dc.js

https://github.com/dc-js/dc.js

Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

vega

https://github.com/trifacta/vega

A visualization grammar.

processing.js

http://processingjs.org/

Processing.js makes your data visualizations work using web standards and without any plug-ins

envisionjs

https://github.com/HumbleSoftware/envisionjs

Dynamic HTML5 visualization.

rickshaw

https://github.com/shutterstock/rickshaw

JavaScript toolkit for creating interactive real-time graphs.

flot

https://github.com/flot/flot

Attractive JavaScript charts for jQuery.

morris.js

https://github.com/morrisjs/morris.js

Pretty time-series line graphs.

nvd3

https://github.com/novus/nvd3

Build re-usable charts and chart components for d3.js

svg.js

https://github.com/wout/svg.js

A lightweight library for manipulating and animating SVG.

heatmap.js

https://github.com/pa7/heatmap.js

JavaScript Library for HTML5 canvas based heatmaps.

jquery.sparkline

https://github.com/gwatts/jquery.sparkline

A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser.

xCharts

https://github.com/tenxer/xCharts

A D3-based library for building custom charts and graphs.

trianglify

https://github.com/qrohlf/trianglify

Low poly style background generator with d3.js

d3-cloud

https://github.com/jasondavies/d3-cloud

Create word clouds in JavaScript.

d4

https://github.com/heavysixer/d4

A friendly reusable charts DSL for D3.

dimple.js

http://dimplejs.org

Easy charts for business analytics powered by d3

chartist-js

https://github.com/gionkunz/chartist-js

Simple responsive charts.

epoch

https://github.com/epochjs/epoch

A general purpose real-time charting library.

c3

https://github.com/c3js/c3

D3-based reusable chart library.

BabylonJS

https://github.com/BabylonJS/Babylon.js

A framework for building 3D games with HTML 5 and WebGL.

recharts

https://github.com/recharts/recharts

Redefined chart library built with React and D3

GraphicsJS

https://www.graphicsjs.org

A lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.

TimelineJS v3

https://github.com/NUKnightLab/TimelineJS3

A Storytelling Timeline built in JavaScript.

timesheet.js

https://github.com/sbstjn/timesheet.js

JavaScript library for simple HTML5 & CSS3 time sheets.

HANDSONTABLE

https://github.com/handsontable/handsontable

Handsontable is a JavaScript/HTML5 Spreadsheet Library for Developers

ace

https://github.com/ajaxorg/ace

Ace (Ajax.org Cloud9 Editor).

CodeMirror

https://github.com/codemirror/CodeMirror

In-browser code editor.

esprima

https://github.com/ariya/esprima

ECMAScript parsing infrastructure for multipurpose analysis.

quill

https://github.com/quilljs/quill

A cross browser rich text editor with an API.

medium-editor

https://github.com/yabwe/medium-editor

Medium.com WYSIWYG editor clone.

pen

https://github.com/sofish/pen

enjoy live editing (+markdown).

jquery-notebook

https://github.com/raphaelcruzeiro/jquery-notebook

A simple, clean and elegant text editor. Inspired by the awesomeness of Medium.

bootstrap-wysiwyg

https://github.com/mindmup/bootstrap-wysiwyg

Tiny bootstrap-compatible WYSIWYG rich text editor.

ckeditor-releases

https://github.com/ckeditor/ckeditor-releases

The best web text editor for everyone.

editor

https://github.com/lepture/editor

A markdown editor. still on development.

EpicEditor

https://github.com/OscarGodson/EpicEditor

An embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more.

jsoneditor

https://github.com/josdejong/jsoneditor

A web-based tool to view, edit and format JSON.

vim.js

https://github.com/coolwanglu/vim.js

JavaScript port of Vim with a persistent ~/.vimrc

Squire

https://github.com/neilj/Squire

HTML5 rich text editor.

TinyMCE

https://github.com/tinymce/tinymce

The JavaScript Rich Text editor.

trix

https://github.com/basecamp/trix

A rich text editor for everyday writing. By Basecamp.

Trumbowyg

https://github.com/Alex-D/Trumbowyg

A lightweight and amazing WYSIWYG JavaScript editor.

Draft.js

https://github.com/facebook/draft-js

A React framework for building text editors.

bootstrap-wysihtml5

https://github.com/jhollingworth/bootstrap-wysihtml5

Simple, beautiful wysiwyg editor

wysihtml5

https://github.com/xing/wysihtml5

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable t...

raptor-editor

https://github.com/PANmedia/raptor-editor

Raptor, an HTML5 WYSIWYG content editor!

popline

https://github.com/kenshin54/popline

Popline is an HTML5 Rich-Text-Editor Toolbar

DevDocs

http://devdocs.io/

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

styledocco

http://jacobrask.github.io/styledocco/

Ronn

https://github.com/rtomayko/ronn

the opposite of roff. Contribute to rtomayko/ronn development by creating an account on GitHub.

dox

https://github.com/tj/dox

JavaScript documentation generator for node using markdown and jsdoc - tj/dox

jsdox

https://github.com/sutoiku/jsdox

simplified jsdoc 3. Contribute to sutoiku/jsdox development by creating an account on GitHub.

YUIDoc

http://yui.github.io/yuidoc/

coddoc

http://doug-martin.github.io/coddoc/

sphinx

http://www.sphinx-doc.org/

documentation.js

http://documentation.js.org

API documentation generator with support for ES2015+ and flow annotation.

jsduck

https://github.com/senchalabs/jsduck

API documentation generator made for Sencha JavaScript frameworks, but can be used for other frameworks too.

Papa Parse

https://github.com/mholt/PapaParse

A powerful CSV library that supports parsing CSV files/strings and also exporting to CSV.

jBinary

https://github.com/jDataView/jBinary

High-level I/O (loading, parsing, manipulating, serializing, saving) for binary files with declarative syntax for describing file types and data structures.

diff2html

https://github.com/rtfpessoa/diff2html

Git diff output parser and pretty HTML generator.

jsPDF

https://github.com/MrRio/jsPDF

JavaScript PDF generation.

underscore

https://github.com/jashkenas/underscore

JavaScript's utility _ belt.

lodash

https://github.com/lodash/lodash

A utility library delivering consistency, customization, performance, & extras.

Sugar

https://github.com/andrewplummer/Sugar

A Javascript library for working with native objects.

ramda

https://github.com/CrossEye/ramda

A practical functional library for Javascript programmers.

mesh

https://github.com/crcn/mesh.js

Streamable data synchronization utility.

preludejs

https://github.com/alanrsoares/prelude-js

Hardcore Functional Programming for JavaScript.

RxJs

https://github.com/Reactive-Extensions/RxJS

The Reactive Extensions for JavaScript.

Bacon

https://github.com/baconjs/bacon.js

FRP (functional reactive programming) library for Javascript.

Kefir

https://github.com/pozadi/kefir

FRP library for JavaScript inspired by Bacon.js and RxJS with focus on high performance and low memory consumption.

Highland

http://highlandjs.org/

Re-thinking the JavaScript utility belt, Highland manages synchronous and asynchronous code easily, using nothing more than standard JavaScript and Node-like Streams.

Most.js

https://github.com/cujojs/most

high performance FRP library.

MobX

https://github.com/mobxjs/mobx

TFRP library for simple, scalable state management.

Cycle.js

https://cycle.js.org

A functional and reactive JavaScript library for cleaner code.

mori

https://github.com/swannodette/mori

A library for using ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript.

buckets

https://github.com/mauriciosantos/Buckets-JS

A complete, fully tested and documented data structure library written in JavaScript.

hashmap

https://github.com/flesler/hashmap

Simple hashmap implementation that supports any kind of keys.

moment

https://github.com/moment/moment

Parse, validate, manipulate, and display dates in javascript.

moment-timezone

https://github.com/moment/moment-timezone

Timezone support for moment.js.

jquery-timeago

https://github.com/rmm5t/jquery-timeago

A jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").

timezone-js

https://github.com/mde/timezone-js

Timezone-enabled JavaScript Date object. Uses Olson zoneinfo files for timezone data.

date

https://github.com/MatthewMueller/date

Date() for humans.

countdown.js

https://github.com/gumroad/countdown.js

Super simple countdowns.

timeago.js

https://github.com/hustcc/timeago.js

Simple library (less then 2kb) used to format date with *** time ago statement.

fecha

https://github.com/taylorhakes/fecha

Lightweight date formatting and parsing (~2KB). Meant to replace parsing and formatting functionality of moment.js.

voca

https://github.com/panzerdp/voca

The ultimate JavaScript string library

selecting

https://github.com/EvandroLG/selecting

A library that allows you to access the text selected by the user

underscore.string

https://github.com/epeli/underscore.string

String manipulation extensions for Underscore.js javascript library.

string.js

https://github.com/jprichardson/string.js

Extra JavaScript string methods.

multiline

https://github.com/sindresorhus/multiline

Multiline strings in JavaScript.

query-string

https://github.com/sindresorhus/query-string

Parse and stringify URL query strings.

URI.js

https://github.com/medialize/URI.js/

Javascript URL mutation library.

jsurl

https://github.com/Mikhus/domurl

Lightweight URL manipulation with JavaScript.

sprintf.js

https://github.com/alexei/sprintf.js

A sprintf implementation.

Numeral-js

https://github.com/adamwdraper/Numeral-js

A javascript library for formatting and manipulating numbers.

chance.js

https://github.com/chancejs/chancejs

Random generator helper in Javascript. Can generate numbers, strings etc.

odometer

https://github.com/HubSpot/odometer

Smoothly transitions numbers with ease.

accounting.js

https://github.com/josscrowcroft/accounting.js

A lightweight JavaScript library for number, money and currency formatting - fully localisable, zero dependencies.

money.js

https://github.com/josscrowcroft/money.js

A tiny (1kb) javascript currency conversion library, for web & nodeJS.

Fraction.js

https://github.com/infusion/Fraction.js

A rational number library for JavaScript

Complex.js

https://github.com/infusion/Complex.js

A complex number library for JavaScript

Polynomial.js

https://github.com/infusion/Polynomial.js

A polynomials library for JavaScript

localForage

https://github.com/mozilla/localForage

Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.

jStorage

https://github.com/andris9/jStorage

jStorage is a simple key/value database to store data on browser side.

cross-storage

https://github.com/zendesk/cross-storage

Cross domain local storage, with permissions.

basket.js

https://github.com/addyosmani/basket.js

A script and resource loader for caching & loading scripts with localStorage.

bag.js

https://github.com/nodeca/bag.js

A caching script and resource loader, similar to basket.js, but with additional k/v interface and localStorage / websql / indexedDB support.

basil.js

https://github.com/Wisembly/basil.js

The missing Javascript smart persistent layer.

https://github.com/carhartl/jquery-cookie

A simple, lightweight jQuery plugin for reading, writing and deleting cookies.

https://github.com/js-cookie/js-cookie

A simple, lightweight JavaScript API for handling browser cookies

Cookies

https://github.com/ScottHamper/Cookies

JavaScript Client-Side Cookie Manipulation Library.

DB.js

https://github.com/aaronpowell/db.js/

Promise based IndexDB Wrapper library

lawnchair.js

https://github.com/brianleroux/lawnchair/

Simple client-side JSON storage.

sql.js

https://github.com/kripken/sql.js

SQLite compiled to JavaScript through Emscripten.

randomColor

https://github.com/davidmerfield/randomColor

A color generator for JavaScript.

chroma.js

https://github.com/gka/chroma.js

JavaScript library for all kinds of color manipulations.

color

https://github.com/Qix-/color

JavaScript color conversion and manipulation library.

colors

https://github.com/mrmrs/colors

Smarter defaults for colors on the web.

PleaseJS

https://github.com/Fooidge/PleaseJS

JavaScript Library for creating random pleasing colors and color schemes.

TinyColor

https://github.com/bgrins/TinyColor

Fast, small color manipulation and conversion for JavaScript.

Vibrant.js

https://github.com/jariz/vibrant.js/

Extract prominent colors from an image.

polyglot

https://github.com/airbnb/polyglot.js

tiny i18n helper library.

babelfish

https://github.com/nodeca/babelfish/

i18n with human friendly API and built in plurals support.

q

https://github.com/kriskowal/q

A tool for making and composing asynchronous promises in JavaScript.

step

https://github.com/creationix/step/

An async control-flow library that makes stepping through logic easy.

contra

https://github.com/bevacqua/contra/

Asynchronous flow control with a functional taste to it.

Bluebird

https://github.com/petkaantonov/bluebird/

fully featured promise library with focus on innovative features and performance.

when

https://github.com/cujojs/when

A solid, fast Promises/A+ and when() implementation, plus other async goodies.

ObjectEventTarget

https://github.com/gartz/ObjectEventTarget

Provide a prototype that add support to event listeners (with same behavior of EventTarget from DOMElements available on browsers).

director

https://github.com/flatiron/director

A tiny and isomorphic URL router for JavaScript.

page.js

https://github.com/visionmedia/page.js

Micro client-side router inspired by the Express router (~1200 bytes).

pathjs

https://github.com/mtrpcic/pathjs

Simple, lightweight routing for web browsers.

crossroads

https://github.com/millermedeiros/crossroads.js

JavaScript Routes.

davis.js

https://github.com/olivernn/davis.js

RESTful degradable JavaScript routing using pushState.

DOMPurify

https://github.com/cure53/DOMPurify

A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

js-xss

https://github.com/leizongmin/js-xss

Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist.

xss-filters

https://github.com/yahoo/xss-filters

Secure XSS Filters by Yahoo

log

https://github.com/adamschwartz/log

Console.log with style.

Conzole

https://github.com/Oaxoa/Conzole

A debug panel built in javascript that wraps javascript native console object methods and functionality in a panel displayed inside the page.

console.log-wrapper

https://github.com/patik/console.log-wrapper

Log to the console in any browser with clarity.

loglevel

https://github.com/pimterry/loglevel

Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods.

minilog

http://mixu.net/minilog/

storyboard

http://guigrpa.github.io/storyboard/

Universal logging library + Chrome extension; it lets you see all client and server tasks triggered by a user action in a single place.

RegEx101

https://regex101.com/#javascript

Online regex tester and debugger for JavaScript. Also supports Python, PHP and PCRE.

RegExr

http://regexr.com

HTML/JS based tool for creating, testing, and learning about Regular Expressions.

RegExpBuilder

https://github.com/thebinarysearchtree/regexpbuilderjs

Create regular expressions using chained methods.

annyang

https://github.com/TalAter/annyang

A JavaScript library for adding voice commands to your site, using speech recognition.

voix.js

https://github.com/pazguille/voix

A JavaScript library to add voice commands to your sites, apps or games.

oauth-signature-js

https://github.com/bettiolo/oauth-signature-js

JavaScript OAuth 1.0a signature generator for node and the browser.

amygdala

https://github.com/lincolnloop/amygdala

RESTful HTTP client for JavaScript powered web applications.

jquery.rest

https://github.com/jpillora/jquery.rest

A jQuery plugin for easy consumption of RESTful APIs.

Rails Ranger

https://github.com/victor-am/rails-ranger

An opinionated REST client for Ruby on Rails APIs.

Tailor

https://github.com/zalando/tailor

Streaming layout service for front-end microservices, inspired by Facebook's BigPipe.

tracking.js

https://github.com/eduardolundgren/tracking.js

A modern approach for Computer Vision on the web.

ocrad.js

https://github.com/antimatter15/ocrad.js

OCR in Javascript via Emscripten.

ConvNetJS

https://github.com/karpathy/convnetjs

Deep Learning in Javascript. Train Convolutional Neural Networks (or ordinary ones) in your browser.

DN2A

https://github.com/dn2a/dn2a-javascript

Digital Neural Networks Architecture.

Brain.js

https://github.com/harthur/brain

Neural networks in JavaScript.

Mind.js

https://github.com/stevenmiller888/mind

A flexible neural network library.

Synaptic.js

https://github.com/cazala/synaptic

Architecture-free neural network library for node.js and the browser.

TensorFlow.js

https://js.tensorflow.org

A JavaScript library for training and deploying ML models in the browser and on Node.js.

ml5.js

https://ml5js.org

Friendly Machine Learning for the Web.

bowser

https://github.com/ded/bowser

a browser detector

Highlight.js

https://github.com/isagalaev/highlight.js

Javascript syntax highlighter.

PrismJS

https://github.com/PrismJS/prism

Lightweight, robust, elegant syntax highlighting.

Mprogress.js

https://github.com/lightningtgc/MProgress.js

Create Google Material Design progress linear bars.

NProgress

http://ricostacruz.com/nprogress/

Slim progress bars for Ajax'y applications.

Spin.js

https://github.com/fgnass/spin.js

A spinning activity indicator.

progress.js

https://github.com/usablica/progress.js

Create and manage progress bar for every objects on the page.

progressbar.js

https://github.com/kimmobrunfeldt/progressbar.js

Beautiful and responsive progress bars with animated SVG paths.

pace

https://github.com/HubSpot/pace

Automatically add a progress bar to your site.

topbar

https://github.com/buunguyen/topbar

Tiny & beautiful site-wide progress indicator.

nanobar

https://github.com/jacoborus/nanobar

Very lightweight progress bars. No jQuery.

PageLoadingEffects

https://github.com/codrops/PageLoadingEffects

Modern ways of revealing new content using SVG animations.

SpinKit

https://github.com/tobiasahlin/SpinKit

A collection of loading indicators animated with CSS.

Ladda

https://github.com/hakimel/Ladda

Buttons with built-in loading indicators.

css-loaders

https://github.com/lukehaas/css-loaders

A collection of loading spinners animated with CSS

Parsley.js

https://github.com/guillaumepotier/Parsley.js

Validate your forms, frontend, without writing a single line of javascript.

jquery-validation

https://github.com/jzaefferer/jquery-validation

jQuery Validation Plugin.

validate.js

https://github.com/rickharrison/validate.js

Lightweight JavaScript form validation library inspired by CodeIgniter.

validatr

https://github.com/jaymorrow/validatr/

Cross Browser HTML5 Form Validation.

FormValidation

http://formvalidation.io/

The best jQuery plugin to validate form fields. Formerly BootstrapValidator.

is.js

https://github.com/arasatasaygin/is.js

Check types, regexps, presence, time and more.

FieldVal

https://github.com/FieldVal/fieldval-js

multipurpose validation library. Supports both sync and async validation.

mousetrap

https://github.com/ccampbell/mousetrap

Simple library for handling keyboard shortcuts in Javascript.

keymaster

https://github.com/madrobby/keymaster

A simple micro-library for defining and dispatching keyboard shortcuts.

Keypress

https://github.com/dmauro/Keypress

A keyboard input capturing utility in which any key can be a modifier key.

KeyboardJS

https://github.com/RobertWHurst/KeyboardJS

A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.

jquery.hotkeys

https://github.com/jeresig/jquery.hotkeys

jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

jwerty

https://github.com/keithamus/jwerty

Awesome handling of keyboard events.

intro.js

https://github.com/usablica/intro.js

A better way for new feature introduction and step-by-step users guide for your website and project.

shepherd

https://github.com/HubSpot/shepherd

Guide your users through a tour of your app.

bootstrap-tour

https://github.com/sorich87/bootstrap-tour

Quick and easy product tours with Twitter Bootstrap Popovers.

tourist

https://github.com/easelinc/tourist

Simple, flexible tours for your app.

chardin.js

https://github.com/heelhook/chardin.js

Simple overlay instructions for your apps.

pageguide

https://github.com/tracelytics/pageguide

An interactive guide for web page elements using jQuery and CSS3.

hopscotch

https://github.com/linkedin/hopscotch

A framework to make it easy for developers to add product tours to their pages.

joyride

https://github.com/zurb/joyride

jQuery feature tour plugin.

focusable

https://github.com/zzarcon/focusable

Set a spotlight focus on DOM element adding a overlay layer to the rest of the page.

iziToast

https://github.com/dolce/iziToast

Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

messenger

https://github.com/HubSpot/messenger

Growl-style alerts and messages for your app.

noty

https://github.com/needim/noty

jQuery notification plugin.

pnotify

https://github.com/sciactive/pnotify

JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.

toastr

https://github.com/CodeSeven/toastr

Simple javascript toast notifications.

humane-js

https://github.com/wavded/humane-js

A simple, modern, browser notification system.

smoke.js

https://github.com/hxgf/smoke.js

Framework-agnostic styled alert system for javascript.

notie

https://github.com/jaredreich/notie

Simple notifications and inputs with no dependencies.

Swiper

https://github.com/nolimits4web/Swiper

Mobile touch slider and framework with hardware accelerated transitions.

slick

https://github.com/kenwheeler/slick

The last carousel you'll ever need.

slidesJs

http://www.slidesjs.com

Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions

FlexSlider

https://github.com/woothemes/FlexSlider

An awesome, fully responsive jQuery slider plugin.

unslider

https://github.com/idiot/unslider

The simplest jQuery slider there is.

sly

https://github.com/darsain/sly

JavaScript library for one-directional scrolling with item based navigation support.

vegas

https://github.com/jaysalvat/vegas

A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows.

Sequence

https://github.com/IanLunn/Sequence

CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications.

reveal.js

https://github.com/hakimel/reveal.js

A framework for easily creating beautiful presentations using HTML.

bespoke.js

https://github.com/bespokejs/bespoke

DIY Presentation Micro-Framework

Strut

https://github.com/tantaman/Strut

Strut - An Impress.js and Bespoke.js Presentation Editor

PhotoSwipe

https://github.com/dimsemenov/PhotoSwipe

JavaScript image gallery for mobile and desktop, modular, framework independent.

jcSlider

https://github.com/JoanClaret/jcSlider

A responsive slider jQuery plugin with CSS animations.

basic-jquery-slider

https://github.com/jcobb/basic-jquery-slider

Simple to use, simple to theme, simple to customise.

slidr

https://github.com/bchanx/slidr

add some slide effects.

Flickity

https://github.com/metafizzy/flickity

Touch, responsive, flickable galleries.

Glide.js

https://github.com/jedrzejchalubek/glidejs

Responsive and touch-friendly jQuery slider. It's simple, lightweight and fast.

jQuery.adaptive-slider

https://github.com/creative-punch/jQuery.adaptive-slider/

A jQuery plugin for a slider with adaptive colored figcaption and navigation.

Ion.RangeSlider

https://github.com/IonDen/ion.rangeSlider

Powerful and easily customizable range slider with many options and skin support.

jQRangeSlider

https://github.com/ghusse/jQRangeSlider

A javascript slider selector that supports dates.

noUiSlider

https://github.com/leongersen/noUiSlider

A lightweight, highly customizable range slider without bloat.

rangeslider.js

https://github.com/andreruffert/rangeslider.js

HTML5 input range slider element polyfill.

typeahead.js

https://github.com/twitter/typeahead.js

A fast and fully-featured autocomplete library.

tag-it

https://github.com/aehlke/tag-it

A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.

At.js

https://github.com/ichord/At.js

Add GitHub like mentions autocomplete to your application.

Placeholders.js

https://github.com/jamesallardice/Placeholders.js

A JavaScript polyfill for the HTML5 placeholder attribute.

fancyInput

https://github.com/yairEO/fancyInput

Makes typing in input fields fun with CSS3 effects.

jQuery-Tags-Input

https://github.com/xoxco/jQuery-Tags-Input

Magically convert a simple text input into a cool tag list with this jQuery plugin.

vanilla-masker

https://github.com/BankFacil/vanilla-masker

A pure javascript mask input.

Ion.CheckRadio

https://github.com/IonDen/ion.checkRadio

jQuery plugin for styling checkboxes and radio-buttons. With skin support.

awesomplete

https://github.com/LeaVerou/awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies. - http://leaverou.github.io/awesomplete

pickadate.js

https://github.com/amsul/pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

bootstrap-datepicker

https://github.com/eternicode/bootstrap-datepicker

A datepicker for @twitter bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode.

Pikaday

https://github.com/dbushell/Pikaday

A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS.

fullcalendar

https://github.com/fullcalendar/fullcalendar

Full-sized drag & drop event calendar (jQuery plugin).

rome

https://github.com/bevacqua/rome

A customizable date (and time) picker. Dependency free, opt-in UI.

datedropper

https://github.com/felicegattuso/datedropper

datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

selectize.js

https://github.com/brianreavis/selectize.js

Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

select2

https://github.com/select2/select2

a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

chosen

https://github.com/harvesthq/chosen

A library for making long, unwieldy select boxes more friendly.

jQuery-File-Upload

https://github.com/blueimp/jQuery-File-Upload

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.

dropzone

https://github.com/enyo/dropzone

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

flow.js

https://github.com/flowjs/flow.js

A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.

fine-uploader

https://github.com/FineUploader/fine-uploader

Multiple file upload plugin with progress-bar, drag-and-drop, direct-to-S3 uploading.

FileAPI

https://github.com/mailru/FileAPI

A set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.

plupload

https://github.com/moxiecode/plupload

A JavaScript API for dealing with file uploads it supports features like multiple file selection, file type filtering, request chunking, client side image scaling and it uses different runtimes to ach...

form

https://github.com/malsup/form

jQuery Form Plugin.

Garlic.js

https://github.com/guillaumepotier/Garlic.js

Automatically persist your forms' text and select field values locally, until the form is submitted.

Countable

https://github.com/RadLikeWhoa/Countable

A JavaScript function to add live paragraph-, word- and character-counting to an HTML element.

card

https://github.com/jessepollak/card

Make your credit card form better in one line of code.

stretchy

https://github.com/LeaVerou/stretchy

Form element autosizing, the way it should be.

tipsy

https://github.com/jaz303/tipsy

Facebook-style tooltips plugin for jQuery.

opentip

https://github.com/enyo/opentip

An open source javascript tooltip based on the prototype framework.

qTip2

https://github.com/qTip2/qTip2

Pretty powerful tooltips.

tooltipster

https://github.com/iamceege/tooltipster

A jQuery tooltip plugin.

simptip

https://github.com/arashmanteghi/simptip

A simple CSS tooltip made with Sass.

toolbar

https://github.com/paulkinzett/toolbar

A tooltip style toolbar jQuery plugin

hint.css

https://github.com/chinchang/hint.css

A tooltip library in CSS for your lovely websites.

Magnific-Popup

https://github.com/dimsemenov/Magnific-Popup

Light and responsive lightbox script with focus on performance.

jquery-popbox

https://github.com/gristmill/jquery-popbox

jQuery PopBox UI Element.

jquery.avgrund.js

https://github.com/voronianski/jquery.avgrund.js

A jQuery plugin with new modal concept for popups.

vex

https://github.com/HubSpot/vex

A modern dialog library which is highly configurable and easy to style.

bootstrap-modal

https://github.com/jschr/bootstrap-modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

css-modal

https://github.com/drublic/css-modal

A modal built out of pure CSS.

jquery-popup-overlay

https://github.com/vast-engineering/jquery-popup-overlay

jQuery plugin for responsive and accessible modal windows and tooltips.

SweetAlert

https://github.com/t4t5/sweetalert

An awesome replacement for JavaScript's alert.

baguetteBox.js

https://github.com/feimosi/baguetteBox.js

Simple and easy to use lightbox script written in pure JavaScript.

colorbox

https://github.com/jackmoore/colorbox

A light-weight, customizable lightbox plugin for jQuery.

fancyBox

https://github.com/fancyapps/fancyBox

A tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.

swipebox

https://github.com/brutaldesign/swipebox

A touchable jQuery lightbox

jBox

https://github.com/StephanWagner/jBox

jBox is a powerful and flexible jQuery plugin, taking care of all your popup windows, tooltips, notices and more.

scrollMonitor

https://github.com/stutrek/scrollMonitor

A simple and fast API to monitor elements as you scroll.

headroom

https://github.com/WickyNilliams/headroom.js

Give your pages some headroom. Hide your header until you need it.

onepage-scroll

https://github.com/peachananr/onepage-scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin.

iscroll

https://github.com/cubiq/iscroll

iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.

skrollr

https://github.com/Prinzhorn/skrollr

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery.

parallax

https://github.com/wagerfield/parallax

Parallax Engine that reacts to the orientation of a smart device.

stellar.js

https://github.com/markdalgleish/stellar.js

Parallax scrolling made easy.

plax

https://github.com/cameronmcefee/plax

jQuery powered parallaxing.

jparallax

https://github.com/stephband/jparallax

jQuery plugin for creating interactive parallax effect.

fullPage

https://github.com/alvarotrigo/fullPage.js

A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites).

ScrollMenu

https://github.com/s-yadav/ScrollMenu

A new interface to replace old boring scrollbar.

Clusterize.js

https://github.com/NeXTs/Clusterize.js

Tiny vanilla JS plugin to display large data sets easily.

jQuery-menu-aim

https://github.com/kamens/jQuery-menu-aim

jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.

jQuery contextMenu

https://github.com/swisnl/jQuery-contextMenu

contextMenu manager.

Slideout

https://github.com/mango/slideout

A responsive touch slideout navigation menu for mobile web apps.

Slide and swipe

https://github.com/JoanClaret/slide-and-swipe-menu

A sliding swipe menu that works with touchSwipe library.

jTable

https://github.com/hikalkan/jtable

A jQuery plugin to create AJAX based CRUD tables.

DataTables

https://www.datatables.net/

(jQuery plug-in) It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Tabulator

http://olifolkerd.github.io/tabulator/

(jQuery plug-in) An extremely flexible library that create tables with a range of interactive features from any JSON data source or existing HTML table.

Bootstrap Table

http://bootstrap-table.wenzhixin.net.cn/

An Extension to the popular Bootstrap framework for creating tables that fit the style of your site with no need for additional markup.

floatThead

https://github.com/mkoryak/floatThead

(jQuery plug-in) lock any table's header while scrolling within the body. Works on any table and requires no custom html or css.

Masonry

http://masonry.desandro.com/

A cascading grid layout library.

Packery

http://packery.metafizzy.co/

A grid layout library that uses a bin-packing algorithm. Useable for draggable layouts.

Isotope

http://isotope.metafizzy.co/

A filterable, sortable, grid layout library. Can implement Masonry, Packery, and other layouts.

flexboxgrid

https://github.com/kristoferjoseph/flexboxgrid/

Grid based on CSS3 flexbox

Semantic UI

http://semantic-ui.com/

UI Kit with lots of themes and elements

w2ui

http://w2ui.com/

A set of jQuery plugins for front-end development of data-driven web applications.

fluidity

https://github.com/mrmrs/fluidity

The worlds smallest fully-responsive css framework

Ink

https://github.com/sapo/Ink

An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping

html5-boilerplate

https://github.com/h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

mobile-boilerplate

https://github.com/h5bp/mobile-boilerplate

A front-end template that helps you build fast, modern mobile web apps.

webplate

https://github.com/chrishumboldt/webplate

An awesome front-end framework that lets you stay focused on building your site or app while remaining really easy to use.

Cerberus

https://github.com/TedGoas/Cerberus

A few simple, but solid patterns for responsive HTML emails. Even in Outlook.

full-page-intro-and-navigation

https://github.com/CodyHouse/full-page-intro-and-navigation

An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation

Fluid-Squares

https://github.com/crozynski/Fluid-Squares

A fluid grid of square units.

Mobile-First-RWD

https://github.com/bradfrost/Mobile-First-RWD

An example of a mobile-first responsive web design

this-is-responsive

https://github.com/bradfrost/this-is-responsive

This Is Responsive

npm run-scripts

https://gist.github.com/addyosmani/9f10c555e32a8d06ddb0

npm run-scripts boilerplate. GitHub Gist: instantly share code, notes, and snippets.

hammer.js

https://github.com/hammerjs/hammer.js

A javascript library for multi-touch gestures.

touchemulator

https://github.com/hammerjs/touchemulator

Emulate touch input on your desktop.

Dragula

https://github.com/bevacqua/dragula/

Drag and drop so simple it hurts

Leaflet

https://github.com/Leaflet/Leaflet

JavaScript library for mobile-friendly interactive maps.

Cesium

https://github.com/AnalyticalGraphicsInc/cesium

Open Source WebGL virtual globe and map engine.

gmaps

https://github.com/HPNeo/gmaps

The easiest way to use Google Maps.

polymaps

https://github.com/simplegeo/polymaps

A free JavaScript library for making dynamic, interactive maps in modern web browsers.

kartograph.js

https://github.com/kartograph/kartograph.js

Open source JavaScript renderer for Kartograph SVG maps.

mapbox.js

https://github.com/mapbox/mapbox.js

Mapbox JavaScript API, a Leaflet Plugin.

jqvmap

https://github.com/manifestinteractive/jqvmap

jQuery Vector Map Library.

OpenLayers3

http://openlayers.org/

A high-performance, feature-packed library for all your mapping needs.

prettyembed.js

https://github.com/mike-zarandona/prettyembed.js

Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

html5media

https://github.com/etianen/html5media

Enables

Play-em JS

https://github.com/adrienjoly/playemjs

Play'em is a javascript component that manages a music/video track queue and plays a sequence of songs by embedding several players in a HTML DIV including Youtube, Soundcloud and Vimeo.

polyplayer

https://github.com/Acconut/polyplayer

Rule YouTube, Soundcloud and Vimeo player with one API

flowplayer

https://github.com/flowplayer/flowplayer

The HTML5 video player for the web

mediaelement

https://github.com/johndyer/mediaelement

HTML5

SoundJS

https://github.com/CreateJS/SoundJS

A library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers.

video.js

https://github.com/videojs/video.js

Video.js - open source HTML5 & Flash video player

FitVids.js

https://github.com/davatron5000/FitVids.js

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Ion.Sound

https://github.com/IonDen/ion.sound

Simple sounds on any web page

photobooth-js

https://github.com/WolframHempel/photobooth-js

A widget that allows users to take their avatar pictures on your site

clappr

https://github.com/clappr/clappr

An extensible media player for the web http://clappr.io

FlowType.JS

https://github.com/simplefocus/FlowType.JS

Web typography at its finest: font-size and line-height based on element width.

BigText

https://github.com/zachleat/BigText

jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

circletype

https://github.com/peterhry/circletype

A jQuery plugin that lets you curve type on the web

slabText

https://github.com/freqDec/slabText/

A jQuery plugin for producing big, bold & responsive headlines

simple-text-rotator

https://github.com/peachananr/simple-text-rotator

Add a super simple rotating text to your website with little to no markup

novacancy.js

https://github.com/chuckyglitch/novacancy.js

Text Neon Golden effect jQuery plug-in.

jquery-responsive-text

https://github.com/ghepting/jquery-responsive-text

Make your text sizing responsive!

FitText.js

https://github.com/davatron5000/FitText.js

A jQuery plugin for inflating web type

Lettering.js

https://github.com/davatron5000/Lettering.js

A lightweight, easy to use Javascript <span> injector for radical Web Typography

velocity

https://github.com/julianshapiro/velocity

Accelerated JavaScript animation.

jquery.transit

https://github.com/rstacruz/jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery.

impress.js

https://github.com/impress/impress.js

Make Prezi-like presentations with CSS3 transformations/transitions in an HTML document.

bounce.js

https://github.com/tictail/bounce.js

Create tasty CSS3 powered animations in no time.

GreenSock-JS

https://github.com/greensock/GreenSock-JS

High-performance HTML5 animations that work in all major browsers.

TransitionEnd

https://github.com/EvandroLG/transitionEnd

TransitionEnd is an agnostic and cross-browser library to work with transitionend event.

Dynamic.js

https://github.com/michaelvillar/dynamics.js

Javascript library to create physics-based CSS animations.

the-cube

https://github.com/pstadler/the-cube

The Cube is an experiment with CSS3 transitions.

Effeckt.css

https://github.com/h5bp/Effeckt.css

A Performant Transitions and Animations Library

animate.css

https://github.com/daneden/animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.

textillate

https://github.com/jschr/textillate

A simple plugin for CSS3 text animations

move.js

https://github.com/visionmedia/move.js

CSS3 backed JavaScript animation framework

animatable

https://github.com/LeaVerou/animatable

One property, two values, endless possiblities

shuffle-images

https://github.com/peachananr/shuffle-images

The Simplest Way to shuffle through images in a Creative Way http://www.thepetedesign.com/demos/shuffle-images_demo.html

smoothState.js

https://github.com/miguel-perez/smoothState.js

Unobtrusive page transitions with jQuery. http://smoothstate.com/

Anime.js

http://animejs.com

A JavaScript animation engine http://animejs.com.

Mo.js

http://mojs.io

Motion graphics toolbelt for the web http://mojs.io.

particles.js

https://github.com/VincentGarreau/particles.js

A lightweight JavaScript library for creating particles.

lena.js

https://github.com/davidsonfellipe/lena.js

A Library for image processing with filters and util functions.

cropper

https://github.com/fengyuanchen/cropper

A simple jQuery image cropping plugin.

es6features

https://github.com/lukehoban/es6features

Overview of ECMAScript 6 features.

es6-features

https://github.com/rse/es6-features

ECMAScript 6: Feature Overview & Comparison.

es6-cheatsheet

https://github.com/DrkSephy/es6-cheatsheet

ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets.

ECMAScript 6 compatibility table

http://kangax.github.io/compat-table/es6/

Compatibility tables for all ECMAScript 6 features on a variety of environments.

[Babel (Formerly 6to5)](Formerly 6to5)

Formerly 6to5

Turn ES6+ code into vanilla ES5 with no runtime.

Traceur compiler

https://github.com/google/traceur-compiler

ES6 features > ES5. Includes classes, generators, promises, destructuring patterns, default parameters & more.

Gatsby.js

https://github.com/gatsbyjs/gatsby

React-based static site generator.

javascript-sdk-design

https://github.com/huei90/javascript-sdk-design

Javascript SDK design guide extracted from work and personal experience

Spotify SDK

https://github.com/loverajoel/spotify-sdk

Entity oriented SDK to work with the Spotify Web API.

echo

https://github.com/toddmotto/echo

Lazy-loading images with data-* attributes.

picturefill

https://github.com/scottjehl/picturefill

A responsive image polyfill for <picture>, srcset, sizes.

platform.js

https://github.com/bestiejs/platform.js

A platform detection library that works on nearly all JavaScript platforms.

json3

https://github.com/bestiejs/json3

A modern JSON implementation compatible with nearly all JavaScript platforms.

Logical Or Not

http://gabinaureche.com/logicalornot/

A game about JavaScript specificities.

BitSet.js

https://github.com/infusion/BitSet.js

A JavaScript Bit-Vector implementation

spoiler-alert

https://github.com/joshbuddy/spoiler-alert

SPOILER ALERT! A happy little jquery plugin to hide spoilers on your site.

jquery.vibrate.js

https://github.com/illyism/jquery.vibrate.js

Vibration API Wrappers

list.js

https://github.com/javve/list.js

Adds search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.

mixitup

https://github.com/patrickkunka/mixitup

MixItUp - A Filter & Sort Plugin

grid

https://github.com/hootsuite/grid

Drag and drop library for two-dimensional, resizable and responsive lists.

jquery-match-height

https://github.com/liabru/jquery-match-height

a responsive equal heights plugin for jQuery.

survey.js

https://github.com/surveyjs/surveyjs

JavaScript Survey Engine. It uses JSON for survey metadata and results. http://surveyjs.org/

Array Explorer

https://github.com/sdras/array-explorer

Resources to help figure out what native JavaScript method would be best to use at any given time

Clipboard.js

https://clipboardjs.com/

"Copy to clipboard" without Flash or use of Frameworks.

ky

https://github.com/sindresorhus/ky

Tiny and elegant HTTP client based on the browser Fetch API.

Web of Tomorrow

http://www.weboftomorrowpodcast.com/

Podcast about JavaScript for beginners.

braziljs/js-the-right-way

https://github.com/braziljs/js-the-right-way/

An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web - braziljs/js-the-right-way

Superhero.js

http://superherojs.com

A collection of resources about creating, testing and maintaining a large JavaScript code base.

SJSJ

https://github.com/HugoGiraudel/SJSJ

Simplified JavaScript Jargon is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words.

How to Write an Open Source JavaScript Library

https://github.com/sarbbottam/write-an-open-source-js-lib

A comprehensive guide through a set of steps to publish a JavaScript open source library.

Jaavascript tutorial

https://hackr.io/tutorials/learn-javascript

Learn Javascript online from a diverse range of user ranked online tutorials.

Understanding JavaScript Bind()

https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/

Function binding is probably your least concern when beginning with JavaScript, but when you realize that you need a solution to the problem of how to keep the context of “this” within another functio...

  • :calendar: published on: 2014-01-24
  • tags: javascript

relay

https://github.com/facebook/relay

Relay is a JavaScript framework for building data-driven React applications.

Apollo Client

https://github.com/apollographql/apollo-client

A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.

aws-amplify

https://github.com/aws-amplify/amplify-js

A client library developed by Amazon for caching, analytics and more that includes a way to fetch GraphQL queries.

graphql-hooks

https://github.com/nearform/graphql-hooks

Minimal hooks-first GraphQL client with caching and server-side rendering support.

graphql-request

https://github.com/prisma/graphql-request

A minimal GraphQL client for Node and browsers.

FetchQL

https://github.com/gucheen/FetchQL

A simple GraphQL query client using Fetch.

urql

https://github.com/FormidableLabs/urql

A simple caching GraphQL client for React.

micro-graphql-react

https://github.com/arackaf/micro-graphql-react

A lightweight utility for adding GraphQL to React. components. Includes simple caching and uses GET requests that could additionally be cached through a service-worker.

Lokka

https://github.com/kadirahq/lokka

Simple JavaScript client for GraphQL, which you can use anywhere.

react-reach

https://github.com/kennetpostigo/react-reach

A library to communicate with Graphql through Redux.

Grafoo

https://github.com/grafoojs/grafoo

A tiny yet fully fledged cache based GraphQL client

express-graphql

https://github.com/graphql/express-graphql

GraphQL Express Middleware.

hapi-graphql

https://github.com/SimonDegraeve/hapi-graphql

Create a GraphQL HTTP server with Hapi.

hapi-plugin-graphiql

https://github.com/rse/hapi-plugin-graphiql

HAPI plugin for GraphiQL integration.

koa-graphql

https://github.com/chentsulin/koa-graphql

GraphQL Koa Middleware.

graphql-bookshelf

https://github.com/brysgo/graphql-bookshelf

Some help defining GraphQL schema around BookshelfJS models.

graphql-sequelize

https://github.com/mickhansen/graphql-sequelize

Sequelize helpers for GraphQL.

graphql-thinky

https://github.com/fenos/graphql-thinky

Build an optimized GraphQL schema from Thinky RethinkDB models.

graphql-tools-sequelize

https://github.com/rse/graphql-tools-sequelize

OO-style schema definition functions and schema resolver functions for GraphQL-Tools using Sequelize ORM

graysql-orm-loader

https://github.com/larsbs/graysql-orm-loader

A GraysQL extension to load a GraphQL schema from an ORM.

GRelDAL

https://gql-dal.github.io/greldal/

A simple micro-framework for bidirectional mapping between relational datastores and GraphQL APIs.

GraphQL.js

https://github.com/graphql/graphql-js

A reference implementation of GraphQL for JavaScript.

codemirror-graphql

https://github.com/graphql/codemirror-graphql

GraphQL mode and helpers for CodeMirror.

graphql-schema

https://github.com/devknoll/graphql-schema

Create GraphQL schemas with a fluent/chainable interface.

graphql-tools-types

https://github.com/rse/graphql-tools-types

Custom GraphQL types for use with GraphQL-Tools (Void, Int, Float, String, Date, UUID, JSON)

graphql-normalizr

https://github.com/monojack/graphql-normalizr

Normalize GraphQL responses for persisting in the client cache/state

babel-plugin-graphql

https://github.com/ooflorent/babel-plugin-graphql

Babel plugin that compile GraphQL tagged template strings.

adrenaline

https://github.com/gyzerok/adrenaline

React bindings for Redux with Relay in mind.

graph.ql

https://github.com/matthewmueller/graph.ql

Faster and simpler technique for creating and querying GraphQL schemas.

Strapi

https://strapi.io/documentation/graphql

Open-source Node.js framework that supports "GraphQL" out of the box.

GraysQL

https://github.com/larsbs/graysql

A GraphQL manager and loader.

Annotated GraphQL

https://github.com/almilo/annotated-graphql

Proof of Concept for annotations in GraphQL (i.e.: transform an existing REST api into a GraphQL endpoint).

graphql-tools

https://github.com/apollographql/graphql-tools

Tool library for building and maintaining GraphQL-JS servers.

graphql-anywhere

https://github.com/apollographql/graphql-anywhere

Run a GraphQL query anywhere, against any data, with no schema.

graphql-tag

https://github.com/apollographql/graphql-tag

A JavaScript template literal tag that parses GraphQL queries.

modelizr

https://github.com/julienvincent/modelizr

A library for simplifying the process of writing GraphQL queries, mocking them and normalizing their responses.

vue-apollo

https://github.com/Akryum/vue-apollo

Vue integration for apollo.

graphql-pouch

https://github.com/MikeBild/graphql-pouch

A GraphQL-API runtime on top of PouchDB created by GraphQL shorthand notation as a self contained service with CouchDB synchronization.

gql-tools

https://github.com/almilo/gql-tools

Tool library with CLI for schema generation and manipulation.

graphql-iso-date

https://github.com/excitement-engineer/graphql-iso-date

A GraphQL date scalar type to be used with GraphQL.js. This scalar represents a date in the ISO 8601 format YYYY-MM-DD.

graphql-compose

https://github.com/graphql-compose/graphql-compose

Tool which allows you to construct flexible graphql schema from different data sources via plugins.

node-graphjoiner

https://github.com/mwilliamson/node-graphjoiner

Create GraphQL APIs using joins, SQL or otherwise.

Join Monster

https://github.com/acarl005/join-monster

A GraphQL-to-SQL query execution layer for batch data fetching.

graphql-factory

https://github.com/graphql-factory

Create GraphQL types from JSON definitions

type-o-rama

https://github.com/stereobooster/type-o-rama

JS type systems interportability.

GraphiteJS

https://github.com/graphitejs/server

Framework NodeJS for GraphQl.

graphql-relay-js

https://github.com/graphql/graphql-relay-js

A library to help construct a graphql-js server supporting react-relay.

sequelize-relay

https://github.com/MattMcFarland/sequelize-relay

Serverside library that connects sequelize and graphql-relay-js together.

babel-relay-plugin

https://www.npmjs.com/package/babel-relay-plugin

Babel Relay Plugin for transpiling GraphQL queries for use with Relay.

react-router-relay

https://github.com/relay-tools/react-router-relay

Relay integration for React Router.

relay-local-schema

https://github.com/relay-tools/relay-local-schema

Use Relay without a GraphQL server.

relay-sink

https://github.com/acdlite/relay-sink

Use Relay to fetch and store data outside of a React component.

recompose-relay

https://github.com/acdlite/recompose/tree/master/src/packages/recompose-relay

Recompose helpers for Relay.

Graylay

https://github.com/larsbs/graysql#Graylay

A GraysQL extension to create a Relay compatible Schema.

react-relay-network-layer

https://github.com/relay-tools/react-relay-network-layer

A network layer for Relay with query batching and middleware support (urlThunk, retryThunk, auth, defer and other).

relay-subscriptions

https://github.com/relay-tools/relay-subscriptions

Subscription support for Relay.

Portfolio Relay Example

https://github.com/alex-cory/portfolio

An example website that fetches data from various apis and uses Relay and GraphQL to feed the data to React components!

react-starter-kit

https://github.com/kriasoft/react-starter-kit

Isomorphic web app boilerplate (Node.js/Express, GraphQL, React)

graphql-starter-kit

https://github.com/kriasoft/nodejs-api-starter

Project template for building a GraphQL server with Node.js v7+ and JavaScript

swapi-graphql

https://github.com/graphql/swapi-graphql

A GraphQL schema and server wrapping swapi.co.

graphql-server

https://github.com/RisingStack/graphql-server

GraphQL server with Mongoose (MongoDB) and Node.js.

graphql-intro

https://github.com/clayallsopp/graphql-intro

https://medium.com/the-graphqlhub/your-first-graphql-server-3c766ab4f0a2

graphql-aws

https://github.com/jonsharratt/graphql-aws

Amazon AWS GraphQL API Server.

graffiti-todo

https://github.com/RisingStack/graffiti-todo

Example Relay TodoMVC application using graffiti-mongoose. WARNING Graffiti is no longer actively maintained. For hobbyist only.

devknoll/gist:8b274f1c5d05230bfade

https://gist.github.com/devknoll/8b274f1c5d05230bfade

Basic GraphQL example using the GitHub API. GitHub Gist: instantly share code, notes, and snippets.

UniversalRelayBoilerplate

https://github.com/MachineAcuity/rebar

SaaS Boilerplate + examples using React, Relay, GraphQL, Node.js, and Cassandra/Elassandra. - MachineAcuity/rebar

vslinko/ripster

https://github.com/vslinko/ripster/tree/master/src/graphql

Contribute to vslinko/ripster development by creating an account on GitHub.

relay-skeleton

https://github.com/fortruce/relay-skeleton

React, Relay, GraphQL project skeleton

simple-relay-starter

https://github.com/mhart/simple-relay-starter

A very simple starter for React Relay using Browserify.

relay-chat

https://github.com/transedward/relay-chat

an chat example showing Relay with routing and pagination.

relay-todomvc

https://github.com/taion/relay-todomvc

Relay TodoMVC with routing.

graphql-express-sqlite

https://github.com/mrblueblue/graphql-express-sqlite

GraphQL server with Sqlite and Express

koa-graphql-relay-example

https://github.com/chentsulin/koa-graphql-relay-example

Example of koa-graphql

relay-fullstack

https://github.com/lvarayut/relay-fullstack

Relay Starter Kit integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS.

serverless-graphql-blog

https://github.com/serverless/serverless-graphql-blog

A Serverless Blog leveraging GraphQL to offer a REST API with only 1 endpoint

relay-cart

https://github.com/soonlive/relay-cart

A simple shopping cart example leveraging relay & GraphQL with routing and pagination.

graphql-loader

https://github.com/applification/graphql-loader

Example project to illustrate GraphQL, Express and Facebook DataLoader to connect to third party REST API

swapi-graphql-lambda

https://github.com/alvinthen/swapi-graphql-lambda

A GraphQL schema hosted in AWS Lambda wrapping swapi.co

Apollo Client documentation

https://www.apollographql.com/react/

Documentation and example for building GraphQL apps using apollo client

Introduction to Apollo Server

https://www.apollographql.com/docs/apollo-server/

Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client. It's the best way to build a production-ready, self-documenting Graph...

f8-apollo

https://github.com/nnance/f8app-apollo

Refactored version of the official F8 app of 2016, powered by React Native and the Apollo Stack.

f8app

https://github.com/fbsamples/f8app

Source code of the official F8 app of 2016, powered by React Native and other Facebook open source projects. makeitopen.com

Reindex Examples

https://github.com/reindexio/reindex-examples

Example projects for Reindex with using React Native and React.js for web.

Modelizr Documentation

https://julienvincent.io/modelizr/

Documentation and Usage Examples for modelizr

Vue Apollo Example

https://github.com/Akryum/frontpage-vue-app

Apollo example project for Vue 2.0.

angular2-graphql-rest

https://github.com/kamilkisiela/angular2-graphql-rest

An example app with REST Api working side by side with GraphQL using Apollo Client with angular2-apollo. Includes step-by-step tutorial how to migrate from REST to GraphQL.

GraphQL-DataLoader-Boilerplate

https://github.com/entria/graphql-dataloader-boilerplate

Boilerplate to start your GraphQL with DataLoader server

GraphQL-CEP

https://github.com/sibelius/graphql-cep

Query address by CEP

Apollo React example for Github GraphQL API

https://github.com/katopz/react-apollo-graphql-github-example

Usage Examples Apollo React for Github GraphQL API with create-react-app

Intuitive GraphQL Resolver Example

https://github.com/xpepermint/graphql-example

GraphQL application example using contextable.js.

GraphQL Tutorial

https://github.com/rse/graphql-tutorial

A didactic 12-step introduction to GraphQL, starting from a simple Hello World to a network-based GraphQL server with a built-in GraphQL UI

Serverless Apollo Graphql

https://github.com/RishikeshDarandale/serverless-graphql-boilerplate

Boilerplate to start you Apollo graphql server in AWS using serverless framework

awesome-javascript

https://github.com/sorrycc/awesome-javascript#readme

🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things. - sorrycc/awesome-javascript

awesome-promises

https://github.com/wbinnssmith/awesome-promises#readme

A curated list of useful resources for JavaScript Promises - wbinnssmith/awesome-promises

awesome-standard

https://github.com/standard/awesome-standard#readme

Documenting the explosion of packages in the standard ecosystem! - standard/awesome-standard

awesome-js-must-watch

https://github.com/bolshchikov/js-must-watch#readme

Must-watch videos about javascript Looking for maintainer - bolshchikov/js-must-watch

awesome-jstips

https://github.com/loverajoel/jstips#readme

This is about useful JS tips! Contribute to loverajoel/jstips development by creating an account on GitHub.

awesome-network-js

https://github.com/Kikobeats/awesome-network-js#readme

A :tophat: list of network layer resources written pure JS. - Kikobeats/awesome-network-js

awesome-micro-npm-packages

https://github.com/parro-it/awesome-micro-npm-packages#readme

A curated list of small, focused npm packages. Contribute to parro-it/awesome-micro-npm-packages development by creating an account on GitHub.

awesome-mad-science

https://github.com/feross/awesome-mad-science#readme

Delightful npm packages that make you say "wow, didn't know that was possible!" - feross/awesome-mad-science

awesome-maintenance-modules

https://github.com/maxogden/maintenance-modules#readme

a list of modules that are useful for maintaining or developing modules - maxogden/maintenance-modules

awesome-npm

https://github.com/sindresorhus/awesome-npm#readme

Awesome npm resources and tips. Contribute to sindresorhus/awesome-npm development by creating an account on GitHub.

awesome-ava

https://github.com/avajs/awesome-ava#readme

Awesome AVA resources. Contribute to avajs/awesome-ava development by creating an account on GitHub.

awesome-eslint

https://github.com/dustinspecker/awesome-eslint#readme

A list of awesome ESLint plugins, configs, etc. Contribute to dustinspecker/awesome-eslint development by creating an account on GitHub.

awesome-observables

https://github.com/sindresorhus/awesome-observables#readme

Awesome Observable related stuff - An Observable is a collection that arrives over time. - sindresorhus/awesome-observables

awesome-npm-scripts

https://github.com/RyanZim/awesome-npm-scripts#readme

Everything awesome related to npm scripts and using npm as a build tool. - RyanZim/awesome-npm-scripts

awesome-30-seconds-of-code

https://github.com/30-seconds/30-seconds-of-code#readme

A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less. - 30-seconds/30-seconds-of-code

awesome-javascript-learning

https://github.com/micromata/awesome-javascript-learning#readme

A tiny list limited to the best JavaScript Learning Resources - micromata/awesome-javascript-learning

Immutable.js home page

https://immutable-js.github.io/immutable-js/

[Immutable][] data cannot be changed once created, leading to much simpler application development, no defensive copying, and enabling advanced memoization and change detection techniques with simple ...

GitHub - stoeffel/awesome-fp-js

https://github.com/stoeffel/awesome-fp-js#readme

:sunglasses: A curated list of awesome functional programming stuff in js - stoeffel/awesome-fp-js

The Cost Of JavaScript In 2018 – Addy Osmani – Medium

https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4/

Youtube video

Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked...

Simplify your JavaScript – Use .map(), .reduce(), and .filter()

https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d

Simplify the way you write your JavaScript by using .map(), .reduce() and .filter() instead of for() and forEach() loops. You’ll end up with clearer, less clunky code!

mermaid docs

https://mermaidjs.github.io/

Generation of diagrams and flowcharts from text in a similar manner as markdown.

Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code?

This is why mermaid...

Podcasts – React

https://reactjs.org/community/podcasts.html

Podcasts dedicated to React and individual podcast episodes with React discussions.

Podcasts

Moment.js Home Page

http://momentjs.com/

A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.

Documentation

Istanbul, a JavaScript test coverage tool.

https://istanbul.js.org/

Istanbul instruments your ES5 and ES2015+ JavaScript code with line counters, so that you can track how well your unit-tests exercise your codebase.

express-validator

https://express-validator.github.io

An express.js middleware for validator.js.

validator.js

https://github.com/chriso/validator.js

String validation.

Jest · 🃏 Delightful JavaScript Testing

https://jestjs.io/

🃏 Delightful JavaScript Testing

CodeMirror

http://codemirror.net/

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced e...

Marked.js Homepage

https://marked.js.org/

A markdown parser and compiler. Built for speed.

A personal review of automated testing tools in the JavaScript world

https://itnext.io/a-personal-review-of-automated-testing-tools-in-the-javascript-world-3c504fe6e05d

In this post, I will talk about my experiences with test automation using tools that support JavaScript. In the first part of the post, I will talk about tools for test automation of the graphical use...

Reading streams via async iteration in Node.js

http://2ality.com/2018/04/async-iter-nodejs.html

Node.js 10 was released on April 24, 2018. This version provides experimental support for asynchronously iterating over readable streams. This blog post explains how that works.

2ality – JavaScript and more

http://2ality.com

2ality is a blog about JavaScript, web development and mobile computing (but other topics are covered, too, occasionally). This blog was started in March 2005. From the author of exploringjs

AOP for JS

https://github.com/cujojs/meld

AOP for JS with before, around, on, afterReturning, afterThrowing, after advice, and pointcuts - cujojs/meld

Node Http Status Codes

https://github.com/prettymuchbryce/node-http-status

Constants enumerating the HTTP status codes. All status codes defined in RFC1945 (HTTP/1.0, RFC2616 (HTTP/1.1), and RFC2518 (WebDAV) are supported. - prettymuchbryce/node-http-status

How to use module.exports in Node.js

https://stackabuse.com/how-to-use-module-exports-in-node-js/

Explains with examples how to use nodejs modules and in the end a comparison with JavaScript ES6 modules system

Toastr by CodeSeven

https://codeseven.github.io/toastr/

toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

Modern Visualization for the Data Era - Plotly

https://plot.ly/

Plotly creates leading open source software for Web-based data visualization and analytical apps.

Plotly's collaboration servers (available in cloud or on premises) allow data scientists to share int...

Parallel calls with async-await in javascript - I promise you all performance and simplicity

http://www.codingpedia.org/ama/parallel-calls-with-async-await-in-javascript-i-promise-you-all-perfo...

I was blown away about the simplicity and performance gain of making parallel calls with the new async-await feature in javascript. See the blog post to understand why.

InversifyJS a powerful IoC container for JavaScript apps powered by TypeScript

http://inversify.io/

InversifyJS is a lightweight inversion of control (IoC) container for TypeScript and JavaScript apps.

Service Workers - Practical Guided Introduction (several examples)

https://blog.angular-university.io/service-workers/

Get a theoretical and practical understanding of Service Workers, by implementing one of its main use cases: Application Download, Installation & Versioning

Preact

https://preactjs.com/

Preact is a fast 3kB alternative to React with the same modern API. Components & Virtual DOM.

Asynchrony: Under the Hood - Shelley Vohr - JSConf EU 2018 - YouTube

https://www.youtube.com/watch?v=SrNQS8J67zc

This talk will explore the conceptual underpinnings of asynchronous programming options, and the drawbacks and advantages to each. JS has supported callbacks...

Async programming basics every JS developer should know in 2018

https://dev.to/siwalik/async-programming-basics-every-js-developer-should-know-in-2018-a9c

A beginner's guide to async programming in Javascript

  • :calendar: published on: 2018-06-14
  • tags: javascript

javascript - Error: request entity too large - Stack Overflow

https://stackoverflow.com/questions/19917401/error-request-entity-too-large

Solution:

D3.js - Data-Driven Documents

https://d3js.org/

D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

Interactive JavaScript charts for your webpage

https://www.highcharts.com/

Highcharts - Interactive JavaScript charts for your web pages.

Hashids - generate short unique ids from integers

https://hashids.org/

Generate short unique ids from integers. Use in url shortening or as unique ids.

Array.prototype.sort() - JavaScript

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

The sort() method sorts the elements of an array in place and returns the array. The sort is not necessarily stable. The default sort order is according to string Unicode code points.

If `compareFu...

JavaScript End to End Testing Framework

https://www.cypress.io/

Fast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing.

JavaScript Air

https://javascriptair.com/

The live JavaScript podcast all about JavaScript and the web platform. Available on YouTube, iTunes, and an RSS audio feed

ES6 In Depth Articles

https://hacks.mozilla.org/category/es6-in-depth/

Series of great articles about ES6

So how does JSONP really work? Some simple examples

http://schock.net/articles/2013/02/05/how-jsonp-really-works-examples/

Perhaps you know JSONP from a Javascript library like jQuery but aren't sure exactly how it works. Here are some simple JSONP examples to show you how.

SheetJS - Home

https://sheetjs.com/

Parser and writer for various spreadsheet formats. Pure-JS cleanroom implementation from official specifications, related documents, and test files. Emphasis on parsing and writing robustness, cross-f...

Debugging JavaScript in Chrome - Help

https://www.jetbrains.com/help/idea/debugging-javascript-in-chrome.html

This feature is only supported in the Ultimate edition.

IntelliJ IDEA provides a built-in debugger for your client-side JavaScript code that works with Chrome. The video and the instructions below wa...

GitHub - wycats/javascript-decorators

https://github.com/wycats/javascript-decorators

Decorators make it possible to annotate and modify classes and properties at design time.

While ES5 object literals support arbitrary expressions in the value position, ES6 classes only support liter...

Exploring EcmaScript Decorators – Google Developers – Medium

https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841

Iterators, generators and array comprehensions; The similarities between JavaScript and Python continue to increase over time and I for one could not be more excited. Today we’re going to talk about t...

  • :calendar: published on: 2015-07-09
  • tags: javascript

Introduction RxJS - Javascript library for functional reactive programming.

http://xgrommx.github.io/rx-book/

Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators.

Machine Learning From Scratch: The Perceptron Model - YouTube

https://www.youtube.com/watch?v=iumlHzoVlJM

Learn how to build a perceptron model from scratch with Javascript!

Socket.IO

https://socket.io/

Realtime application framework (Node.JS server)

undefined - JavaScript MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined

The global undefined property represents the primitive value undefined. It is one of JavaScript's primitive types.

Moment.js | Docs

https://momentjs.com/docs/

Parse, validate, manipulate, and display dates in javascript.

GitHub - LeCoupa/awesome-cheatsheets

https://github.com/LeCoupa/awesome-cheatsheets

awesome-cheatsheets - 📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

Hammer.JS - Hammer.js

http://hammerjs.github.io/

A JavaScript library for detecting touch gestures.

Building Secure JavaScript Applications

https://nemethgergely.com/building-secure-javascript-applications/

Tips and best practices on how to build secure JavaScript applications

Dan Abramov - The Melting Pot of JavaScript - YouTube

https://www.youtube.com/watch?v=G39lKaONAlA

People have mixed feelings about the JavaScript ecosystem. Are we living in the JavaScript fatigue or in the JavaScript Renaissance? Dan Abramov from the React team thinks it’s a bit of both. In this ...

GitHub - airbnb/javascript: JavaScript Style Guide

https://github.com/airbnb/javascript

javascript - JavaScript Style Guide

A set of best practices for JavaScript projects

https://github.com/wearehive/project-guidelines

project-guidelines

Regexper

https://regexper.com/

Regular expression visualizer using railroad diagrams

Functional Programming in Javascript

http://reactivex.io/learnrx/

This is a series of interactive exercises for learning Microsoft's Reactive Extensions (Rx) Library for Javascript. So why is the title "Functional Programming in Javascript"? Well it turns out that t...

javascript - Using async/await with a forEach loop - Stack Overflow

https://stackoverflow.com/questions/37576685/using-async-await-with-a-foreach-loop

If you want to read the files in sequence, you cannot use forEach indeed. Just use a modern for … of loop instead, in which await will work as expected

Juri's TechBlog

https://juristr.com/blog/

A resource for web developers.

@use JSDoc

http://usejsdoc.org/

An API documentation generator for JavaScript.

Scalable Single-Page Application Architecture · Minko Gechev's blog

http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2-application-architec...

John Papa Home Page

https://johnpapa.net/

Husband, father, & Catholic enjoying life with my family. Working @ Microsoft. Disney fanatic, web and mobile developer

DerickBailey.com - Trade Secrets Of A Developer / Entrepreneur

https://derickbailey.com/

Trade Secrets Of A Developer / Entrepreneur

ES6 Promises (with Angular 2) Explained - YouTube

https://www.youtube.com/watch?v=viaF0hM8G94

An introduction to ES6 Promises. The example uses Angular 2 but the concepts apply to any ES6/ES2015 JavaScript code.

Great and easy to understand - compares callback code to promises...

Async/Await with Angular 2 – Encoded Labs

https://labs.encoded.io/2016/12/08/asyncawait-with-angular/

GitHub - marcuswestin/store.js

https://github.com/marcuswestin/store.js

store.js - Cross-browser storage for all use cases, used across the web.

Sinon.JS

http://sinonjs.org/

Standalone test spies, stubs and mocks for JavaScript. Works with any unit testing framework.

Mocha - home page

http://mochajs.org/

Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate report...

Array.prototype.reduce() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

The reduce() method applies a function against an accumulator and each element in the array (from left to right) to reduce it to a single value.

...

Date.prototype.toLocaleString() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

The toLocaleString() method returns a string with a language sensitive representation of this date. The new locales and options arguments let applications specify the language whose formatting conve...

Taming the asynchronous beast with ES7

https://pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html

Async functions examples, loops and some best practices...

await - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await

The await operator is used to wait for a Promise. It can only be used inside an [async function](https://developer....

6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)

https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518d...

Async/await is one of the most revolutionary features that have been added to JavaScript in the past few years. It makes you realize what a syntactical mess promises are, and provides an intuitive...

  • :calendar: published on: 1988-03-25
  • tags: javascript

Async functions - making promises friendly | Web | Google Developers

https://developers.google.com/web/fundamentals/getting-started/primers/async-functions

Async functions are enabled by default in Chrome 55 and they're quite frankly marvelous. They allow you to write promise-based code as if it were synchronous, but without blocking the main thread. The...

async function - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

The async function declaration defines an asynchronous function, which returns an [AsyncFunction ] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction) ...

Object.assign() - JavaScript | MDN

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

The Object.assign() method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object.

JSON.parse() - JavaScript | MDN

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

The JSON.parse() method parses a JSON string, constructing the JavaScript value or object described by the string. An optional reviver function can be provided to perform a transformation on the res...

Using promises - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises

A Promise is an object representing the eventual completion or failure of an asynchronous operation. A promi...

JavaScript: bind function

http://krasimirtsonev.com/blog/article/JavaScript-bind-function-setting-a-scope

The this keyword is always important in JavaScript. I'll admit that it took me some time to actually understand how it works. You know, sometimes JavaScript is all about the scope. Where you are and...

Function.prototype.bind() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called....

Arguments object - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments

The arguments object is an Array-like object corresponding to the arguments passed to a function.

The arguments object is a local variable available within all functions. You can refer to a funct...

Function.prototype.call() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call

The call() method calls a function with a given this value and arguments provided individually.

Good examples - you kind of get it once you read them...

Function.prototype.apply() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply

The apply() method calls a function with a given this value, and arguments provided as an array (or an [array-like object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Indexed_col...

Callback Hell

http://callbackhell.com/

A guide to writing asynchronous JavaScript programs

debug

https://www.npmjs.com/package/debug

A tiny node.js debugging utility modelled after node core's debugging technique.

Understand JavaScript Callback Functions and Use Them | JavaScript is Sexy

http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/

Because functions are first-class objects, we can pass a function as an argument in another function and later execute that passed-in function or even return it to be executed later. This is the essen...

  • :calendar: published on: 2013-03-04
  • tags: javascript

Array.prototype.forEach() - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

The forEach() method executes a provided function once for each array element.

Syntax ...

async - Documentation

http://caolan.github.io/async/

Async is a utility module which provides straight-forward, powerful functions for working with asynchronous JavaScript. Although originally designed for use with Node.js and installable via `npm insta...

JavaScript Standard Style

https://standardjs.com/

One JavaScript Style to Rule Them All JavaScript style guide, with linter & automatic code fixer

Webseiten erstellen mit Javascript

http://www.highscore.de/javascript/

JavaScript und AJAX

http://openbook.rheinwerk-verlag.de/javascript_ajax/

JavaScript

http://www.peterkropff.de/site/javascript/javascript.htm

— Peter Kropff (Grundlagen, AJAX, DOM, OOP) [Online, PDF]

JavaScript Garden

http://ilkaddimlar.com/JavaScript/182/Obyekt-anlayisi

JavaScript Frameworks/Bibliotecas e Livros

javascript-frameworks-resources-pt_BR.md

JS: A forma certa

http://jstherightway.org/pt-br/

EXPERT JS Stack

http://stack.desenvolvedor.expert

Eloquente Javascript

https://github.com/braziljs/eloquente-javascript

JavaScript

https://fi.wikibooks.org/wiki/JavaScript

Wstęp - JavaScript

http://www.kurshtml.edu.pl/js/index.html

Kurs JavaScript. Programowanie frontendowe (VIDEO)

https://www.youtube.com/playlist?list=PLOYHgt8dIdoxTUYuHS9ZYNlcJq5R3jBsC

JavaScript. I wszystko jasne

http://shebang.pl/kursy/wszystko-jasne/

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/pl

Node.js для начинающих

http://nodebeginner.ru

jQuery для начинающих

http://anton.shevchuk.name/jquery-book/

Антон Шевчук

Современный учебник JavaScript

http://learn.javascript.ru

Илья Кантор

Паттерны для масштабируемых JavaScript-приложений

http://largescalejs.ru

Эдди Османи

Выразительный JavaScript

https://github.com/karmazzin/eloquentjavascript_ru

Marijn Haverbeke

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/ru/

Иво Ветцель

React チュートリアル

https://facebook.github.io/react/docs/tutorial-ja-JP.html

Facebook Inc.

React 0.13 日本語リファレンス

http://js.studio-kingdom.com/react

@tomof(翻訳)

Nodeビギナーズブック

http://www.nodebeginner.org/index-jp.html

Manuel Kiessling, Yuki Kawashima(翻訳)

node.js 怒濤の50サンプル!! – socket.io編

https://github.com/omatoro/NodeSample

omatoro

Felix's Node.js Style Guide

http://popkirby.github.io/contents/nodeguide/style.html

Debuggable Limited., @popkirby(翻訳)

jQuery日本語リファレンス

http://semooh.jp/jquery/

semooh.jp

jQuery UI API 1.8.4 日本語リファレンス

http://stacktrace.jp/jquery/ui/

いけまさ

Backboneドキュメント日本語訳

https://github.com/enja-oss/Backbone

Jeremy Ashkenas, @studiomohawk(監訳)

すぐできる AngularJS

http://8th713.github.io/LearnAngularJS

@8th713

AngularJSスタイルガイド

https://github.com/mgechev/angularjs-style-guide/blob/master/README-ja-jp.md

AngularJS's tutorial - あなたとともにAngularJS

http://lab.hisasann.com/AngularJSTutorial/

@hisasann

AngularJS 日本語マニュアル

http://angular-js.net

AngularJS 1.2 日本語リファレンス

http://js.studio-kingdom.com/angularjs

@tomof(翻訳)

一撃必殺JavaScript日本語リファレンス

http://www.openspc2.org/JavaScript/

古籏一浩

中上級者になるためのJavaScript

https://kenju.gitbooks.io/js_step-up-to-intermediate/

Kenju

The little book of Buster.JS

http://the-little-book-of-busterjs.readthedocs.org

azu

Mozilla Developer Network 日本語ドキュメント

https://developer.mozilla.org/ja/docs/Web/JavaScript

MDN

JavaScript 言語リファレンス

https://msdn.microsoft.com/ja-jp/library/d1et7k7c.aspx

MSDN Library

JavaScript 基礎文法最速マスター

http://gifnksm.hatenablog.jp/entry/20100131/1264934942

id:gifnksm

JavaScript style guide

https://developer.mozilla.org/ja/docs/JavaScript_style_guide

MDN

JavaScript Promiseの本

http://azu.github.io/promises-book/

azu

JavaScript Programming

http://www.geocities.jp/m_hiroi/light/javascript.html

広井誠

JavaScript Plugin Architecture

https://www.gitbook.com/book/azu/javascript-plugin-architecture/details

azu

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/ja/

Ivo Wetzel, HIRAKI Satoru(翻訳)

Google JavaScript スタイルガイド

http://www38.atwiki.jp/aias-jsstyleguide2/

Aaron Whyte, Bob Jervis, Dan Pupius, Erik Arvidsson, Fritz Schneider, Robby Walker, aiaswood(翻訳)

Airbnb JavaScript スタイルガイド

http://mitsuruog.github.io/javacript-style-guide/

Airbnb, 小川充(翻訳)

Introducción a Node.js a través de Koans

http://nodejskoans.com

El Libro para Principiantes en Node.js

http://www.nodebeginner.org/index-es.html

Fundamentos de jQuery

http://librojquery.com

Tutorial de D3

http://gcoch.github.io/D3-tutorial/index.html

Cómo aprender AngularJS

http://raulexposito.com/documentos/como-aprender-angularjs/

JavaScript Para Gatos

https://jsparagatos.com

JavaScript, ¡Inspírate!

https://github.com/UlisesGascon/javascript-inspirate

Jardín de JavaScript

http://bonsaiden.github.io/JavaScript-Garden/es

Introducción a JavaScript

http://librosweb.es/libro/javascript/

Introducción a AJAX

http://librosweb.es/libro/ajax/

Guida di riferimento

http://lia.deis.unibo.it/Courses/TecnologieWeb0809/materiale/laboratorio/guide/JScriptRef_Ita.pdf

(PDF)

Javascript Éloquent : Une introduction moderne à la programmation

http://fr.eloquentjavascript.net

Marijn Haverbeke

Otomatisasi dengan gulp.js

https://kristories.gitbooks.io/otomatisasi-dengan-gulp-js/content/

Mengenal JavaScript

http://masputih.com/2013/01/ebook-gratis-mengenal-javascript

The Road to learn React - Build a Hacker News App along the Way

https://leanpub.com/the-road-to-learn-react

, Open Source

The Node Beginner Book

http://nodebeginner.org

Node.js Succinctly, Syncfusion

https://www.syncfusion.com/resources/techportal/ebooks/nodejs

(PDF, Kindle) (Just fill the fields with any values)

Node: Up and Running

http://chimera.labs.oreilly.com/books/1234000001808/index.html

Tom Hughes-Croucher

Mixu's Node Book

http://book.mixu.net/node/

JavaScript and Node FUNdamentals

https://web.archive.org/web/20150327025334/https://leanpub.com/jsfun/read

Azat Mardanov

An Introduction to libuv

https://nikhilm.github.io/uvbook/

Nikhil Marathe (PDF - ePub)

Javascript Frameworks Resources and Tutorials

/javascript-frameworks-resources.md

.

Understanding JavaScript OOP

http://robotlolita.me/2011/10/09/understanding-javascript-oop.html

(Sorella)

Understanding ECMAScript 6

https://leanpub.com/understandinges6/read

Nicholas C. Zakas

The Problem with Native JavaScript APIs

http://chimera.labs.oreilly.com/books/1234000001655/index.html

The JavaScript Tutorial

http://javascript.info

Speaking JavaScript

http://speakingjs.com/es5/

Dr. Axel Rauschmayer

Patterns For Large-Scale JavaScript Application Architecture

http://addyosmani.com/largescalejavascript/

Addy Osmani

Oh My JS

https://web.archive.org/web/20150317231950/https://leanpub.com/ohmyjs/read

Azat Mardanov

O'Reilly Programming JavaScript Applications

http://chimera.labs.oreilly.com/books/1234000000262/

Mozilla Developer Network's JavaScript Guide

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

Mastering JavaScript High Performance

https://www.packtpub.com/packt/free-ebook/javascript-high-performance

Chad R. Adams, Packt. (Just fill the fields with any values)

Marionette Exposé: Learn to write modular Javascript applicatons using Backbone Marionette and RequireJS/AMD

https://leanpub.com/marionetteexpose

Jack Killilea

Learning JavaScript Design Patterns

http://addyosmani.com/resources/essentialjsdesignpatterns/book/

Addy Osmani

Managing Space and Time with JavaScript - Book 1: The Basics

http://www.noelrappin.com

Noel Rappin

Learn to Code JavaScript by Playing a Game

http://codecombat.com

Leaflet Tips and Tricks: Interactive Maps Made Easy

https://leanpub.com/leaflet-tips-and-tricks

Malcolm Maclean

JS Robots

http://markdaggett.com/images/ExpertJavaScript-ch6.pdf

(PDF)

jQuery Fundamentals

http://jqfundamentals.com

(starts with JavaScript basics)

JavaScript the Right Way

https://github.com/braziljs/js-the-right-way

Javascript Succinctly, Syncfusion

https://www.syncfusion.com/resources/techportal/ebooks/javascript

(PDF, Kindle) (Just fill the fields with any values)

JavaScript Spessore

https://web.archive.org/web/20160325064800/https://leanpub.com/javascript-spessore/read

Reginald Braithwaite

JavaScript Patterns Collection

http://shichuan.github.io/javascript-patterns/

Shi Chuan

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/

(Maintained by Tim Ruffles)

JavaScript Fundamentals, Plus a Dash Of JQuery - for dinner ladies

http://nicholasjohnson.com/javascript-book/

JavaScript For Cats

http://jsforcats.com

JavaScript Enlightenment

http://www.javascriptenlightenment.com

Cody Lindley

JavaScript Bible

http://media.wiley.com/product_ancillary/28/07645334/DOWNLOAD/all.pdf

(PDF)

JavaScript Allongé

https://leanpub.com/javascript-allonge/read

Reginald Braithwaite

Google JavaScript Style Guide

https://google.github.io/styleguide/javascriptguide.xml

Exploring ES6

http://exploringjs.com/es6/

Dr. Axel Rauschmayer

Eloquent JavaScript 2nd edition

http://eloquentjavascript.net

Marijn Haverbeke

Developing Backbone.js Applications

http://addyosmani.github.io/backbone-fundamentals/

Addy Osmani

Crockford's JavaScript

http://www.crockford.com/javascript/

Douglas Crockford

Book of Modern Frontend Tooling

https://github.com/tooling/book-of-modern-frontend-tooling

Basic JavaScript for the impatient programmer

http://www.2ality.com/2013/06/basic-javascript.html

Dr. Axel Rauschmayer

深入理解JavaScript系列

http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

学用 JavaScript 设计模式

http://www.oschina.net/translate/learning-javascript-design-patterns

(开源中国)

命名函数表达式探秘

http://justjavac.com/named-function-expressions-demystified.html

(注:原文由为之漫笔 翻译，原始地址无法打开，所以此处地址为我博客上的备份)

Zepto.js 中文文档

http://css88.com/doc/zeptojs_api

You-Dont-Know-JS

https://github.com/getify/You-Dont-Know-JS

(深入JavaScript语言核心机制的系列图书)

Underscore.js中文文档

http://learningcn.com/underscore/

React.js 中文文档

http://reactjs.cn

React 入门教程

http://fraserxu.me/intro-to-react/

React webpack-cookbook

https://github.com/fakefish/react-webpack-cookbook

React Native 中文文档(含最新Android内容)

http://wiki.jikexueyuan.com/project/react-native/

Learn React & Webpack by building the Hacker News front page

https://github.com/theJian/build-a-hn-front-page

JavaScript全栈工程师培训材料

http://nodejs.ctolib.com/docs/sfile/jstraining/engineering.html

使用 Express + MongoDB 搭建多人博客

https://github.com/nswbmw/N-blog

七天学会NodeJS

http://nqdeng.github.io/7-days-nodejs/

Node入门

http://www.nodebeginner.org/index-zh-cn.html

nodejs中文文档

https://www.gitbook.com/book/0532/nodejs/details

Nodejs Wiki Book

https://github.com/nodejs-tw/nodejs-wiki-book

(繁体中文)

Node.js 包教不包会

https://github.com/alsotang/node-lessons

Node.js Fullstack《從零到一的進撃》

https://github.com/jollen/nodejs-fullstack-lessons

Node debug 三法三例

http://i5ting.github.io/node-debug-tutorial/

Learn You The Node.js For Much Win! (中文版)

https://www.npmjs.com/package/learnyounode-zh-cn

koa 中文文档

https://github.com/guo-yu/koa-guide

Express框架

http://javascript.ruanyifeng.com/nodejs/express.html

express.js 中文文档

http://expressjs.jser.us

Discover Meteor

http://zh.discovermeteor.com

简单易懂的JQuery魔法

http://www.nowamagic.net/librarys/books/contents/jquery

How to write jQuery plugin

http://i5ting.github.io/How-to-write-jQuery-plugin/build/jquery.plugin.html

Javascript编程指南

http://pij.robinqu.me

(源码)

JavaScript核心概念及实践

http://icodeit.org/jsccp/

(PDF) (此书已由人民邮电出版社出版发行，但作者依然免费提供PDF版本，希望开发者们去购买，支持作者)

JavaScript 秘密花园

http://bonsaiden.github.io/JavaScript-Garden/zh/

javascript 的 12 个怪癖

https://github.com/justjavac/12-javascript-quirks

《JavaScript 模式》

https://github.com/jayli/javascript-patterns

“JavaScript patterns”中译本

JavaScript 标准参考教程（alpha）

http://javascript.ruanyifeng.com

Javascript 原理

http://typeof.net/s/jsmech/

JavaScript Promise迷你书

http://liubin.github.io/promises-book/

impress.js的中文教程

https://github.com/kokdemo/impress.js-tutorial-in-Chinese

Google JavaScript 代码风格指南

http://bq69.com/blog/articles/script/868/google-javascript-style-guide.html

Ext4.1.0 中文文档

http://extjs-doc-cn.github.io/ext4api/

ECMAScript 6 入门

http://es6.ruanyifeng.com

(作者：阮一峰)

楚狂人的D3教程

http://www.cnblogs.com/winleisure/tag/D3.js/

张天旭的D3教程

http://blog.csdn.net/zhang__tianxu/article/category/1623437

官方API文档

https://github.com/mbostock/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C

D3.js 入门系列

http://www.ourd3js.com/wordpress/?cat=2

(还有进阶、高级等系列)

CoffeeScript 编码风格指南

https://github.com/geekplux/coffeescript-style-guide

Chrome扩展及应用开发

http://www.ituring.com.cn/minibook/950

Backbone.js入门教程第二版

https://github.com/the5fire/backbonejs-learning-note

backbone.js入门教程

http://www.the5fire.com/backbone-js-tutorials-pdf-download.html

(PDF)

backbone.js中文文档

http://www.css88.com/doc/backbone/

构建自己的AngularJS

https://github.com/xufei/Make-Your-Own-AngularJS/blob/master/01.md

在Windows环境下用Yeoman构建AngularJS项目

http://www.waylau.com/build-angularjs-app-with-yeoman-in-windows/

AngularJS最佳实践和风格指南

https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md

AngularJS入门教程

https://github.com/zensh/AngularjsTutorial_cn

AngularJS中译本

https://github.com/peiransun/angularjs-cn

Airbnb JavaScript 规范

https://github.com/adamlu/javascript-style-guide

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/tr

Розуміння ECMAScript 6

http://understandinges6.denysdovhan.com

— Денис Довгань (LambdaBooks)

Node.js API 한글 번역 by outsideris

http://nodejs.sideeffect.kr/docs/

Discover Meteor

http://kr.discovermeteor.com

JavaScript Garden

http://bonsaiden.github.io/JavaScript-Garden/ko

Backbone.js API 한글 번역 v0.9.2

http://iwidgets.kr/document/backbonejs.html