Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/serhiisol/awesome-js

Сurated list of awesome js extensions, tutorials, resources and other nice things
https://github.com/serhiisol/awesome-js

List: awesome-js

angular html javascript nodejs react

Last synced: 12 days ago
JSON representation

Сurated list of awesome js extensions, tutorials, resources and other nice things

Awesome Lists containing this project

README 

        
# Awesome JavaScript

Сurated list of awesome js extensions, tutorials, resources and other nice things



## Help us to make this list better!



## Contents



1. [NodeJS](#nodejs)

2. [Rxjs](#rxjs)

3. [Angular2+](#angular2)

4. [AngularJS](#angular)

5. [ReactJS](#react)

6. [Javascript](#js)

7. [HTML/CSS](#html)



## NodeJS

#### Tutorials

* [Input Validation in Express with express-validator](https://booker.codes/input-validation-in-express-with-express-validator/)

* [How to keep your node processes running forever](http://blog.bithound.io/how-to-keep-your-node-processes-running-forever/)

* [Debugging with Node](http://krasimirtsonev.com/blog/article/debugging-with-node)

* [Adding Social Sharing in a Node.js Single-Page Application](http://code.tutsplus.com/tutorials/adding-social-sharing-in-a-nodejs-single-page-application--cms-25530)

* [Web Crawling with Node, PhantomJS and Horseman](https://www.sitepoint.com/web-crawling-node-phantomjs-horseman/)

* [mongoose: Referencing schema in properties or arrays](https://alexanderzeitler.com/articles/mongoose-referencing-schema-in-properties-and-arrays/)

* [SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces](https://github.com/SBoudrias/Inquirer.js)

* PostgreSQL and NodeJS: [PostgreSQL Exercises](https://www.pgexercises.com/gettingstarted.html), [PostgreSQL and NodeJS](http://mherman.org/blog/2015/02/12/postgresql-and-nodejs/#.Vh-3vYSGX8v)

* [Building an SMS Weather and Image Bot](http://blog.bandwidth.com/building-a-sms-weather-and-image-bot/)

* [Build a Twitch.tv Chat Bot in 10 Minutes with Node.js - YouTube video](https://www.youtube.com/watch?v=K6N9dSMb7sM)

* [Build a Facebook Chat Bot](https://www.smashingmagazine.com/2016/10/how-to-develop-a-chat-bot-with-node-js/)

* [Communicating with Socket.io](https://openclassrooms.com/courses/ultra-fast-applications-using-node-js/socket-io-let-s-go-to-real-time)

* [Running Express, Koa And Hapi On HTTP/2](http://ivanjov.com/running-express-koa-and-hapi-on-http-2/)

* [Create a Continuous Deployment Pipeline with Node.js and Jenkins](https://blog.couchbase.com/create-continuous-deployment-pipeline-nodejs-jenkins/)



##### Heroku

* [10 Habits of a Happy Node Hacker (2016) - Heroku](https://blog.heroku.com/node-habits-2016)

* [Using Heroku with Node.js: Production-Ready Application Checklist](https://community.risingstack.com/using-heroku-node-js-production-ready-application-checklist/)

* [WebSocket Security](https://devcenter.heroku.com/articles/websocket-security)

* [Deploy a javascript/Node app to Heroku in 20 minutes](http://vitomd.com/blog/coding/deploy-a-javascript-node-app-to-heroku-in-20-minutes/)



##### Docker

* [How to Dockerize your Node application](https://lucamezzalira.com/2016/04/03/how-to-dockerize-your-node-application/)

* [Building a photo search in a weekend - Elasticsearch + Docker](http://blog.sandeepchivukula.com/posts/2016/03/06/photo-search/)

* [https://www.jjude.com/hapijs-on-docker/](https://www.jjude.com/hapijs-on-docker/)



##### Performance

* [Optimizing Node.js Application Concurrency - Heroku](https://devcenter.heroku.com/articles/node-concurrency)

* [Accelerating Node.js applications with HTTP/2 Server Push](https://blog.cloudflare.com/accelerating-node-js-applications-with-http-2-server-push/)

* [How to Create a Node.js Cluster for Speeding Up Your Apps](https://www.sitepoint.com/how-to-create-a-node-js-cluster-for-speeding-up-your-apps/)

* [(More than) one million requests per second in Node.js](https://github.com/uWebSockets/uWebSockets/wiki/(More-than)-one-million-requests-per-second-in-Node.js)



##### API

* [Clusters](https://nodejs.org/api/cluster.html)



##### Authentication

* [Implement Access Control in Node.js — Security and Node.js](https://blog.nodeswat.com/implement-access-control-in-node-js-8567e7b484d1#.lyhwbwg1n)

* [Connect your app to Google](https://auth0.com/docs/connections/social/google)

* [Easy Node Authentication: Google](https://scotch.io/tutorials/easy-node-authentication-google)

* [Social Authentication in Node.js With Passport](http://mherman.org/blog/2015/09/26/social-authentication-in-node-dot-js-with-passport/#.V6BwG2W5B0I)

* [Talking to OAuth2 Services with Node.js - Stormpath](https://stormpath.com/blog/talking-to-oauth2-services-with-nodejs/)

* [Node, Passport, and Postgres](http://mherman.org/blog/2016/09/25/node-passport-and-postgres/)



##### Beginners

* [Node.js Tutorials for Beginners - YouTube PLaylist](https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBMdkKFn3HasZnnAqVjzHn_)

* [Node Hero - Getting Started With Node.js](https://blog.risingstack.com/node-hero-tutorial-getting-started-with-node-js) and [Node.js at Scale - npm Best Practices](https://blog.risingstack.com/nodejs-at-scale-npm-best-practices/)

* [MongoDB for Beginners Tutorials - YouTube Playlist](https://www.youtube.com/playlist?list=PL6gx4Cwl9DGDQ5DrbIl20Zu9hx1IjeVhO)



#### Code style / Best Practices

* [Microsoft/nodejs-guidelines: Tips, tricks, and resources for working with Node.js, and the start of an ongoing conversation on how we can improve the Node.js experience on Microsoft platforms](https://github.com/Microsoft/nodejs-guidelines)

* [10 Best Practices for Writing Node.js REST APIs](https://blog.risingstack.com/10-best-practices-for-writing-node-js-rest-apis/)

* [13 best practices to secure your web application](http://nodewebapps.com/2017/01/03/13-security-best-practices-for-your-web-application)

* [Checklist: Node.JS production best practices](http://goldbergyoni.com/checklist-best-practice-of-node-js-in-production/)



#### Resources

* [Node.js client library for Google Maps API Web Services](https://github.com/googlemaps/google-maps-services-js)

* [Indexr - Automated dynamic indexes for your ES6+ source code.](https://www.npmjs.com/package/indexr)

* [A CLI dashboard for webpack dev server](https://github.com/FormidableLabs/webpack-dashboard)

* [nodejs-dashboard](https://github.com/FormidableLabs/nodejs-dashboard)

* [Promise-based portable interface for running shell commands](https://github.com/asyncmax/pshell)

* [Functional Microservice Request Library](https://github.com/poly/f)		

* [Monitor Nodejs - Datadog](https://www.datadoghq.com/monitor-nodejs/)	

* [Authenticate socket.io incoming connections with JWTs](https://github.com/auth0/socketio-jwt)



## RxJS

* [The introduction to Reactive Programming you've been missing](https://gist.github.com/staltz/868e7e9bc2a7b8c1f754)

* [RxJS Design Guidelines](https://github.com/Reactive-Extensions/RxJS/tree/master/doc/designguidelines)

* [A collection of awesome RxJS resources](https://github.com/ichpuchtli/awesome-rxjs)



## Angular2

#### Tutorials

* [Angular 2 + React Native](http://angularjs.blogspot.com/2016/04/angular-2-react-native.html?view=flipcard)

* [Angular 2 education list](https://github.com/timjacobi/angular2-education)

* [Using Angular 2 CLI for faster angular 2 projects](https://scotch.io/tutorials/use-the-angular-cli-for-faster-angular-2-projects)

* [Hacking Angular2: Binding Multiple DOM Events](https://medium.com/@TheLarkInn/hacking-angular2-binding-multiple-dom-events-f781b14ef676#.gxftzbeaz)

* [NG-NL 2016: Pascal Precht - Angular 2 Change Detection Explained](https://www.youtube.com/watch?v=CUxD91DWkGM)

* [ViewChildren and ContentChildren in Angular 2](http://blog.mgechev.com/2016/01/23/angular2-viewchildren-contentchildren-difference-viewproviders/)

* [Angular 2 Form Validation](https://medium.com/@daviddentoom/angular-2-form-validation-9b26f73fcb81#.52n8wf30g)

* [Angular 2 form fundamentals: template-driven forms](https://toddmotto.com/angular-2-forms-template-driven)

* [How to Deal with Different Form Controls in Angular 2](https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2)

* [Equivalent of $compile in Angular 2](http://stackoverflow.com/questions/34784778/equivalent-of-compile-in-angular-2)

* [How to build Angular 2 apps using Observable Data Services - Pitfalls to avoid](http://blog.angular-university.io/how-to-build-angular2-apps-using-rxjs-observable-data-services-pitfalls-to-avoid/)

* [Testing Angular 2 Apps](https://developers.livechatinc.com/blog/testing-angular-2-apps-part-1-beginning/), [and E2E testing](https://blog.jscrambler.com/getting-started-with-angular-2-end-to-end-testing/)

* [Routing in Angular 2 Apps](http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html)

* [Build a Material Design app with Angular 2](http://www.creativebloq.com/how-to/build-a-material-design-app-with-angular-2)

* [Angular 2 Testing In Depth: Services](https://auth0.com/blog/angular-2-testing-in-depth-services)



##### Beginners

* [A Beginners Guide to Ionic 2 Mobile Applications](http://x-team.com/2016/08/beginners-guide-ionic-2-mobile-applications/)



#### Performance

* [Optimizing Angular 2 Apps - YouTube video](https://www.youtube.com/watch?v=_VnV7R4Ncwc)

* [5 Rookie Mistakes to Avoid with Angular 2](http://angularjs.blogspot.de/2016/04/5-rookie-mistakes-to-avoid-with-angular.html)

* [Building an Angular Application for Production](http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/)

* [MAKING YOUR ANGULAR APPS FAST by Thoughtram](https://blog.thoughtram.io/angular/2017/02/02/making-your-angular-app-fast.html)

* [Angular in Production](http://blog.mgechev.com/2017/01/17/angular-in-production/)



#### Authentication

* [Angular 2 Series - Tutorials by Auth0](https://auth0.com/blog/2015/09/03/angular2-series-working-with-pipes/)

* [Angular 2 authentication with Auth0 and NodeJS](https://toddmotto.com/angular-2-authentication)

* [Introducing angular2-jwt: A Library for Angular 2 Authentication](https://auth0.com/blog/introducing-angular2-jwt-a-library-for-angular2-authentication/)

* [Build your Angular 2 App: From Auth to calling an API](https://auth0.com/blog/2015/05/14/creating-your-first-real-world-angular-2-app-from-authentication-to-calling-an-api-and-everything-in-between/)



#### Code style

* [Official Angular2 team code style](https://angular.io/styleguide)

* [Rangle Angular 2 AoT SandBox](https://github.com/rangle/angular-2-aot-sandbox#current-status)



#### Resources

* [Angular Augury](https://augury.angular.io/)

* [Codelyzer](https://github.com/mgechev/codelyzer)

* [Angular CLI](https://cli.angular.io/)

* [Angular Universal](https://universal.angular.io/)

* [Angular Mobile Toolkit](https://mobile.angular.io/)

* [Angular Material](https://material.angular.io/)



## Angular

#### Tutorials

* [Migrating Angular 1 Applications to Angular 2 in 5 Simple Steps](https://vsavkin.com/migrating-angular-1-applications-to-angular-2-in-5-simple-steps-40621800a25b#.es2i7uh8k)

* [AngularJS and SEO](http://www.yearofmoo.com/2012/11/angularjs-and-seo.html)

* [Scalable Angular apps are tricky](https://medium.com/@bluepnume/sane-scalable-angular-apps-are-tricky-but-not-impossible-lessons-learned-from-paypal-checkout-c5320558d4ef#.5mmx90vqn)

* [Anatomy of a large Angular application — Medium](https://medium.com/@bojzi/anatomy-of-a-large-angular-application-f098e5e36994)

* [Form-Based Directives in AngularJS](https://www.sitepoint.com/form-based-directives-angularjs/)

* [Creating Angular 2 Style Components Using Angular 1](http://blog.rangle.io/angular2-components/)

* [AngularJS Authentication Screencast](https://auth0.com/blog/angularjs-authentication-screencast-series-part-1/)



#### Performance

* [AngularJS Performance in Large Applications](https://www.airpair.com/angularjs/posts/angularjs-performance-large-applications)

* [AngularJS Performance Tips](http://ng-perf.com)

* [Ultimate AngularJS and Ionic performance cheat sheet](http://julienrenaux.fr/2015/08/24/ultimate-angularjs-and-ionic-performance-cheat-sheet/)



#### Code style

* [AngularJS Best Practices: Directory Structure | Scotch](https://scotch.io/tutorials/angularjs-best-practices-directory-structure)

* [Angular Styleguide by John Papa](https://github.com/johnpapa/angular-styleguide)



## React

#### Tutorials

* [React JS Tutorial for Beginners Playlist](https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBhLZx_5C-jqECBE4HIID_k)

* [Build a React + Flux App with User Authentication](https://scotch.io/tutorials/build-a-react-flux-app-with-user-authentication)

* [React with Webpack + Meteor as a backend](http://julian.io/react-with-webpack-meteor-as-a-backend/)

* [React Tutorial: Cloning Yelp](https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/)

* [How to Create a Redux-Form with Validation and Initialized Values](http://www.davidmeents.com/create-redux-form-validation-initialized-values/)



##### Beginners

* [Bootstrapping a React project](https://auth0.com/blog/bootstrapping-a-react-project/)



#### Code style

* [React.js Best Practices for 2016](https://blog.risingstack.com/react-js-best-practices-for-2016/)



#### Resources

* [HTML5 Drag and Drop File Upload React Component - GitHub Gist](https://gist.github.com/realseanp/cefe1727533619f340bb2aee5e1339af?cache=off)



## JS

#### Tutorials

* [Prototypal Inheritance in JavaScript](https://medium.com/@kevincennis/prototypal-inheritance-781bccc97edb)

* [An Introduction to JavaScript ES6 Iterators](https://strongloop.com/strongblog/introduction-to-es6-iterators/)

* [Understanding Reactive Programming and RxJS](https://auth0.com/blog/understanding-reactive-programming-and-rxjs/)

* [5 Brilliant Ways to Lazy Load Images For Faster Page Loads](http://blog.dynamicdrive.com/5-brilliant-ways-to-lazy-load-images-for-faster-page-loads/)



#### Resources

* [CSV Parser for JavaScript](http://papaparse.com)

* [Optimize a JavaScript file for faster initial load by wrapping eagerly-invoked functions](https://github.com/nolanlawson/optimize-js)

* [clipboard.js - A modern approach to copy text to clipboard](https://clipboardjs.com)



#### Code style

* [Microsoft TypeScript Coding guidelines](https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines)

* [Airbnb JavaScript Style Guide()](https://github.com/airbnb/javascript)

* [ryanmcdermott/clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript)



## HTML

#### Tutorials

* [Instagram-style filters in HTML5 Canvas](https://www.viget.com/articles/instagram-style-filters-in-html5-canvas)

#### Code style

* [Code Guide by @mdo - HTML/CSS Guidelines](http://codeguide.co)