Сергей Мурзин

Рекомендую заранее определить какие блоки будут повторятся, а какие уникальные. Определить общую структуру.
Я делаю заготовки с атомарными классами, чтобы часть очень частых стилей вынести из css в классы html, например, класс типа .ta-c {text-align: center;}, .cur-p{cursor: pointer;} и уже в хтмл вставляю классы, еще создаю атомарные d-n (display: none), d-b... Такие вещи порой часто встречаются, и как по мне, проще просто класс добавить, чем писать в css, хоть и препроцессоры упрощают все это дело, но мне удобнее так. Если надо будет вдруг везде убрать это свойство, то можно просто переопределить класс.
Посмотрите, какие цвета, размеры шрифтов, паддинги, маржены используются, и везде в препроцессоре пишите не значения, а переменные, которые объявляйте в отдельном файле, не забудьте импортировать его только.
Обязательно используйте БЭМ. На мелких сайтах он не дает ощутимую выгоду, зато на таких больших без него просто себе дороже.
Для хтмл попробуйте препроцессоры/шаблонизаторы, иначе поправить один пункт в шапке отнимет у Вас часа четыре времени (все 50 страниц перекопировать...). Еще здесь на днях один человек поделился вот такой штукой: ссылка. Позволяет инклюдить шаблоны хтмл.
А в остальном, самому интересно, кто что посоветует. Подпишусь и почитаю.

берешь любую карусель, на том сайте flickity.metafizzy.co, и верстаешь внтри таймлайн(используя технологии CSS и HTML)

Это результат работы минификатора.. естественно, никто такой фигней не мается

Первым делом файл нужно загружать во временное пространство, после удачного аплоада, клиент говорит какие файлы нужно сохранить, и сервер их перемещает на постоянное хранение, по временном хранилищу бегает крон и чистит папку

Гы. По-моему подозревать TM что они не смогут для нового проекта нарисовать полностью новый дизайн, но при этом остаться в пределах своего фирменного стиля - странно. У ТМ достаточно квалифицированные спецы и требовательные начальники.

А эти ребята - странные, они почему-то думают, что если 1 к 1 скопировать то у них все пойдет.

Приколитесь еще
vserusskie.ru
С Контакта сдернули, думают что у них попрет. И уже 7 лет как ничего не прет.

Это все незаконно, ибо прям 1 к 1.
Но владельцы прав на оригинальный дизайн не будут даже тратить силы судиться, так как:

1. Эти ребята не конкуренты. И никогда ими не станут.
2. Взять с них нечего.

Скажем, русскоязычный проект-клон overflow был пооригинальнее (они сейчас влились в overflow). Идею хоть и стырили, но сделали свое.
Примерно так же как и Тостер стырил идею у overflow, но сделал по своему.

1. Там не полная копия, а... скажем так... слизана идея )) Думаю что законно.
2. Это сделал какой-то школьник для тренировки, знаниями делится, проект для людей, полезный ну и отстаньте от него, наберётся опыта будет делать своё уникальное.

Скорее всего вы непоняли момент с передачей функции в качестве параметра.
Да, в javascript в качестве параметра можно передавать не только числа, строки и массивы, но и функции.
Функция может быть объявлена выше и иметь имя, тогда в качестве параметра передается ее имя (без скобок).
В данном случае функция является анонимной (без имени) и сразу объявляется в том месте, где она передается в виде параметра.
Функция reduce принимает следующие параметры: массив, функция от двух переменных, начальная сумма
combine(current, array[i]) - это вызов переданной в параметрах функции с двумя аргументами.

Обычно, делается с помощью "дерева" зависимостей.
Нужно различать "скелет", "шкуру", а так же поведенческий класс: роль в сюжете игры и обработка реакций на игровые события: попали в меня, вижу противника/препятствие в радиусе R и т.д.
Т.е. передавать для создания нужно:
1. Координаты
2. Дерево спрайт-объектов (идентификаторы спрайт-объектов, относительные координаты (от центра всего объекта), их центры вращения, зависимости преобразований при вращении объекта или каждого спрайта в отдельности)
3. Спрайт-карту для этого дерева (частично/полностью статичную или анимированную)
4. Имя поведенческого класса (роль объекта с обработкой реакции на игровые события)

Как правило не делают сложных зависимостей и всегда хватает обычных объектов и дальше делается из них attach/detach (то же самое дерево зависимостей координатных перемещений и поворотов), чтобы создать сложный (шагающий робот и т.п.).

Если пустое место должно чем-то быть заполнено, обычно не делают его реально пустым, а ставят другой идентификатор, указывающий, что там, например, слот для пулемёта. Но в тоже время не дают ему атрибут SOLID (непроходимый).

Тонкостей - ВАГОН)

Learn.javascript.ru и был изначально адаптированной версией Фланагана. Сейчас материала больше, т.к. язык развивается. Изучить можно параллельно оба источника.

окей значит я сначала запишушь на курсы Попова, а потом буду покорять Олимп на js.ru

Я не знаю, как прокомментировать в приличных выражениях.
Что Вам не хватает в открытых источниках и профессиональных материалах, что нужно пускаться во все тяжкие?

Отличные курсы на learn.javascript, но все же сторонняя инфа тоже нужна. Никогда не учитесь по одному источнику, миксуйте!

Бывает, что грядущая работа вызывает отторжение по каким-то внутренним причинам. Но по факту вы как минимум получите новый скилл, что добавит вам как специалисту дополнительное преимущество. Так что я бы посоветовал отнестись к этому как к возможности поучиться за счет работодателя :)

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

Если не смущает английский язык, вот несколько материалов, которые мы собрали у себя:
What is Bootstrap? A Short Bootstrap Tutorial on t...
Twitter Bootstrap Best Practices and Tips by Topta...
The 10 Most Common Bootstrap Mistakes That Develop...