Javascript

Table of Contents

• Javascript
• Functional Javascript
• ES6, ES2016, TypeScript
• JSON
• WebAssembly
• Node.js
• Package Managers
• Tools
• Testing Tools
• Meteor Links
• Vue.js Links
• Angular, Ionic
• Aurelia
• Next.js
• Frameworks
• IDEs
• Data Visualization
• egghead.io
• Pluralsight courses
• Open Source Collective

---

Javascript

• Awesome Javascript | Awesome Javascript | Awesome FP JS
• Awesome Frontend
• Awesome Progressive Web Apps
• Awesome Chrome Dev Tools
• Awesome Service Workers | Awesome Service Workers
• Awesome JS Drama
• Awesome Javascript Books
• A.W.E.S.O.M.O. Javascript
• 5 Rock Solid JavaScript Newsletters
  • JavaScript Weekly
  • React.js Newsletter
  • Node Weekly
  • JSter
  • FrontEnd Focus
  • Hacker Newsletter - The Hacker News Newsletter
  • Panda Weekly
• JS Foundation
  • Projects
  • The Linux Foundation Unites JavaScript Community for Open Web Development
• Vanilla JS
• How it feels to learn JavaScript in 2016
  • on HackerNews
  • on Reddit
  • Stop blaming on JavaScript when all you want is to talk about Front End
• JavaScript Trends to Watch in 2017
  • WebAssembly | Elm | babili | OCaml | BucleScript | ReasonML | Purescript | Webpack-blocks | GraphQL | React Storybook | jQuery 3.0 | Pixi.js | Preact | Inferno | Rust | Cuctom Elements v1 | WebRTC | Next.js
• Clean code Javascript
• Javascript Fatigue
  • How JavaScript Fatigue simplifies coding and increases revenue
• What programming language should you learn first? ʇdıɹɔsɐʌɐɾ :ɹǝʍsuɐ
• Who said javascript was easy ?
• The top rising JavaScript trends to watch in 2017
• 15 Interesting JavaScript and CSS Libraries for June 2017
  • Moon | React + D3 = vx | AmartPhoto | Feathers | embedo | Microtip | Prettier | UPNG.js | Tinytime | {St}r{M}an | IotaCSS | PKG \ Sakura | Birdview.js | Timeline.js
• Stanford just abandoned Java in favor of JavaScript for its intro CS course
• Useful JS functions you aren't using: Array.map
• Different ways to debug JavaScript code
  • alert(), Breakpoints, debugger;, Object.observe(), debug(), monitor(), monitorEvents()

• console.*(): assert, clear, count, debug, dir, dirxml, error, group, groupCollapsed, groupEnd, info, log, profile, profileEnd, time, timeEnd, timeStamp, trace, warn

• Quick and dirty tricks to debug Javascript 🕵
• Promises
  • Three Javascript performance fundamentals that make Bluebird fast
  • A quick guide to JavaScript Promises
  • JavaScript Promises: an Introduction
  • Async functions - making promises friendly
• Async
  • Async Functions - Stage 3 Draft
  • JavaScript Will Finally Get Proper Asynchronous Programming
  • 6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)
• Streams API
• Fetch API
  • How to Use the JavaScript Fetch API to Get Data
  • Using fetch() and reduce() to grab and format data from an external API - A practical guide
• https://javascriptair.com/ - The live broadcast podcast all about JavaScript (ended)
  • 49 episodes
• Javascript training
  • https://hackernoon.com/i-want-to-teach-you-to-build-products-using-javascript-for-free-8900dc836961
    • https://www.youtube.com/watch?v=vkuKW_wuFq4
• Free Javascript books
  • YDKJS - You Don’t Know JS
• Airbnb styleguide
• Javascript Speech Recognition
• Everything is fine with JavaScript
• Front-end is 🤘 and JavaScript is 👑
• A Javascript journey with only six characters [ ] ( ) ! +
  • JSFuck | jsfuck.js | on Wikipedia | on Esolang | on GitHub
