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

https://github.com/gokemon/tuts-plus

My learning resource for Angular2, TypeScript2, MEAN-stack apps and other modern web development.
https://github.com/gokemon/tuts-plus

angular heroku mongodb mongoose node-tutorial nodejs typescript

Last synced: 3 months ago
JSON representation

My learning resource for Angular2, TypeScript2, MEAN-stack apps and other modern web development.

Awesome Lists containing this project

README

          

# tuts-plus
![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/angular-long.png) ![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/node-long.png) ![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/git-short.png) ![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/github-short.png) ![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/bootstrap-short.png) ![](https://github.com/gokemon/tuts-plus/blob/master/images/builtWith/sass-short.png)

A learning resource

There is not going to be any code in this repo, merely this readme and people notes.
This readme will grow, as we fulfill pull requests.
So partly is about merge "code" branches in Git and GitHub across people, as well as not messing up each persons "notes".

This readme will serve as our "shared" location for Learning Resources.
OK, so I have some clean up on which ones we have done, and when, and which we have not.

Check out these other Readmes I have;

- [Angular2 Routing](https://github.com/gokemon/tuts-plus/blob/master/Angular2Routing.MD)
- [Angular Testing with Jasmine](https://github.com/gokemon/tuts-plus/blob/master/AngularTesting-Jasmine.md)
- [MongoDB](https://github.com/gokemon/tuts-plus/blob/master/mongodb.md)

https://leanpub.com/mean-machine
Added a ChangeLog (420)

## NodeJS ![NodeJS](https://github.com/gokemon/tuts-plus/blob/master/images/Node-small.png)
Links to Node tutorials here

[Easily Develop Node.js and MongoDB Apps with Mongoose](https://scotch.io/tutorials/using-mongoosejs-in-node-js-and-mongodb-applications) Scotch.IO

[MEAN with Angular 2 - User Registration and Login Example](http://jasonwatmore.com/post/2017/02/22/mean-with-angular-2-user-registration-and-login-example-tutorial) Jason Watmore's

[Create a Web App and RESTful API Server Using the MEAN Stack](https://devcenter.heroku.com/articles/mean-apps-restful-api) Heroku's ~
This is the conman / ContactList repos

[Learn to Build Modern Web Apps with MEAN](https://thinkster.io/tutorials/mean-stack) This is the 14-part Thinkster that builds the reddit clone

[PostgreSQL and NodeJS](http://mherman.org/blog/2015/02/12/postgresql-and-nodejs/#.WNvZB28rLIV) ~ CRUD todo single page application with Node 6.6, Express 4.13, Angular 1.5, and PostgreSQL. *mherman's*

[How to Debug Node.js with the Best Tools Available](https://blog.risingstack.com/how-to-debug-nodej-js-with-the-best-tools-available/) (5/1/17)

## Express Apps

There is a lot more to explore than I thought. A lot of middleware package to look through and figure out.

[Build a Complete MVC Website With ExpressJS](https://code.tutsplus.com/tutorials/build-a-complete-mvc-website-with-expressjs--net-34168) **

----------

## Angular 2 ![****](https://github.com/gokemon/tuts-plus/blob/master/images/A2-small.jpg)
Links to Angular 2 tutorials here

[mix & match any frontend tutorial with any backend tutorial](https://thinkster.io/tutorials/fullstack) Thinkster's

[https://scotch.io/tutorials/interactive-angular-2-charts-with-zingchart](https://scotch.io/tutorials/interactive-angular-2-charts-with-zingchart)

Something to ponder [How to Handle File Uploads in Angular2](https://scotch.io/tutorials/file-uploads-in-angular-with-a-node-and-hapi-backend) (4/18/17)

[Angular 2 Bootstrap 4 components](https://ng-bootstrap.github.io/#/home), powered by Angular, written by angular-ui folks (4/18/17)

[Angular Style Guide](https://angular.io/docs/ts/latest/guide/style-guide.html) (4/19/17)

[Angular 2 Routing](https://github.com/gokemon/tuts-plus/blob/master/Angular2Routing.MD) (1/23/17)

[How to create (and use) custom components with Angular 2](http://www.gistia.com/create-use-custom-components-angular-2/) (5/6/17)

### Going Forward
Future Angular 2 Links will be added to these readme files.

- [Angular2Components](https://github.com/gokemon/tuts-plus/blob/master/Angular2Components.md)
- [Angular2Routing](https://github.com/gokemon/tuts-plus/blob/master/Angular2Routing.md)
- [AngularTesting-Jasmine](https://github.com/gokemon/tuts-plus/blob/master/AngularTesting-Jasmine.md)

[ng-deploy-gh-pages](https://www.npmjs.com/package/ng-deploy-gh-pages)

----------

## TypeScript 2 ![TypeScript 2](https://github.com/gokemon/tuts-plus/blob/master/images/TS2-small.png)
**Links to TypeScript 2 tutorials here.** *I want more TS2 learning material, like doing all this stuff, but only coding in TS2, so I can learn it better than plain JS.*

[Building a MEAN (MongoDB, ExpressJs, Angular and Node.js) api app using TypeScript and host it with Heroku](https://zimmergren.net/building-a-mean-mongodb-expressjs-angular-and-node-js-api-app-using-typescript-and-host-it-with-heroku/) Zimmergren's

[Developing a superhero-api with Node, Express and TypeScript2](http://mherman.org/blog/2016/11/05/developing-a-restful-api-with-node-and-typescript/#.WNvUZG8rLIU) Michael Herman's

[Building a REST Service with Node.JS, DocumentDb, and TypeScript](https://www.joshcarlisle.io/blog/2017/3/1/building-a-rest-service-with-nodejs-documentdb-and-typescript)

![](http://brianflove.com/images/banners/2016/typescript-2-express-mongoose-mocha-chai.jpg)
This guys stuff is good, and since I am using his knowledge, and sharing it, I figure fair use on his image. It's his.
[TypeScript 2 + Express + Node.js](http://brianflove.com/2016/11/08/typescript-2-express-node/) Brian Love's

Here is my [repo for the TS2, Express and Node app](https://github.com/gokemon/heros) ~
[https://github.com/gokemon/heros](https://github.com/gokemon/heros)

[TypeScript 2 + Express + Mongoose + Mocha + Chai](http://brianflove.com/2016/11/11/typescript-2-express-mongoose-mocha-chai/) EVEN BETTER

[https://angular-university.io/course/typescript-2-tutorial](https://angular-university.io/course/typescript-2-tutorial)

### Other TypeScript2 repos (4/4)

- [https://github.com/spock123/angular2-webpack2-typescript2](https://github.com/spock123/angular2-webpack2-typescript2)
- [https://github.com/willemliu/typescript2-karma-jasmine-jquery-requirejs](https://github.com/willemliu/typescript2-karma-jasmine-jquery-requirejs)
- [https://github.com/alexcheng1982/typescript2-cookbook](https://github.com/alexcheng1982/typescript2-cookbook)
- [https://github.com/setry14/boilerplate-angular4-webpack2-typescript2-angularmaterial2](https://github.com/setry14/boilerplate-angular4-webpack2-typescript2-angularmaterial2)
- [https://github.com/rockem/mongo-express-a2-node-ts2](https://github.com/rockem/mongo-express-a2-node-ts2)
- [https://github.com/ramlez/Introduction-to-express.js-MongoDB-with-Typescript2](https://github.com/ramlez/Introduction-to-express.js-MongoDB-with-Typescript2)

## John Papa's TypeScript2 blogs (4/11)
- Part 1 Getting Started with TypeScript
- Part 2 TypeScript Grammar
- Part 3 [TypeScript Classes and Interfaces](https://johnpapa.net/typescriptpost3/)
- Part 4 Modules

# Other Groups

----------

[https://scotch.io/tutorials/debugging-angular-2-apps-with-augury](https://scotch.io/tutorials/debugging-angular-2-apps-with-augury)

[https://scotch.io/tutorials/debug-a-node-app-inside-of-visual-studio-code](https://scotch.io/tutorials/debug-a-node-app-inside-of-visual-studio-code)

I hope Docker works like the magic people say it is.

![Docker](https://github.com/gokemon/tuts-plus/blob/master/images/docker-3c.png)

<4/5> Was having a challenge wrapping my mind around the Dockerfile, so;

[***Docker Tutorial Series***](https://rominirani.com/docker-tutorial-series-a7e6ff90a023)

1. Installation
1. Basic Commands
1. More on Images and Containers
1. Docker Hub
1. Building your own Docker Images
1. Docker Private Registry
1. Data Volumes
1. [Linking Containers](https://rominirani.com/docker-tutorial-series-part-8-linking-containers-69a4e5bf50fb)
1. [Writing a Dockerfile](https://rominirani.com/docker-tutorial-series-writing-a-dockerfile-ce5746617cd)
1. Writing a Dockerfile
1. Docker Swarm Tutorial
1. Docker Swarm on Google Compute Engine
1. Getting Started with Kubernetes using Minikube
1. Docker Management Commands

**Digital Ocean**

[How to Host a MEAN Stack App on Digital Ocean](https://scotch.io/tutorials/how-to-host-a-mean-stack-app-on-digital-ocean) Turns out this was crap. A waste of a couple of hours. The tutorial was not very helpful, out of date, and D.O. doesn't live up to being *"wonderful"* All in a all, a very disappointing experience.

## Mongo & mongoose
Links to tutorials here

[Object Modeling in Node with Mongoose](https://devcenter.heroku.com/articles/nodejs-mongoose) Heroku

[Easily Develop Node and MongoDB Apps with Mongoose](https://scotch.io/tutorials/using-mongoosejs-in-node-js-and-mongodb-applications) Scotch.IO

[http://stackoverflow.com/questions/5747806/what-is-the-killer-reason-for-using-mongoose-orm](http://stackoverflow.com/questions/5747806/what-is-the-killer-reason-for-using-mongoose-orm)

## CSS styling(SASS & Bootstrap, etc)
Links to tutorials here

[Angular Material 1x](https://material.angularjs.org/latest/) (4/19/17)

[Use Bootstrap SASS with Angular CLI](http://shermandigital.com/blog/bootstrap-sass-with-angular-cli/) (5/6/17)

## Testing

[TESTING ANGULAR FASTER WITH JEST](https://www.xfive.co/blog/testing-angular-faster-jest/)
https://www.xfive.co/blog/testing-angular-faster-jest/

## Other Topics
Steps for doing GitHub push & pull requests and merges

[Adding an existing Git repo to GitHub using the command line](https://help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/) (5/7/17)

*[Tagging Steps](http://alblue.bandlem.com/2011/04/git-tip-of-week-tags.html)* (5/9/17)

[Top Visual Studio Code Extensions- 50 Powerful Tools to Make Visual Studio Even More Useful](https://stackify.com/top-visual-studio-code-extensions/)

***I should consider moving my git commands section to its own ReadMe.***

- [Visual Studio documentation](https://code.visualstudio.com/docs) (4/19/17)

- [Heroku SSL Dev Center - Automated Certificate Management](https://devcenter.heroku.com/articles/automated-certificate-management) (4/19/17) ***For adding Lets Encrypt SSL's to our site apps. ***

- [OctoPerf ~ REST API USING NODE](https://octoperf.com/blog/2015/09/10/nodejs-express-typescript/)
TypeScript, debuggers, unit tests, code quality tool( SonarQube)
***This guy writes from a JAVA mindset***

----------

# Series like Beer Locker, Twitatron, Node Hero

[WTF image here]

![Write Better Fracking Code](https://github.com/gokemon/tuts-plus/blob/master/images/code-reviews_WTFs.jpg)

Write better code

## Beer Locker

1. [Beer Locker: Building a RESTful API With Node](http://scottksmith.com/blog/2014/05/02/building-restful-apis-with-node/)
1. CRUD
1. Passport
1. OAuth2 Server
1. Digest
1. [Username & Password](http://scottksmith.com/blog/2014/09/18/beer-locker-building-a-restful-api-with-node-username-and-password/)

## Twitatron

1. [Building a Production Web App With Node](http://scottksmith.com/blog/2014/10/05/twitatron-building-a-production-web-app-with-node/)
1. [Views & Controllers](http://scottksmith.com/blog/2015/03/23/twitatron-building-a-production-web-app-with-node-views-and-controllers/)
1. [User Accounts](http://scottksmith.com/blog/2015/05/26/twitatron-building-a-production-web-app-with-node-user-accounts/)

## Node Hero ~ part I

1. Getting started with Node.js
1. Using NPM
1. Understanding async programming
1. Your first Node.js HTTP server
1. Node.js database tutorial
1. Node.js request module tutorial
1. Node.js project structure tutorial
1. [Node authentication using Passport](https://blog.risingstack.com/node-hero-node-js-authentication-passport-js/)
1. [Node unit testing tutorial](https://blog.risingstack.com/node-hero-node-js-unit-testing-tutorial/)
1. [Debugging Node applications](https://blog.risingstack.com/node-hero-node-js-debugging-tutorial/)
1. Node.js Security Tutorial
1. How to Deploy Node.js Applications
1. [how to do Node.js monitoring and how to find advanced issues in production environments](https://blog.risingstack.com/node-hero-monitoring-node-js-applications/).

## Node at Scale ~ part II

- **Using npm**
- [npm Tricks and Best Practices](https://blog.risingstack.com/nodejs-at-scale-npm-best-practices/)
- SemVer and Module Publishing
- Understanding the Module System, CommonJS and require
- **Node.js Internals Deep Dive**
- The Node.js Event Loop
- Node.js Garbage Collection Explained
- [Writing Native Node Modules](https://blog.risingstack.com/writing-native-node-js-modules/) [*beyond my needs and abilities at this point*]
- **Building with Node.js**
- [Advanced Node Project Structuring](https://blog.risingstack.com/node-js-project-structure-tutorial-node-js-at-scale/) [*interesting read, take some time to really read and learn it*]
- [JavaScript Clean Coding Best Practices](https://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale/)
- Node.js Async Best Practices
- Event sourcing with Examples
- CQRS (Command Query Responsibility Segregation) Explained
- **Testing + Node**
- Node.js Testing and Getting TDD Right
- Node.js End-to-End Testing with Nightwatch.js
- **Node in Production**
- The Definitive Guide for Monitoring Node.js Applications
- Debugging Node.js Applications
- Profiling Node.js Applications
- **Node + Microservices**
- Request Signing
- Distributed Tracing
- API Gateways