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

 

Иконка Рубрики
4 месяца назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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