lemma

Uikit CSS Framework в плане верстки закроет 99% свистелок.

.wrapper задайте position:relative; overflow:hidden
.opacity_blue - display:block; top:0;left:0;height:100%

https://jsfiddle.net/1js2sep9/

не очень разобрался с ООП

Стоит все-таки разобраться. И не только с ООП. Если вы начинали Javascript - пусть будет он - полистайте хотя бы книжки от O'Reilly с животными на обложке и разберитесь со всем, что там есть. Для начала про сам Javascript, потом про паттерны проектирования, потом еще и еще - системы контроля версий, системы сборки... У вас есть время что-то изучать - пользуйтесь этим. Да и просто про структуры данных и алгоритмы почитать будет не лишним - кругозор расширяет и может внезапно пригодиться. По теме я обычно предлагаю почитать алгоритмы Роберта Седжвика, но это дело вкуса.

типа змейки, крестики-нолики, тетриса

Можно это дело совместить с предыдущим - на canvas вполне можно все это нарисовать, а логика там не сложная.

Стать хорошим программистом в данной области (2д игр)

2д-игры - понятие растяжимое. Есть разные платформы - для ПК будут рекомендовать одно, для консолей - другое, для мобильных устройств - третье... а простые игрушки можно и просто в браузере запускать. Я бы посоветовал (личное мнение, не совпадающие с мнением окружающих) изучить С++ и разобраться с такой штукой как SDL. Есть соответствующая книжка SDL Game Development. Это такое кроссплатформенное (linux, windows, mac, ios, android...) решение многих задач, возникающих при разработке игр (не только 2d) - звук, клавиатура, мышь, джойстики, тачскрин и.т.д. В качестве бонуса можно на примере этой книжки понять примерное построение движка для платформера и написать свой (необходимы знания из пункта 1).

Как и все многие ребята моего возраста я увлекся программированием.

Прямо многие?

Выучил html, css, немного php и javascript (и query).

(я 11 класс)

Ну начнем с того что программирование тут только JS. И то какие-нибудь двигающиеся менюшки на JQ к программированию имеют опосредственное отношение. html и css языки разметки (не программирования). JQuery вообще библиотека аля Lego, написание на ней к JS имеет такое себе отношение.

Хочу попробовать для начала написать несколько простеньких игр, типа змейки, крестики-нолики, тетриса... а какой же язык учить?

А на самом деле пофиг какой. Это все реализуется почти на всем.

Начал я с web, как раньше так и сейчас считаю, что будущее за WEB.

А собственно к чему тогда вопрос? Раз уж выучил веб, на нем и делай.
Подскажу - есть тот же Canvas, WebGL. Вот вам пример.

Замечательный список. На счет книг не скажу, а курсы Кантора хорошие. Есть еще замечательный курс от Игоря Борисова из specialist.ru

Вы gulp-watch пытаетесь использовать как gulp.watch, ваш первый пример должен выглядеть так

'use strict';
var gulp   = require('gulp');
var watch  = require('gulp-watch');
var concat = require('gulp-concat');

gulp.task('concat-js', function(){
  return gulp.src('./src/**/*.js')
       .pipe(watch('./src/**/*.js'))
       .pipe(concat('www.js'))
       .pipe(gulp.dest('./src-concat/'));
});

gulp.task('default', ['concat-js']);

Есть такие штуки, книги называются, раньше говорят было модно.

Я по статьям на Хабре вникал в свое время:
habrahabr.ru/post/164229
habrahabr.ru/post/193888
habrahabr.ru/post/130726

А так, там и вправду ничего сложного, API небольшое

Документация на официальном сайте - актуальна. Что именно вы изучаете методом "тыка"? И уж если на то пошло, чего там изучать, там небольшой API.