Видео

<iframe style="width:90%; height:600px;" src="https://www.youtube.com/embed/FOeo5HYlFCI" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Лучший курс по Vue для новичков. Перевод на русский язык. 
Знакомство с курсом начинаем отсюда: 
https://wpvi.ru/pages/vue/intro/

Оригинал курса здесь: 
https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3

Vue 3 прогрессивный фреймворк для создания пользовательских интерфейсов. 
Общая информация: где взять, как установить, как установить, совместимость с jQuery и т.д. 
https://wpvi.ru/pages/vue/

0:00 Вступление. 

Привет всем любителям красивого кода! 

Сегодня я предлагаю вашему вниманию перевод на русский язык лучшего в мире курса по Vue для новичков от компании "Vue Mastery". 

Почему я считаю этот курс для новичков лучшим? 

Причина простая. Этот курс пока единственный курс для начинающих, который рекомендует для старта погружения в Vue сам разработчик фреймворка Vue. Лучше рекомендацию найти трудно. 

Сам я новичок во Vue и заняться его изучением меня сподвиг не какой-то внутренний порыв "изучить прекрасное", а банально внешнии обстоятельства. Жизнь заставила. 

Никогда в нашей компании фреймворк Vue не использовался, но тут пришел клиент с уже готовым проектом, в котором во фронд енде засел именно Vue. 

Понятно дело, что я сразу этот самый Vue возненавидел. Непонятное всегда пугает и отталкивает, но что делать? Поддерживать проект как-то надо. А поддержка поразумевает внесение изменений, простых и разных. Сковырнуть Vue из проекта - задача очень сложная и не очень умная. Лучшим решением представлялось овладеть Vue. 

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

Зачем вам может быть нужно изучать Vue. Этот фреймворк очень модный и популярный. Попробуйте поискать работу в разных регионах России по кодовому слову "Vue". Вы увидите большое количество интересных вакансий практически во всех городах России. Популярность Vue растет из года в год. Пример нашей компании показывает, что его начинают изучать и использовать даже в тех случаях, когда никто из руководства и IT-специалистов не проявляет заинтересованности в этом фреймворке. Vue сам пролезает, даже когда его никто не просит. 

Vue во многом похож на своих конкурентов: AngularJS и React + Redux. Изучив и поняв Vue вам будет намного легче изучить и понять остальные популярные фреймворки. А эта большая тройка покрывает практически весь современный мир JavaScript.

Русифицированная версия курса, которую я предлагаю вашему вниманию, состоит из 2-х частей. Первая часть - короткая и длится она 6 минут 28 секунд. Она представляет собой вступления, на котором я что-то там говорю близкое к теме Vue и одновременно показываю ключевые моменты из каждого урока, которых всего будет 11. 

Таким образом, через 6 с половинной минут у вас будет некоторое представление и о фреймворке Vue как таковом в целом, и об курсе и его переводе в частности. 

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

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

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

Если будут вопросы или пожелания, обращайтесь любым, удобным для вас способом: путем комментов, пишите мне на почту или в вашу любимую соц сеть. 

Что ж, давайте начнем! 

0:06:28 Intro to Vue 3	Введение в Vue 3 Урок 1 
Введение в Vue 3 

0:17:36 Creating the Vue App Создание приложения Vue Урок 2
Создание приложения Vue

0:29:41 Attribute Binding Привязка Атрибутов	 Урок 3 
Привязка Атрибутов 
В этом уроке мы рассмотрим концепцию привязки атрибутов. 

0:36:00 Conditional Rendering	Условный Рендеринг Урок 4 
Условный Рендеринг 
В этом уроке мы рассмотрим концепцию условного рендеринга (отображения). 

0:43:40 List Rendering Отображение списка Урок 5 
Отображение списка 
В этом уроке мы рассмотрим концепцию отображения списка. 

0:52:20 Event Handling Обработка событий Урок 6 
Обработка событий 
В этом уроке мы рассмотрим концепцию обработки событий. 

1:01:25 Class & Style Binding Привязка к классу и стилю Урок 7 
Привязка к классу и стилю 
В этом уроке мы рассмотрим концепцию привязки к классу и стилю. 

1:09:18 Computed Properties Вычисленные свойства Урок 8 
Вычисленные свойства
В этом уроке мы рассмотрим концепцию вычисленных свойств.

1:14:12 Components & Props Компоненты и реквизиты	Урок 9 
Компоненты и реквизиты (Components & Props) 
В этом уроке мы рассмотрим концепцию компонентов и реквизитов (пропсы). 

1:25:45 Communicating Events События связи Урок 10 
События связи (Communicating Events) 
В этом уроке мы рассмотрим концепцию событий связи, которые происходят внутри наших компонентов. 

1:33:10 Forms & v-model Формы и v-model Урок 11 
Формы и v-model (Forms & v-model)
В этом уроке мы рассмотрим концепцию форм и v-model.