Vue.js 3 с нуля: руководство для новичков

Изучение фреймворка Vue.js и разработка веб-приложений на его основе. Вы освоите базовые концепции и создадите несколько небольших проектов. Начнём с основ: что такое Vue.js, зачем он нужен и на что способен.

Что такое Vue.js?

Vue.js — это простая в использовании JavaScript-среда для создания отзывчивых интерфейсов веб-приложений. Он предоставляет удобный и быстрый функционал для взаимодействия с пользователем, обеспечивая эффективное управление DOM-структурой сайта. Вы сможете создавать пользовательские функции, выполняющиеся в браузере без перезагрузки страниц. По своему предназначению Vue.js схож с библиотекой jQuery.

Vue.js vs. jQuery

Зачем нужен Vue.js, если есть jQuery? Ответ кроется в масштабируемости проектов. Поддержка больших проектов, написанных только на jQuery, — сложная задача. Хотя jQuery обладает множеством функций для быстрого взаимодействия с пользователем, чтение и редактирование большого объёма кода jQuery затруднительно из-за отсутствия чёткой логики разделения проекта на компоненты. Код часто пишется в одном файле, что делает его поддержку и расширение практически невозможным. Поэтому для крупных проектов используют Vue.js или React.js. Vue.js может показаться сложнее jQuery, но он удобен и эффективен, особенно для больших проектов.

Vue.js среди других фреймворков

Существуют и другие фреймворки, такие как React.js, Angular, Ember.js. Все они работают по схожему принципу, но Vue.js и React.js — наиболее популярны. Выбор Vue.js обусловлен его простотой в написании кода по сравнению с React.js при не меньшей востребованности. Изучение React.js возможно в рамках других курсов.

Преимущества Vue.js для начинающих

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

Что вы изучите?

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

Необходимые инструменты

Для работы с Vue.js необходимы Node.js и npm (Node Package Manager). Установите последнюю версию Node.js с официального сайта. Рекомендуется использовать редактор кода Visual Studio Code (бесплатный).

Этот вводный урок познакомил с Vue.js, его возможностями и преимуществами. В следующих уроках начнём создавать проекты и веб-приложения на основе Vue.js.

Что будем искать? Например,программа