gulpfile.js

var gulp = require("gulp")
  , util = require("gulp-util")
  , conn = require("gulp-connect")
  ;

// sources
var root = "assets/"
  , htmlSrc = root + "**/*.html"
  , jscrSrc = root + "**/*.js"
  ;

gulp.task("connect", function() {
  // I create a Web server which I will use to live reload the page as changes occur.
  return conn.server(
    { "livereload": true
    , "root": root
    }) // If running gulp from project's root there is no need to supply root argument here.
});

gulp.task("html", function() {
  // I handle html files
  return gulp.src(htmlSrc)
    .pipe(conn.reload());
});

gulp.task("js", function() {
  // I handle the JavaScript files
  return gulp.src(jscrSrc)
    .pipe(conn.reload());
});

gulp.task("watch", function() {
  // I watch for file changes and run tasks
  gulp.watch(htmlSrc, ["html"]);
  gulp.watch(jscrSrc, ["js"]);
});

gulp.task("default", ["connect", "html", "js", "watch"], function() {
  return util.log("- I loaded all above tasks ;)");
});