Статьи по тегу «Vue.js»

7 месяцев назад

Vue.js на практике: классический Todolist с сохранением состояния

Todolist — это не просто «список задач», а идеальный проект для освоения основ любого фронтенд-фреймворка. Сегодня мы сделаем именно такой проект на Vue 3, используя Vite, Pinia для управления состоянием и SCSS для стилей.

Frontend 1 327

10 месяцев назад

Подробное руководство по Pinia

Если вы работаете с Vue 3, скорее всего, вы уже слышали о Pinia — современном, легком и мощном инструменте для управления состоянием.

Frontend 1 776

11 месяцев назад

Подробный гайд по деплою Vue.js на сервере

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

Сервера 1 705

12 месяцев назад

Roadmap Vue.js-разработчика в 2025 году

Vue.js за последние годы стремительно завоевал позиции среди JavaScript-фреймворков благодаря простоте и гибкости. С начала выпуска третьей версии в 2020 году, Vue стал еще более мощным, а его экосистема – более продвинутой.

Frontend 874

1 год назад

Курс по Vue.js 3: Практическое приложение с Composables и Pinia #16

Чтобы закрепить все пройденные темы курса и на практике увидеть, как Vue.js 3, Composables и Pinia могут работать вместе, давайте создадим небольшое, но небанальное приложение для управления задачами.

Frontend 1 141

1 год назад

Курс по Vue.js 3: Управление состоянием с Pinia #15

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

Frontend 2 458

1 год назад

Курс по Vue.js 3: Маршрутизация с Vue Router #14

Сегодня погрузимся в маршрутизацию с Vue Router. Маршрутизация — это, по сути, навигация внутри вашего приложения. Если вы делаете что-то посложнее одностраничного лендинга, вам не обойтись без роутинга.

Frontend 1 591

1 год назад

Курс по Vue.js 3: Повторное использование кода: Composables #13

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

Frontend 1 192

1 год назад

Курс по Vue.js 3: Продвинутые компоненты #12

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

Frontend 1 107

1 год назад

Курс по Vue.js 3: Основы компонентов #11

Итак, мы добрались до одной из самых интересных тем в Vue.js — компонентов. Если вы работаете с Vue, то компоненты будут вашим основным строительным материалом.

Frontend 913

1 год назад

Курс по Vue.js 3: Ссылки на элементы шаблона #10

Если вы когда-нибудь работали с JavaScript, то, вероятно, использовали document.getElementById или querySelector, чтобы получить доступ к конкретному элементу DOM. Но Vue.js,

Frontend 1 024

1 год назад

Курс по Vue.js 3: Жизненные циклы компонентов #9

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

Frontend 1 029

1 год назад

Курс по Vue.js 3: Работа с формами #8

Формы — это основа почти любого веб-приложения. От простых текстовых полей до сложных форм с валидацией и отправкой данных на сервер.

Frontend 1 209

1 год назад

Курс по Vue.js 3: Обработка событий #7

Когда мы создаём интерактивное приложение, важно уметь отслеживать действия пользователя: клики, нажатия клавиш, движения мыши и другие события. Именно обработка этих событий позволяет вашему приложению реагировать на пользователя, делая интерфейс живым и динамичным.

Frontend 1 340

1 год назад

Курс по Vue.js 3: Отрисовка списков #6

Работа с данными в приложении часто сводится к выводу списков. Это могут быть карточки товаров в интернет-магазине, посты в блоге или комментарии к статье.

Frontend 1 791

1 год назад

Курс по Vue.js 3: Условная отрисовка #5

Когда создаёшь интерактивное веб-приложение, одна из самых распространённых задач — управлять видимостью элементов на экране. Иногда нужно показать один блок, а скрыть другой в зависимости от каких-то условий.

Frontend 989

1 год назад

Курс по Vue.js 3: Работа с классами и стилями #4

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

Frontend 1 470

1 год назад

Курс по Vue.js 3: Вычисляемые свойства и наблюдатели #3

Когда мы разрабатываем приложения, особенно сложные, часто возникает потребность работать с производными данными. Представьте: у вас есть исходные данные, но для отображения или логики вам нужны данные, основанные на них.

Frontend 1 449

1 год назад

Курс по Vue.js 3: Синтаксис шаблонов и основы реактивности #2

Vue.js известен своей простотой и элегантностью, и многое из этого связано с тем, как Vue работает с шаблонами и реактивностью. В этой статье мы разберем, как организовать шаблоны в Vue 3 и использовать реактивность с помощью Composition API.

Frontend 1 600

1 год назад

Курс по Vue.js 3: Настройка окружения с Vite, TypeScript, SCSS и Pinia #1

Vue.js 3 с его Composition API открыл новые горизонты для фронтенд-разработчиков. Он стал мощнее, быстрее и гибче. Но чтобы использовать эти возможности, нужно грамотно настроить окружение для разработки.

Frontend 2 548

1
2