I had moved it into another repo and compiled my favirate reads, artciles together. :)
If you want to view the well organized version, please head to this link.
- Modularity A pragmatic take on the tiny modules vs batteries included approach
- The Dao of Immutability The Way of the Functional Programmer #article
- Reactive MVC and the Virtual DOM: Great read, even if you're not a React user.
- Introduction to Reactive Programming
- The General Theory of Reactivity: What is all this talk about reactive? Functional? Promises? This is the beginning of a reactive programming bible.
- Why Functional Programming Matters by John Hughes, 1984 #paper #pdf
- ES6 Promises: This is a multi-part blog post series on the whys and hows and problems of Promises by Kyle Simpson.
- ES6 Generators: A series of blog posts by Kyle Simpson.
- ES6 Modules: The Final Syntax by @rauschma #AMDisDead
- Advanced Performance Audits with DevTools In-depth perf case studies with Paul Irish #article
- The Tech Behind the New Twitter.com: The Twitter.com redesign on 2010, publicly switched to client-side templating, turning the server into something more like a simple API
- Facebook just taught us all how to build websites
- MindBEMding – getting your head ’round BEM syntax: BEM – meaning block, element, modifier – is a front-end naming methodology thought up by the guys at Yandex. It is a smart way of naming your CSS classes to give them more transparency and meaning to other developers. They are far more strict and informative, which makes the BEM naming convention ideal for teams of developers on larger projects that might last a while.
- A Baseline for Front-End Developers: by @rmurphey on APR 12TH, 2012
- A Baseline for Front-End [JS] Developers: 2015: by @rmurphey on MAR 23RD, 2015
- Making NetFlix.com Faster: Performance isn't an option if you're aiming for an amazing user experience. A compelling post on how Netflix improved on how fast Netflix.com renders by @kristoferbaxter.
- Asynchronous Programming at Netflix - Jafar Husain
- David Nolen: Immutability: Putting The Dream Machine To Work - David Nolen
- Delivering the Goods: Paul Irish on one of the most important but overlooked topics in the development world today - page load times.
- Classical Inheritance is Obsolete: How to Think in Prototypal OO by Eric Elliott #talk
- Composition Over Inheritance by Mattias Petter Johansson #video
- What is Reactive Programming? Jafar Husain explains reactive programming #talk
- Introduction to React by Jordan Walke #talk
- Introduction to Reactive Programming by André Staltz #video #course
- Immutability: Putting The Dream Machine To Work by David Nolen #talk
- The Essence of FRP by Conal Elliott #talk
- Delivering the Goods Paul Irish on one of the most important but overlooked topics in the development world today - page load times. #talk
- Supercharging Page Load by Jake Archibald #video
- Slay'n the Waste Monster by Colt McAnlis #talk
- Simplicity Matters A later version of the influential talk, "Simple Made Easy" by Rich Hickey #talk
- Making WebGL Dance by Steven Wittens #talk
- The Pixel Factory by Steven Wittens #talk
- Getting Started with Redux by Dan Abramov. Describes a functional approach to application state that all developers should be aware of. #course #video
- Cycle.js Fundamentals by André Staltz. #course #video
Dailies and Weeklies
- ES.next News](http://esnextnews.com/): ES.next News: 5 ECMAScript.next links every week, in your inbox.
- Fresh Brewed Frontend: A weekly reading digest for frontend developers. One email. Handpicked articles. Every Tuesday. No spam.
- HTML5 Weekly: A once–weekly HTML5 and Web Platform technology roundup. CSS 3, Canvas, WebSockets, WebGL, Native Client, and more.
- CSS Weekly: A weekly e-mail roundup of css articles, tutorials, experiments and tools curated by Zoran Jambor.
- Mobile Web Weekly: A weekly round-up of the releases, articles, and links that affect Web developers working on the mobile-facing Web.
- Responsive Design Weekly: A free, once–weekly round-up of responsive design articles, tools, tips, tutorials and inspirational links.
- Web Design Weekly: A once a week email with no spam, no rambling. Just pure awesome links to the best news and articles to hit the interweb during the week.
- Node Weekly: A free, once–weekly e-mail round-up of Node.js news and articles.
- Web Tools Weekly:
- Modern Web Observer
- Web Development Reading List: A handcrafted, carefully selected list of web development related resources. Published usually every week.
- DevOps Weekly newsletter
- DevOps newsletter by ServerDensity
- SysAdmin Casts newsletter
- Servers for hackers newsletter
- Docker Weekly newsletter
- Kubernetes Weekly newsletter
- Web Operations Weekly: A weekly newsletter on Web operations, infrastructure, performance, and tooling, from the browser down to the metal.
- Cloud Development Weekly: News, links and resources for developers working with cloud services, cloud APIs, and cloud-based tools
- This Week on Domains : A free weekly newsletter featuring the best and hand curated links related to domains, development, monetization, how to guides, tips and tricks, resources, events and more.
- NoSQL Weekly: A free weekly newsletter featuring curated news, articles, new releases, jobs etc related to NoSQL.
- Founder Weekly: A free weekly newsletter for entrepreneurs featuring best curated content, must read articles, how to guides, tips and tricks, resources, events and more.
- Python Weekly: A free weekly newsletter featuring curated news, articles, new releases, jobs etc related to Python.
- Ruby Weekly: A free, once–weekly e-mail round-up of Ruby news and articles.
- Go Newsletter: A weekly newsletter about the Go programming language.
- DB Weekly: A weekly round-up of database technology news and articles covering new developments, SQL, NoSQL, document databases, graph databases, and more.
- MySQL Newsletter: Unofficial Weekly News Digest of all things MySQL
- Postgres Weekly: A free, once–weekly e-mail round-up of PostgreSQL news and articles
- Data Science Weekly Newsletter: A free weekly newsletter featuring curated news, articles and jobs related to Data Science.
- Big Data Weekly: A free, hand-curated weekly round-up of Big Data news and links.
- Github Explore: Browse interesting projects, solving all types of interesting problems.
- SaaS Weekly: A weekly email of useful links for people interested in SaaS businesses.
- ng-newsletter: The free, weekly newsletter of the best AngularJS content on the web. Hand-picked content by the experts in Angular - delivered directly to your inbox.
- Ember Weekly: The latest Ember.js news, tips & code delivered directly to your inbox.
- HTML5 Game Development Newsletter: Weekly newsletter about HTML5 Game Development.
- Offline First Reader: We live in a disconnected & battery powered world, but our technology and best practices are a leftover from the always connected & steadily powered past.
- A curated list of awesome awesomeness: A curated list of amazingly awesome awesomeness. Also available on: Awesome-Awesomeness.ZEEF.com
- A curated list of awesome lists: A curated list of awesome lists by @sindresorhus.
- Front-end Feeds: An up to date list of RSS feeds for front-end developers.
- RFC Reader: An online reader(viewer) for IETF RFCs.
- HTTP Specifications: You could find anything you want for Hypertext Transfer Protocol - the core protocol of the World Wide Web.
- ECMAScript 6 Tools: An aggregation of tooling for using ES6 today.
- Web Performance Optimization: A curated list of Web Performance Optimization.
- Frontend Guidelines: Some HTML, CSS and JS best practices.
- free-for-dev: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev.
- timjacobi/angular2-education: A curated list of helpful material to get started with education on Angular 2
- CSS Tool Collection: CSS tools are important for front-end developers because they help them by simplifying the jobs they have to do, simplify development related tasks and allow to write clean css codes.
- Curated tutorial and resource links I've collected on React, Redux, ES6, and more
- ECMAScript 2016 Language Specificiation
- ES5 Spec An annotated, hyperlinked version of the ES5 spec
- ES6 Spec ECMAScript® 2015 Language Specification
- ES2016 (ES7) Spec
We need to keep learning. One of the most rewarding ways to do that is by attending conferences.
- Velocity: Web operations, performance, DevOps, optimization, and more. Join the engineers, developers, and technology leaders who are defining the IT-driven business at the Velocity conference.
- Forward JS: WEB TECHNOLOGY SUMMIT
- OSCON: Open source software, architecture, frameworks, and tools for today’s engineers
- React.js Conf: All cutting-edge techs related with React.
- You Don't Know JS
- Understanding ECMAScript 6 by Nicholas C. Zakas
- Node.js in Action
- The Dream Machine: J.C.R. Licklider and the Revolution That Made Computing Personal
Dev tools & collaboration
- nvm First install this...
- Node Then install Node (with nvm). You'll need this even if you're a front-end dev.
- Yarn "Fast, Reliable, and Secure Dependency Management". May speed up your installs and make them more deterministic than using npm. Uses the npm registry.
- Atom Nice, hackable editor by GitHub.
- Slate Generate beautiful API docs for your apps
- Slack Chat for teams, with GitHub and Google hangouts integration
- Gitter Like Slack, but better for OSS projects and free chat.
- Zoom Video meetings with remote control - great for interviews and remote pair programming.
- Babel Repl The Babel REPL with compiled output
- ESNextBin A babel powered ES6+ browser bin with npm package support.
- Cloud9 Your dev environment and IDE in the cloud.
- Koding Online cloud development platform with video & audio collaboration.
- updtr Keep your modules up to date.
- Greenkeeper Automatically opens PRs when your dependencies fall behind latest.
- greenkeeper-keeper Automatically merges Greenkeeper PRs when tests pass.
- Webpack Bundle modules for the browser.
- How to use NPM as a Build Tool
🐶Git hooks made easy
- pre-commit Easily configure pre-commit hooks for your package
- Browserify Bundle modules for the browser
- How to use NPM as a Build Tool
- jspm.io: Frictionless browser package management
Testing / Lint / Quality checkers
- ESLint no-inferred-methodname A custom rule for a common problem. #code
- Istanbul Code coverage reporting
- nyc a code coverage tool built on istanbul that works for applications that spawn subprocesses.
- tape Dead simple unit testing #code
- tap-browser-color Prettify tap output in the browser. Works well with Tape. #code
- faucet Prettify tap output in the console. Plays well with Tape. #code
- Supertest The best way to test HTTP endpoints. #code
- Babel Transpile ES2015 (ES6), ES7 to ES5, JSX to React
- TypeScript TypeScript's structural types are worth a look
- Traceur (ES.next)
- ES6 tools Addy Osmani's ES6 Tools list
- You Might Not Need TypeScript #article
- Express The most popular framework for Node. #code
- Lodash Like Underscore, but much faster, and featuring a more expressive API. Check out the Ramda-style fp versions you can import from
- cuid GUIDs are broken - use cuid, instead. #code
- React What do Facebook, Instagram, Netflix and PayPal have in common? React. #code
- https://qa.polyfill.io/v2/docs/ Pollyfill browsers automatically. #code
- UpUp Make sure your site works even when your user is offline. #code
- The Universal React Boilerplate Write apps using the same code for both the client and the server using Node, Express, and Browserify. #code
- NodeGoat Identify security vulnerabilities in your Node apps. #code
- lightning.js Async fetch load 3rd party JS & expose a promise API. #code
- Deep Freeze Deep freeze objects. #code
- jQuery Most popular JS lib by a landslide. #code
- Ramda Like Lodash and Underscore, but with all functions automatically curried, and parameters arranged so that the data to be operated on is supplied last. #code
- express-request-language Best implementation I've seen for
Accept-Languagenegatiation in Express. #code
- accept-language If you don't use express, accept-language is the low-level lib that powers
express-request-languagefor language matching & fallback. #code
- Globalize i18n / translate your app for many languages and locations (locales). #code
- dotenv Easily manage environment variables #code
- Leaflet Interactive map UIs made easy. #code
- Lusca Secure your Express application. By the Kraken team at PayPal.
- Stampit Create objects from reusable, composable behaviors. Prototypal inheritance with stamps. #code
- Countly Open source mobile & web analytics and marketing platform. #code
- node-jsonwebtoken Easy JSON Web Token auth. #code
- velocity & Velocity Motion Designer (VMD) UI animation library. #code
- is-my-json-valid A fast json-schema validator. #code
- is-express-schema-valid is-my-json-valid as Express middleware for
- inquirer.js Great library for building CLI tools. #code
rm -rfutil for nodejs. Great for npm scripts. #code
- cross-env Use environment variables with npm scripts cross-platform. #code
- Wemo.io Open Source VR Tools #code
- es5-shim Stable, production ready.
- es6-shim Somewhat stable, but a few things I thought were solid got shifted to ES7.
- es7-shim Experimantal. Use with caution.
- native-promise-only An ECMAScript standard promise polyfill by Kyle Simpson
- isomorphic-fetch A WHATWG fetch standard polyfill
- jQuery Yes, I still use jQuery and so do 61% of the top 100,000 websites - for good reason.
- Blaze DOM-diffing isomorphic reactive templates from Meteor
- Globalize i18n / translate your app for many languages and locations (locales)
- Express The most popular framework for Node
- Stampit Stampit - create objects from reusable, composable behaviors. Prototypal inheritance with stamps.
- Credential If you write Node apps with password logins, you need Credential
- cuid GUIDs are broken - use cuid, instead
- velocity & Velocity Motion Designer (VMD) UI animation library
- json-schema - Great for model validations
- Introducing React #video
- React blog Official React blog
- JSX Looks Like an Abomination but it's Good for You My take on JSX #article
- React Pure Component Starter Learn React pure components #code
- Baby's First Reaction Build your first working React component #article
- Immutable Data and React by Lee Byron #video
- react-stamp Composable, classless React components made easy #code
- react-engine PayPal's isomorphic React view engine for Express or Kraken #code
- eslint-plugin-react #code
- Redux Devtools DevTools for Redux with hot reloading, timetravel debugging, and customizable UI
- redux-saga A synchronous-style side-effect library for Redux. #code
- MobX Simple, scalable state management with TFRP. #code
- react-native React for mobile devices #code
- Elemental-UI Modular UI component library for React. #code
- velocity-react The excellent Velocity UI animation library for React. #code
- react-art React for SVG or canvas #code
- react-canvas React for canvas #code
- react-three Three.js rendering for React #code
- react.rocks Pinterest-style directory of online demos with available code
- TodoMVC in React #example
- JSX Specification #documentation
- HTML Imports
- Custom Elements
- Shadow DOM
- x-gif This web component wins the internet.
- Vulcanize Don't let web components slow your app down. Bundle your HTML imports.
- Let's Learn GraphQL #course
- GraphQL at Facebook #talk
- Getting started with GraphQL and Node.js #article
- GraphQL Specification
- GraphQL Reference Implementation #code
- graphql-server A GraphQL server implementation with Mongo / Mongoose #code
Progressive Web Apps (PWAs)
- Native Apps are Doomed Intro to PWAs #article
- Why Native Apps Really Are Doomed Why we need PWAs - packed with stats you need to know if you're building an app. #article
QA / Deployment / Monitoring / CI
- PM2 Process monitoring / self repair
- Pingdom Response monitoring and alert management (because incidents happen).
- New Relic Deep insights into the performance and health of your production apps
- Sauce Labs Cross platform web application testing with great collaboration and integration support
- Travis CI CI, of course
- CircleCI: Continuous Integration and Delivery
- Codeship: Continuous Delivery with Codeship: Fast, secure and fully customizable.
- Docker Run your CI process using the same OS configs as your production systems.
- Shippable Docker-based hosted build / CI
- Tensō A thin API facade in Node
- Kong API/microservice extension and management layer, centralize auth, cache, logging, rate limiting, etc... plugins in Lua );
- ES Discuss The mailing list where all the ECMAScript standard discussion action is.
- HTML5 on Google+
- Node.js on Google+
- IRC #node.js irc://irc.freenode.net/node.js
- IRC #io.js irc://irc.freenode.net/io.js The Node fork
- Node Weekly
- HTML5 Weekly
- ESNext News
- Node Module Of The Week
Pasting / sharing code
- ES6 Fiddle
- CodePicNic Embed interactive full-stack snippets & demos
- JSBin Embed editable code snippets.
- Cloud9: Your development environment in cloud.
- RegExr: Learn, build, & test Regular Expressions.
- FightCode game program virtual battle bots and climb the leaderboard
- Node Knockout The legendary Node competition
For kids (and people who just love to have fun)
- CodingGame Programming puzzle games
- Fightcode Program robots to do battle
- The Young Person's Guide to Programming in Minecraft
Twitter (alphabetical order)
- Addy Osmani - App architecture expert, Chrome dev tools champion
- Axel Rauschmayer - ES Next evangelist, author
- David Nolen - Great functional programming content
- EchoJS - News and links
- Jafar Husain - Great talks on RxJS, ES next, etc...
- James Halliday aka Substack - author of
one millionNode modules you probably use.
- James Long - CSP, functional programming advocate, Mozilla developer
- Jordan Harband - Keeping us ahead of the JS curve
- Kyle Simpson - Author, YDKJS - O'Reilly, JS Instructor, open web evangelist
- Nicholas C. Zakas - Author, speaker
- Paul Irish - Developer evangelist, Chrome dev tools champion
- YDKJS - You Don't Know JS, O'Reilly book series by Kyle Simpson