Vue.js для начинающих / Урок #1 - Что такое Vue.js?

Vue.js для начинающих / Урок #1 - Что такое Vue.js?

Vue.js это замечательная среда Javascript, которая позволяет выполнять огромное количество вещей. В ходе видео курса мы познакомимся со всеми её особенностями и научимся работать с Vue JS версии 2.0.

Видеоурок

Полезные ссылки:


Vue JS - немного информации

Vue JS – простая в использования среда JavaScript. За счёт Vue можно создавать внешний вид приложений, при этом делать его отзывчивым в плане действий пользователя. Vue обеспечивает легкое отслеживание действий пользователя, изменение HTML структуры и обновление информации для пользователя без перезагрузки страницы.


Vue не особо сложен при изучении и он отлично подходит для молодых разработчиков, которые только хотят начать изучать какие-либо новые интересные библиотеки. Он намного проще в изучение, нежели React JS, но при этом по функциональной части не сильно уступает своему старшему брату.


Интересный факт

89% всех разработчиков, которые используют среду Vue JS довольны работой с ней. Это достаточно высокий показатель, который составлен на основании пользователей GitHub.


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


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


План курса

За курс мы познакомимся с библиотекой Vue JS. Мы изучим большинство концепций библиотеки и за курс построим небольшое приложение с использованием лишь Vue JS библиотеки.


До изучения Vue необходимо обязательно изучить язык программирования JavaScript, а также языки разметки и стилей – HTML и CSS.

Исходный код

Main.js
new Vue ({
	el: '#app',
	data: {
		title: "Hello World!"
	}
});
Главный HTML файл
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Изучение Vue.js</title>
</head>
<body>
  <script src="https://unpkg.com/vue"></script>

  <div id="app">
    <p>{{ title }}</p>
  </div>

  <script src="js/main.js"></script>
</body>
</html>

Задание к уроку

Выбор другого объекта

Выберите тег p в теге с идентификатором app.

Посмотреть ответ

Необходимо прописать новое значение для «el»:

new Vue ({
	el: '#app>p',
	data: {
		title: "Hello World!"
	}
});

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

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

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Изучение языка C# для начинающих
26 уроков
Java до профи: основы, UI дизайн и Android разработка
Уроки Python Django / Создание сайта
12 уроков
Комментарии для сайта Cackle