Константин Китманов

Вот тоже про flex-box: www.flexboxdefense.com

P.S. Не совсем игрушки, но стоит глянуть: www.codewars.com

Посмотрите вот этот ответ: https://toster.ru/q/208124?e=3923510#answer_item_5...

10 лет назад устроился так: «— Здрасьте, у вас в резюме фотошоп, индизайн и html, а php вы знаете? — Ну, немножко знаю. — Отлично, вы нам подходите, у нас есть движок и нам нужно натягивать на него верстку и немножко допиливать сам движок.» Времена были другие:)

По делу: везде разные требования, где-то может и готовы взять человека с чисто теоретической базой и водить за руку, но чем больше у вас практического опыта, тем лучше. Сделайте хоть пару демонстрационных страничек, выложьте какой-то код на гитхаб — вот вам уже и опыт и портфолио.

Не держать в гите папку build
Разбить gulpfile.js с помощью gulp-load-tasks на небольшие удобоваримые куски
Добавить таск для юнит- или e2e-тестов, и/или хотя бы для линтеров, как для JS, так и для CSS
Сделать нормальную сборку скриптов, ну хотя бы с помощью browserify, можно с опциональной транспиляцией

Землю в 3D можно изобразить и без WebGL: bl.ocks.org/KoGor/5994804 — тут смотря сколько красивостей навертеть надо, в зависимости от ситуации может понадобиться three.js c плагинами или BabylonJS. 2 и 2.5D вполне потянет Phaser. Angular может пригодиться для GUI, потому что делать гуй на игровых движках — всегда какой-то ад, но зависит сложности и количества этого самого гуя.

Единственно правильного способа нет. Самый простой и распространенный — что-то типа такого:
this.listenTo(this.model, 'change', this.render);
Соответственно, когда делаем this.model.set, вся вьюха перерендеривается. Иногда для производительности слушают только те атрибуты, которые действительно отображаются во вьюхе.
В чем у вас конкретно причина — без кода сказать невозможно. Попробуйте воспроизвести проблему на минимальном количестве кода, либо сами в процессе разберетесь, либо другим можно будет показать.

Ну а как отловить, если они через JS не отлавливаются, чем?)
Была замечательная qbaka, но они закрылись осенью:(

Не делайте так:) Всю эту анимацию давно можно сделать на CSS, что и проще, и производительней. Вот так.

bower забросили, он больше не развивается. Киллер-фича у него была одна — можно было ставить зависимости в любую папку, что удобно на легаси-проектах.

с функциями бовера нпм справляется

Наоборот, bower был такой форк npm чисто для фронта. Потом все перешли на npm + browserify.

Ближайшие, как минимум, полгода модно будет так: SystemJS + (jspm || npm), либо webpack + npm.
npm в любом случае будет на коне, потому что именно через него ставится все остальное:)

Вообще если знаете JS/HTML, то какие-то не очень тяжелые вещи можно сделать в PhoneGap (+Ionic).

Ну вообще код не ахти и работает в нормальных браузерах по случайному совпадению. Совершенно не гарантируется, что на window.onload картинка, созданная динамически, будет загружена.

Вот так надо бы:

window.onload = draw;

function draw() {
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext('2d');

    var hills = new Image();
    hills.src = 'http://7-themes.com/data_images/out/73/7022406-forest-background.jpg';
    
    canvas.setAttribute('width', window.innerWidth);
    canvas.setAttribute('height', window.innerHeight);
    
    hills.onload = function () { // теперь, когда картинка загрузилась, можно и нарисовать
        ctx.drawImage(hills, 0, 0, canvas.width, canvas.height);
    }
}

Либо на сервере генерировать предварительно, либо создавать элемент canvas, помещать его подо все остальное и рисовать на нем эту картинку необходимое количество раз со случайными поворотами.

d3 бодро манипулирует SVG-элементами. Можно, наверное, выдернуть только часть отвечающую за работу с SVG и не грузить остальное.

Кто-нибудь сталкивался с таким?

Я, например, сталкивался и даже использовал, в том числе и для фронтенда.

Где можно почитать?

В гугле есть.
Плюсы: если знаешь формат и шелл, то, в общем, ничем не хуже gulp/grunt, а простые вещи везде делаются просто. Минусы: надо знать шелл, на винде надо ставить отдельно.
Сейчас, имхо, это в основном легаси проекты.

Как вариант — изначально делать ненужное скрытым и только потом показывать.

Ковыряйтесь в respondjs — проблема, очевидно, в этой либе (или в том, как вы ее вызываете).

Логика простая: в JS с большой буквы (PascalCase) пишутся только классы (Object, Date) и неймспейсы (точнее, статические классы) (Math). Все остальное -- с маленькой (camelCase). Ну, еще константы полностью в верхнем регистре.
Так что смотрите, к чему относится то, что вас интересует.