• Browser push notifications using JavaScript
• How My 10-Year-Old Learned Javascript
• Tutorialzine: 15 Interesting JavaScript and CSS Libraries for...
  • January 2016
  • February 2016
  • March 2016
  • April 2016
  • May 2016
  • June 2016
  • July 2016
  • August 2016
  • September 2015
  • October 2016: Leaflet | Reflexbox | Lory | Granim | React Native Elements | Reframe | Progress Bar | Headroom.js | SpinThatShit | Navigo | Wysiwyg.css | Choreographer | Open color | Fuse.js | Ionicons
• Hyper.app - JS/HTML/CSS Terminal
  • on GitHub
  • Awesome Hyper
• HTTP/2 Server Push and Service Workers: The Perfect Partnership
• How JavaScript’s Reduce method works, when to use it, and some of the cool things it can do
• Interview Algorithm Questions in Javascript() {...}
• 7 JavaScript Libraries for Dashboards
• 12 Extremely Useful Hacks for JavaScript
• Prettier
  • A Prettier JavaScript Formatter
  • Releasing Prettier 1.0

---

Style Guides

• Google JavaScript Style Guide
• Google JSON Style Guide
• Airbnb JavaScript Style Guide() { - A mostly reasonable approach to JavaScript };
• Node.js Style Guide by Felix Geisendörfer
• Principles of Writing Consistent, Idiomatic JavaScript
• JavaScript The Right Way

---

Functional Javascript

• Making Your JavaScript More Functional
• Exploring functional JavaScript
• Functional-like data manipulation in JavaScript
• An Introduction Into Lenses In JavaScript - Functional Getter/Setter

---

ES6, ES2016, TypeScript

• Awesome Typescript
• ES6 for Everyone!
• ECMAScript 6 - Overview of ECMAScript 6 features
• Practical ES6
• How to Learn ES6
• State of the Art JavaScript in 2016
• JavaScript test coverage made simple
  • the Istanbul command line interface on GitHub
• Exploring TypeScript
• Why You Need Types
• ES6, var vs let Stage 1 Draft / January 3, 2018
• Optional Chaining
  • tc39/proposal-optional-chaining
• Javascript: Arrays vs Objects
• Recursion in JavaScript with ES6, destructuring and rest/spread
• The ECMAScript 2016 change you probably don't know
• ES6 Iterators and Generators in Practice
• Let’s use const! Here’s why.
• Lebab modernizes your JavaScript code!
  • on GitHub
  • ES5 to ES6 with Lebab
• Polyfills: everything you ever wanted to know, or maybe a bit less
• The Evolution Of Asynchronous JavaScript
• ECMAScript 2016+ in Firefox
• Announcing TypeScript 2.3 RC
• ESnext class features for JavaScript
  • Field declarations
  • Private fields
    • JavaScript’s new #private class fields - What they are, how they work, and why they are the way they are

---

JSON

• Awesome JSON
• An Introduction to JSON
• JSONLint
• Mr. Data Converter: CSV to HTML, JSON, XML
• XML to JSON or JSON to XML
• Beating JSON performance with Protobuf

---

WebAssembly

• on GitHub
• Awesome wasm
• WebAssembly Community Group
• What is WebAssembly? - The Dawn of a New Era
• Why we Need WebAssembly. An Interview with Brendan Eich
• Asm.js
• One reason you probably shouldn’t bet your whole career on JavaScript
• What makes WebAssembly fast? by @linclark
  • A cartoon intro to WebAssembly
  • Background:
    • A crash course in just-in-time (JIT) compilers
    • A crash course in assembly
  • WebAssembly, the present:
    • Creating and working with WebAssembly modules
    • What makes WebAssembly fast?
  • WebAssembly, the future:
    • Where is WebAssembly now and what’s next?

---

Node.js

---

Package Managers

