GuruBlog

I have used javascript a lot on the client side as an addition for various backend frameworks but I never used it for full stack development. In the last few monthts I used angular2, node.js and express in some POCs and and smaller pirvate web applications - Here are some of the links I found helpful.

Frontend

I used mainly angular2 and typescript for my frontends. I looked at various other frameworks, but this is what I liked the most.

angular2

http://angular.io

I really like the hero tutorial by the angular2 team. https://angular.io/docs/ts/latest/tutorial/

typescript

since angular2 recommends typescript I started learning it - if you have used an object oriented language like java before, you will feel at home very fast. https://www.typescriptlang.org/

a nice tutorial on how to wirte an angular2 component in typescript https://toddmotto.com/creating-your-first-angular-2-component

How to write a tab-bar in angular2 using typescript http://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html

react

Angular uses rxjs components like Observable in some components

https://reactcommunity.org/ https://gist.github.com/staltz/868e7e9bc2a7b8c1f754

bootstrap

I used bootstrap 3 to style my frontend. I really like this framework, it surely doesn't solve all your designers need but it helps to get a decent looking frontend fast http://getbootstrap.com/

You can also style file-upload buttons https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3

Prism is a nice framework for code highlighting in javascript http://prismjs.com/index.html

Backend

On the backend side I used node.js and express. Since my frontend was written in typescript I also started using it on the backend.

nodejs

https://nodejs.org/en/

Some nice framewoks if you need to support https or encryption on the backend side in javascript https://nodejs.org/api/https.html https://nodejs.org/api/crypto.html

express

https://expressjs.com/

a nice blogpost on how to use typescript with express http://brianflove.com/2016/03/29/typescript-express-node-js/

Build Tools

To download and manage my dependencies I used npm for more compilcated tasks I looked at grunt and gulp. I finally ended using gulp - mainly because it is used in the angular2 tutorial too.

npm

https://www.npmjs.com/

gulp

http://gulpjs.com/

grunt

http://gruntjs.com/

Infrastructure

Forever

if you want to run a node based application on a server - forever is a package you should have a look at. It provides a way to ensure a node process is running in background, provides start and stop scripts and tools to monitor the process.

https://github.com/foreverjs/forever

Editors

vim

If you are a vim user, this typescript syntax highlighting package might come handy https://github.com/leafgarland/typescript-vim

atom

Another nice editor you can use is atom https://atom.io/