Javascript

Table of Contents

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

---

Javascript

• Awesome Javascript | Awesome Javascript | Awesome FP JS | Awesome JSON
• Awesome Frontend
• Awesome Progressive Web Apps
• Awesome Chrome Dev Tools
• Awesome Service Workers | Awesome Service Workers
• Awesome JS Drama
• Awesome Javascript Books
• 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 Fatigue
• What programming language should you learn first? ʇdıɹɔsɐʌɐɾ :ɹǝʍsuɐ
• Making Your JavaScript More Functional
• 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

• Promises
  • Three Javascript performance fundamentals that make Bluebird fast
  • A quick guide to JavaScript Promises
  • JavaScript Promises: an Introduction
  • Async functions - making promises friendly
• An Introduction Into Lenses In JavaScript - Functional Getter/Setter
• 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
• 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

---

ES6, ES2016, TypeScript

• Awesome Typescript
• ES6 for Everyone!
• ECMAScript 6 - Overview of ECMAScript 6 features
• Practical ES6
• https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.dcijo05z3
• https://github.com/bcoe/nyc
• Exploring TypeScript
• Why You Need Types
• ES6, var vs let
• 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

---

WebAssembly

• on GitHub
• WebAssembly Community Group
• What is WebAssembly? - The Dawn of a New Era
• Why we Need WebAssembly. An Interview with Brendan Eich
• Asm.js

---

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
• 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
• Babel

---

Tools

• 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 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
• 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

---

Testing tools

• 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

---

Meteor links

---

Angular 2, Ionic 2

• 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

---

Aurelia

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

---

Vue.js

• Awesome Vue
• Weex: A framework for building Mobile cross-platform UI by Alibaba
• Vue.js Crowdfunding on Patreon
• Why We Chose Vue.js at GitLab
• Vue.js is easier to learn than jQuery

---

Next.js

• Build a Universal JavaScript App with Next.js

---

Frameworks

• Inferno
• 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
• Nuclide by Facebook
  • on GitHub

---

Data Visualization

• Awesome Javascript Data Visualization
• D3.js
  • Awesome D3
  • D3.js Data Visualization Fundamentals
  • https://app.pluralsight.com/library/courses/geospatial-mapping-d3
• 5 open source dashboard tools for visualizing data
  • Freeboard, Mozaïk, Dashbuilder, Grafana, Stashboard

---

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