Антон Мудренок

В конце body + прописывать async атрибут скриптам не зависящим друг от друга.

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

А фриланс - хочешь плотно работаешь, получаешь прилично, не хочешь - балду пинаешь, получаешь чисто с абонентки, на хлеб с маслом хватит.
На рыбалку захотел - у самого себя разрешение спросил, гарантированно получил и уехал.
Если вдруг кризис и у твоего клиента проблемы - ну отвалился один клиент, ну несколько. Неприятно, но не критично.
А если твой единственный работодатель вдруг решил в кризис деятельность свернуть или сокращение объявить - это уже под забор и без работы.

В общем лень мне в офис ходить, я спать с утра люблю.

23 года? И столько тлена в словах? Ну ловите мою кулстори, у меня тлена в 23 было куда больше...
Чуть менее двух лет назад, летом 2013, мне было 23, и я имел НОЛЬ опыта работы (если не считать 2 месяца стажерства в магазине комп техники по практике от универа). Кое-как устроился seo-шником в местную веб-студию, даже не зная что это за работа, во время отправления резюме (гуглил после уже). Конечно, как только приступил к работе, сразу понял что seo это не мое, но это помогло мне через 3 месяца на том же месте стать веб-джуниором. И вот я стал джуном, имея за плечами 4 курса на codecademy и одну, плохо прочитанную, книгу. С космической зп в 12к рублей! Через 5 месяцев я уже приступил к работе по удаленке с другими людьми, где платили 30к, и при этом можно было работать по 15-25 часов в неделю. Это позволило мне читать все интернеты на тему фронтенда, а потом, самое важное, пилить демки на кодпене, засиживаясь до ночи. В марте уволился, отдохнул, и в апреле начал очень лениво заполнять профили на зарубежных фриланс биржах. А потом на меня внезапно свалилось подобие сарафана из-за моих демок, и люди просто стали писать мне с предложением что-нибудь запилить, хотя профили я так и не запилил на биржах. Сейчас пилю 2 проекта, с рейтом в 30$/h, для клиентов пустяковая цифра, а для моего Архангельска это вообще какой-то криминал :)
Ну а вам, с вашим имеющимся бэкграундом, вообще не знаю чего бояться. Проблемы могут быть, только если окажется что программирование это "не ваше". Если же вы любите это дело, то просто садитесь, и начинайте пахать. В первую очередь на свое саморазвитие, поначалу я бы даже посоветовал искать что-то с удобным графиком/местом работы, ибо "неудобная" офисная жизнь убивает весь энтузиазм как правило. А без энтузиазма на старте никуда не уехать.

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

https://html5gameengine.com/

Дай бог Вам до конца мая уехать куда-то зарубеж и забыть о армии.

Хочется что-то похожее на Yii, но в контексте JS

Боже упаси.

Ionic+angular для старта более чем. Есть еще famo.us для красивого UI и т.д. Как правило юзают Angular но можно и на React + Flux все делать, но под Angular банально больше готовых решений, во всяком случае на данный момент. Единственный ощутимый минус Angular - он порочный. То есть он клевый и няшный, но, как и Yii, провоцирует разработчиков использовать не очень красивые решения. Скажем можно соблазниться решить проблему в лоб и убить производительность фреймворка жирным дип-ватчем в контроллере.

изучать вторую версию или первую?

Вторая еще не вышла. Достаточно взять первую, вооружиться ES6/7 через babel.js и пытаться перенимать практики из второго для первого (сервисный слой к примеру можно будет перенести просто так, скопипастив почти, больше мороки будет с директивами, но опять же есть советы как лучше писать директивы что бы потом можно было легко это дело во второй версии юзать).

общаться с API с помощью RESTful.

Большинство фреймворков предложат вам только относительно низкоуровневое API для работы с сетью. Есть так же Ember.data, есть так же js-data хотя думаю для начала для вас это будет оверхэд. А может и нет.

Я понял что в JS не надо тащить парадигму ООП и начал жить.
Если у вас есть багаж стандартных знаний о ООП вроде С++, Java или PHP, то надо его забыть, и учиться всему заново. Будет легче.
Еще раз поясню. В JS есть ООП, но между классическим ООП и прототипным ООП огромная разница в синтаксисе (но по сути похоже). Поэтому если вы будете искать какой-нибудь "статик" или "абстракт" в JS, то набьете кучу шишек. А если будете искать абстракцию или наследование, то найдете все необходимое.

1. Создаю каталог для проекта
   
2. Инициализирую Bower
   
3. Устанавливаю нужные пакеты, например, Twitter Bootstrap, Angular, jQuery и т.д.
   
4. Ставлю Grunt, плагины для него и т.д.
   
5. Запускаю EMACS и создаю index.html
   
6. С помощью Emmet создаю шаблон, который уже начинаю заполнять.
   
7. В каталоге src создаю папки less, js и т.д.
   
8. Попутно пишу задачи для Grunt
   
9. Если в выбранном фреймворке не хватает какого-либо класса для стилизации элемента, сначала описываю стили прямо в шаблоне, в свойстве style. Затем при необходимости выношу их оттуда в LESS в виде одного или нескольких классов.
   
10. ??????????
    
11. PROFIT!!!
    

weworkremotely.com
remoteok.io

alvarotrigo.com/fullPage

Вариант с обучением через верстку .psd макетов вас до "пика" не доведет. Максимум до уровня рядового "верстальщика". Сверстать статику может каждый второй, кто хоть иногда этим занимается. Если вы нацелены на реальный "пик", то вам надо учиться на основе живых примеров уровня www.awwwards.com www.cssdesignawards.com и www.thefwa.com
Копайтесь, смотрите что как сделано, пытайтесь сами воссоздавать отдельные куски "не смотря под капот" (то есть только на основе того, что вы видите, не залезая в F12). Но перед этим вам надо будет нагнать основы, то есть все что связано с css трансформами, нестандартными лэйаутами и другими трендами дизайна, а то иначе когнетивный диссонанс вам обеспечен. После этого будете долго практиковать анимации, свг, 2d-canvas и в самом конце возможно даже WebGL. Обязателен к употреблению codepen.io
Ну а если прочитав все это вы вдруг поняли, что вас на самом деле не интересуют всякие нестандартные промо-сайты, а вам просто надо уметь верстать странички для стандартных интернет-магазинов или еще чего подобного, то вам достаточно будет потратить 1-2 месяца на чтение вводных статей и начать штамповать сайты на бутстрапе. Вот.

Фотошоповский эффект при выделении: matthewjamestaylor.com/blog/animated-photoshop-sel...
Кратко: делаете подложку, которая больше требуемого блока на 1px в каждую сторону, и делаете подложке фон из анимированной картинки:

Вот, держите.
Все сразу.