====== Web development tools ======
===== Node =====
==== Install module & save it as dependence ====

<code>
$ npm install <module> --save
</code>

==== Install module & save it as a dev dependence ====

<code>
$ npm install <module> --save-dev
</code>

===== Gulp =====
==== Basic script (gulpfile.js) ====
<code>
var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});
</code>
Execute it:
<code>
$ gulp
</code>
If there was not a ''default'' but, for ex., ''deploy'': 
<code>
$ gulp deploy
</code>

==== Indicate src and dest folders ====
<code>
var gulp = require('gulp')

gulp.task('deploy', function () {
    return gulp.src('app/*.js')
        .pipe(gulp.dest('dist'));
});
</code>

:!: remember to return so there was another task which depended of this could use it

==== Add another command to execute prior to the current ====
<code>
gulp.task('deploy', ['prior-task1', 'prior-task2'], function () { ...
</code>

===== Tools for web development =====

==== Automatically reload static pages ====
  * https://www.npmjs.com/package/reload

With reload installed you can do ''reload -b'' into your root path an it will automatically reload when some of its inner files change.

==== Emmet ====
=== Forms ===

<code>
form>input[type=text]+input[type=password]+submit
</code>
<code>
<form>
    <input type="text">
    <input type="password">
    <submit></submit>
</form>
</code>

===== Tips and notes =====
==== Test external authenticator ====
You have to prepare one of your servers to accept a connection from the authenticator.

For example, in Caddy:
<code>
fok.surrealistic.xyz {
    proxy / localhost:8000
    header / Strict-Transport-Security "15768000"
}
</code>

Or in Nginx:
<code>
</code>

Then you configure the authenticator to your url: ''https://fok.surrealistic.xyz/login''

And add a tunnel to your server from your machine on the chosen port:
<code>
ssh -R "0.0.0.0:8000:0.0.0.0:8000" codi
</code>