• Awesome WebPack
• Uber Shrinkwrap
  • on GitHub
• Private npm server
• CommonJS
• WebPack Module Bundler
  • on GitHub
  • Migrating to Webpack 2
  • WebPack Dev Middleware
  • WebPack Dev Server
    • What’s new in webpack dev server 2.0
  • WebPack tree shaking
  • WebPack loaders
  • Sustaining webpack for the future: Part 1
    • WebPack Open Collective
  • Webpack Performance Budgets
  • A Guide to Managing Webpack Dependencies
  • 🚀 webpack 2 and beyond 🚀
  • Webpack is your Achilles’ heel - And it’s slowing you down
• Parcel | On GitHub
  • Tutorial: Setting up React with Parcel. A comparison with Webpack 3
  • Create a React app with zero configuration using Parcel
  • Parcel vs webpack
• rollup.js | On GitHub | Getting Started
  • Handling 3rd-party JavaScript with Rollup
  • Webpack and Rollup: the same but different
  • How I set-up a React component library with Rollup
  • Reuse Your React Components: Turn Them Into An Importable, External Dependency
  • Reuse Your React Components: The Basics of Rollup.js
  • babel-react-rollup-starter on NPM
• Yarn - a collaboration between Facebook, Exponent, Google, and Tilde
  • on GitHub
  • @yarnpkg
  • Yarn: A new package manager for JavaScript
  • Why I'm Working on Yarn
  • Yarn Roundup: What you need to know about Facebook’s new JS Package Manager
  • Meet Yarn: Your New Package Manager (video)
  • Questions I wish Yarn had answered on day one
  • Yarn Package Manager: An Improvement over npm
  • Avoid yarn for packages for now and fully enjoy its benefits for application development
  • Replacing npm with Yarn
  • Faster, More Reliable CI Builds with Yarn
  • Adventures with NPM or: How I Learned to Stop Shrinkwrapping and Love Yarn
  • Understanding differences between npm, yarn and pnpm
• Babel
• StealJS
  • Futuristic JavaScript dependency loader and builder. Speeds up application load times. Works with ES6, CommonJS, AMD, CSS, LESS and more. Simplifies modular workflows
  • on GitHub
  • Steal Tools
  • API docs
  • How To Conditionally Load Modules with StealJS
• Javascript Tooling - The Evolution and Future of JS & Front-end Build Tools
• Neutrino
  • On GitHub
  • Using Neutrino to jump-start modern JavaScript development
  • Modern JavaScript Apps with Neutrino
• Tools for Radicals
• Hot reload all the things!
  • How to use Webpack to achieve Hot Module Replacement on the back and front-end for a more productive development environment

---

Tools

• Quokka.js - The Live Scratchpad for JavaScript
  • Introducing Quokka — The Live Scratchpad for JavaScript (free developer tool)
• Front-end Frameworks
  • You can't go wrong with React
  • Vue is the new up-and-comer
  • Angular 2 > Angular
  • Top 10 JavaScript Frameworks for Modern Web Apps
    • Angular, React, Ember, Aurelia, Meteor, Backbone, Polymer, Knockout, Vue, Mercury
  • Javascript Frameworks: A futile attempt at objectivity - A personal view of the current state of JavaScript frameworks
    • Angular 1 | Angular 2 | Aurelia | Ember | Meteor | React | Vue
• Where are JavaScript frameworks going in 2017?
• Front-End Tooling Trends for 2017
• Writing modern JavaScript code
• JavaScript Stack from Scratch (Node, NPM, Yarn, ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon, and Flow)
• ESLint
  • Awesome ESLint
  • ESLint Plugin Unicorn - Awesome ESLint Rules
  • Streamline JavaScript Development with ESLint
• Lodash, Ramda
• Ramda http://ramdajs.com/0.19.1/index.html
  • https://www.sitepoint.com/functional-programming-with-ramda/
