Class Note : Modern Front-End Development

( I wrote this on Nov 2016. Just to move it here from the other blog.)

About Node.js

  • Node.js is an open-source, cross-platform runtime environment for developing server-side Web applications. (from wiki)
  • Node.js supports both front-end and back-end module-based solutions
  • Since Node.js is mostly used on back-end development, is usually runs on terminal.

Install Node.js

Follow the official guide: https://nodejs.org/en/download/package-manager/

Package Manager

  • npm — to install modules used in a node.js environment, or development tools built using node.js by creating a file called package.json.
  • bower — to manage front-end depositories which involves jQuery, AngularJs etc. using the file called bower.json.

Gulp — the task runner : It uses node.js streams, making it faster to build as it doesn’t need to write temporary files/folders to disk.

Webpack — the most popular module bundler

Reference:

https://markgoodyear.com/2014/01/getting-started-with-gulp/

http://frontendinsights.com/webpack-as-an-alternative-to-gulp/

http://ng-learn.org/2013/11/Bower-vs-npm/

Show your support

Clapping shows how much you appreciated Yuning Su’s story.