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

Поділитись

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

Видеоурок

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

Официальный сайт Vue JS;
Официальная документация.

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

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

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

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

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

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

На рынке труда можно найти множество предложений от крупных компаний, которые ищут как раз 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>

Поділитись