• Netflix Falcor.js
• Facebook Flow
  • on GitHub
  • Flow’s best kept secret
• Optimize.js - Optimize a JavaScript file for faster initial execution and parsing
• I finally made sense of front end build tools. You can, too.
• You Need a JavaScript Starter Kit
• Setting up a Minimal, Yet Useful JavaScript Dev Environment
• 20 JavaScript tools to blow your mind
• JSON-Splora - a GUI for editing, visualizing, and manipulating JSON data with jq or JavaScript.
• jid - Json Incremental Digger
• Immutable.js by Facebook - Immutable collections for JavaScript
  • on GitHub
  • Immutable.js, persistent data structures and structural sharing
• 8 Best JavaScript Animation Engine
• TypeORM - Data-Mapper ORM for TypeScript, ES7, ES6, ES5. Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle databases.
  • on GitHub
• 15 Interesting JavaScript and CSS Libraries for February 2017
• JavaScript Debugging Improvements in WebKit

---

Testing tools

• An Overview of JavaScript Testing in 2017
• Learning JavaScript Test-Driven Development by Example
• Jasmine
• Mocha
• Tape
  • https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4
• Dirty Chai
• Chai as Promised
• Airbnb Enzyme
• Teaspoon
• Ava
• Facebook Jest - Painless JavaScript Testing
  • on GitHub
  • 2016 in Jest
• Selenium
  • on GitHub
• Nightwatch.js - Browser automated testing done easy
  • Write End-to-End tests in Node.js quickly and effortlessly that run against a Selenium/WebDriver server
  • on GitHub
  • Node.js End-to-End Testing with Nightwatch.js

---

Meteor links

Vue.js links

---

Angular, Ionic

• https://angular.io/
• Awesome Angular 2
• Awesome Angular
• Awesome Ionic
• Awesome Ionic 2
• Building Real-Time Applications With Angular 2, LoopBack and FireLoop.io
  • Loopback.io - highly-extensible, open-source Node.js framework
  • Fireloop | FireLoop API
• The Ultimate Ionic 2 Cheatsheet
• Prototyping with AngularJS & Google Sheets
• Announcing the Ionic 2 Release Candidate!
• Getting Started With Ionic: Cordova
• Using the New Release of Angular 2’s Router 3.0.0
• Please stop worrying about Angular 3
• Angular 2 is terrible
• Bye 2k16 and Bye Angular
• Angular Material Beta Release, New Flex-Layout library
• Angular 2 Code Tutorials by Envato Tuts+-
  • How to Build an Angular 2 Service
• Build Awesome Desktop Apps with Ionic’s NEW Responsive Grid
• Essential Angular
  • Part 1: Compilation
  • Part 2: NgModules
  • Part 3: Components and Directives
  • Part 4: Dependency Injection
  • Part 5: Change Detection
  • Part 6: Testing
  • Part 7: Forms in Depth

---

Aurelia

• Awesome Aurelia
• Aurelia 1.0 is Here
• Managing State in Aurelia: How to Use Aurelia with Redux

---

Next.js

• Build a Universal JavaScript App with Next.js

---

Frameworks

• Ember/GlimmerJS
  • Ember (on GitHub)
  • Glimmer (on GitHub)
  • Why I’m excited about GlimmerJS
• Inferno
  • nferno - Blazing fast, React-like UI library - Interview with Dominic Gannaway
• tabris.js, Fuse, NativeScript
  • tabris.js
  • Fuse
  • NativeScript
• Bringing Microsoft ChakraCore to Linux and OS X
• Javascript Emulators
• Reveal.js @revealjs
• Layzr.js - A small, fast, and modern library for lazy loading images
  • Who Needs AMP? How to Lazy Load Responsive Images Quick and Easy with Layzr.js
• Notification Logger
• mo.js - Motion Graphics for the Web
  • on GitHub
  • An Introduction to mo.js

---

IDEs

