В 2024 году верстка сайтов — это не просто про HTML и CSS. Это уже целое ремесло, которое требует понимания современных инструментов, доступности, адаптивности и производительности.

В 2024 году React по-прежнему остается одним из самых востребованных инструментов для создания веб-приложений. Современный React — это не просто библиотека для интерфейсов, а целая экосистема инструментов, подходов и паттернов.

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

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

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

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

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

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

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

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