/ Видеокурсы / Уроки Vue.js для начинающих

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

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


Vue.jsJavaScript

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

Видео урок:

Полезные ссылки:
* Официальный сайт;
* Документация;

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

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

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

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

На рынке труда можно найти множество предложений от крупных компаний, которые ищут как раз Vue Js разработчика. Это обусловлено тем, что библиотека перспективная и многофункциональная. Поэтому, если вы решите изучать эту библиотеку, то вы явно не прогадаете с выбором. Правда до этого, вам стоит хотя бы ознакомиться с языком 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 в теге div с идентификатором app.
Посмотреть ответ
Для этого необходимо прописать новое значение для el:
new Vue ({
  el: '#app>p',
  data: {
    title: "Hello World!"
  }
});
Необходимо подписаться на проект, чтобы получить доступ к этому практическому домашнему заданию!

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

Это задание позволяет закрепить ваши знания по какому-либо видеокурсу. Оно является большим и справившись с ним вы полностью освоите данный видеокурс. К заданию также есть "Готовое решение", а также описывается методика решения задания.
PS: подобные задания доступны только при подписке от 1 месяца!

Vue.jsJavaScript

Рекомендуемые курсы