• What is the best Javascript IDE or editor?
  • WebStorm, Visual Studio Code, Atom, Sublime Text, Vim, Codeanywhere, Brackets, Neovim, Codenvy, IntelliJ IDEA, NetBeans, Emacs, Cloud9, Microsoft Visual Studio, SourceLair, Light Table, Codelobster, Komodo Edit, Coda 2, Goorm IDE, Eclipse with JSDT, TextMate, Komodo IDE, Zed, BBEdit, Aptana Studio, CodeLite IDE, Chocolat, slap, Kakoune, SlickEdit
• Atom
  • Supercharge JavaScript development in Atom
• Nuclide by Facebook
  • on GitHub

---

Data Visualization

• Awesome Javascript Data Visualization
• D3.js
  • Awesome D3
  • D3.js Data Visualization Fundamentals
  • A gentle introduction to D3: how to build a reusable bubble chart
  • https://app.pluralsight.com/library/courses/geospatial-mapping-d3
  • How (and why) to use D3 with React
• 5 open source dashboard tools for visualizing data
  • Freeboard, Mozaïk, Dashbuilder, Grafana, Stashboard
• Vega - A visualization grammar (on GitHub)
  • Vega is a visualization grammar, a declarative format for creating, saving, and sharing interactive visualization designs. With Vega you can describe data visualizations in a JSON format, and generate interactive views using either HTML5 Canvas or SVG.
• Victory - an ecosystem of composable React components for building interactive data visualizations
  • on GitHub
• Recharts - Redefined chart library built with React and D3
  • on GitHub

---

Presentation tools

• Impress.js by @bartaz
  • It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
  • on GitHub
  • Impress.js: Beyond the Presentation - a Hackaton
    • Winner Gallery
• Reveal.js - The HTML Presentations Framework
  • on GitHub
  • Demo
• Spectacle - ReactJS based Presentation Library
  • on GitHub
    • Spectacle Boilerplate
  • Getting Started

---

egghead.io - Bite-size video tutorials for badass web developers

• All courses
• Lessons
• Javascript
• React
• Angular 2 | Angular 1.x
• Typescript
• RxJs
• NodeJS
• Elm
• D3
• HTML5
• CSS
• Tools
• User created playlists

---

Pluralsight courses

• Tagged 'javascript' on Pluralsight
• ES6, ES2016, Typescript
  • https://app.pluralsight.com/library/courses/js-next-es6
  • https://app.pluralsight.com/library/courses/javascript-fundamentals-es6
  • https://app.pluralsight.com/library/courses/javascript-es6-object-oriented-programming
  • https://app.pluralsight.com/library/courses/rapid-es6-training
  • https://app.pluralsight.com/library/courses/es6-with-typescript
  • https://app.pluralsight.com/library/courses/typescript
  • https://app.pluralsight.com/library/courses/typescript-in-depth
  • https://app.pluralsight.com/library/courses/typescript-practical-start
• Node.js
  • https://app.pluralsight.com/library/courses/building-web-apps-nodejs
  • https://app.pluralsight.com/library/courses/nodejs-express-web-applications
• npm
  • https://app.pluralsight.com/library/courses/npm-playbook
  • https://app.pluralsight.com/library/courses/npm-build-tool-introduction
• Angular, Ionic Framework
  • https://app.pluralsight.com/library/courses/building-mobile-apps-ionic-framework-angularjs
  • https://app.pluralsight.com/library/courses/angular-typescript
  • https://app.pluralsight.com/library/courses/play-by-play-angular-typescript-john-papa-christopher-martin
  • https://app.pluralsight.com/library/courses/using-typescript-large-angularjs-apps
• Tools
  • https://app.pluralsight.com/library/courses/play-by-play-react-babel-webpack-falcor-brian-holt
• Aurelia
  • https://app.pluralsight.com/library/courses/aurelia-fundamentals
  • https://app.pluralsight.com/library/courses/building-applications-aurelia

---

Open Source Collective