Дима Паутов

Такого нет, нужно писать условие, определяющее ширину окна и в зависимости от размера делать инициализацию

Зачем для такого книги? Иди на youtube, там тонна людей, которые снимают видосы по 2к+ часов с вёрсткой макетов.

https://stackoverflow.com/questions/31944552/ifram...
Просто загуглите ошибку

https://learn.javascript.ru/range-textrange-selection

в родителе написать:

var vm = new Vue({
    el: '.app',
    data: {
        data: null,
        message: 'Hello World'
    },
    mounted () {
       this.$on('changeMessage', (message) => {
         this.message = message
       })
    }
})

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

https://jsfiddle.net/zavj573t/1/ - что вы делаете не так))

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

для выполнения низкоуровневых операций с DOM

цитата из доки

Вы можете работать только с dom элементом к которому применяется директива, не более.

В противном случае, есть миксины, которые встраиваются напрямую в компонент и могут работать внутри него, получая нужные из него данные

Если ты хочешь делать анимации, то тебе придётся знать js. Т.к. по настоящему оживить анимацию, потребуются данные от пользователя, такие как длина скролла, позиция мыши на экране, статус загрузки элемента и т.п. Обычные анимации на css хорошо, но они лишины возможности получать эти самые данные, что бы анимировать что-то на нужное тебе кол-во пикселей(условно).

Что бы делать паралакс, нужно получать через js позицию курсора мыши или данные акселератора у устройства. Что бы элементы плавно выезжали при скролле, нужно получать данные у события scroll и т.п.

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

Не знаю, как в часах, в большинстве фирм это фиксированный оклад. Для джуна 25-35к, ну а исходя из этой суммы можно посчитать часы

1) Воспользоваться гридами, что очень рановато
2) Сделать 3 колонки, в них положить картинки
3) Воспользоваться примером выше