🚀 Привет!

Меня зовут Алексей Яковенко, и я запускаю новый канал для тех, кто хочет прокачаться в современной веб-разработке.

Почему JavaScript?

- Единственный язык программирования в вебе
- Огромное количество возможностей
- Постоянно развивающаяся экосистема

О чем будем говорить:

- Vue 3
- Nuxt
- Tailwind CSS
- Современные frontend-технологии
- Практические кейсы и решения

Формат контента:

✅ Короткие обучающие посты и большие статьи
✅ Разбор сложных концепций
✅ Реальные проекты
✅ Полезные tips & tricks

Подписывайтесь, будет интересно! 💡🔥

P.S. Для тех кто хочет прокачаться в мире бэкенд-разработки приглашаю в канал "Легкий путь в Python". Там уже более 2000 единомышленников.

Я подготовил для вас мощный стартовый шаблон для разработки современных веб-приложений с использованием:

🚀 Vue 3
⚡️ Vite
🔷 TypeScript
🛣 Vue Router
🎨 Tailwind CSS
🛠 VueUse

Этот шаблон предоставляет оптимизированную структуру и передовые настройки для быстрого старта высокопроизводительных приложений.

Особенности шаблона:

- Composition API и <script setup lang="ts"> синтаксис
- Молниеносная сборка с Vite
- Надежная типизация с TypeScript
- Эффективная навигация с Vue Router
- Гибкая стилизация с Tailwind CSS
- Более 200 полезных утилит с VueUse

Шаблон доступен на GitHub: [ссылка на репозиторий]

В проекте реализовал подробный README, так что вопросов по запуску быть не должно. Там, буквально, достаточно будет ввести 4 команды в терминале и проект будет запущен.

Не забудьте поставить звездочку проекту, если он вам понравился! Ваша поддержка мотивирует меня создавать больше полезных инструментов для разработчиков.

Буду рад вашим отзывам и предложениям по улучшению шаблона. Давайте вместе сделаем разработку на Vue ещё удобнее и эффективнее! 💪

У меня спрашивали "Почему именно VUE3"? Сейчас покажу на одном примере:

<script setup lang="ts">
import { useFetch } from '@vueuse/core';

// Используем useFetch для запроса данных
const { data: doctors, isFetching, error } = useFetch('http://127.0.0.1:8000/specialists')
    .post() // Метод POST
    .json(); // Автоматическое преобразование в JSON
</script>

При помощи этих строк мы:

1. Отправляем POST-запрос на указанный эндпоинт
2. Преобразуем его в json

Интересно то, что работает это реактивно.

Подготовил для вас новую статью на своём сайте — подробную инструкцию по работе с JavaScript-фреймворком VueJS 3. Это пошаговый гайд по настройке современного веб-приложения с использованием Vue 3, Vite и Tailwind CSS. В статье подробно разобраны:

💎 установка необходимых зависимостей,
💎 настройка проекта,
💎 интеграция с Vue Router.

✨ Ссылка на статью: ЧИТАТЬ

Читаем, делимся мнением, и, конечно, не забываем о ваших вопросах — буду рад обсудить! 🙌

Подготовил новый гайд по Vue.js 3.

В этот раз я подробно разобрал тему отслеживания событий и реакции на них. Тема достаточно сложная. Поэтому решил, что тем кто интересуется этим фреймворком будет интересно и полезно.

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

В своем примере, я показываю, как можно удалить компонент со страницы при клике на кнопку "Удалить".

Если вам это интересно, переходите по ссылке на гайд: [ССЫЛКА].

​​🌟ПОДДЕРЖАТЬ ПРОЕКТ🌟

Дорогие подписчики!

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

Почему важна ваша поддержка:

- 🚀 Ускорение выхода новых материалов
- 💡 Расширение тематики исследований
- 🔍 Углубленная проработка контента
- 🌐 Развитие образовательных проектов

Ваша заинтересованность - мой главный мотиватор! Вместе мы делаем технологическое образование доступнее и интереснее.

Спасибо, что вы здесь! 🙏

Есть не только канал, но и группа, в которой можно задать свои вопросы, пообщаться с единомышленниками или просто узнать что-то новое. Присоединяйтесь👇

Друзья, я решил рассказать о способе, который позволит вам создавать мощные современные веб-приложения, объединяя Vue.js 3 и FastAPI. Суть в том, что на этапе разработки мы будем писать 2 независимых приложения: фронтенд на Vue.js 3 (JavaScript-фреймворк) и бэкенд на FastAPI (Python-фреймворк).

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

Вы узнаете:

- как правильно настроить сборку проекта
- как организовать структуру файлов
- как эффективно связать фронтенд с бэкендом

Статья доступна по ссылке: https://yakvenalex.ru/ru/all_technology/zapuskaem-vue-js-3-c-fastapi-v-odnom-prilozhenii

Друзья, привет!

Рад поделиться с вами второй частью из мини-серии статей по созданию телеграм-бота с Mini App для вымышленной клиники «Здоровье плюс».

Новая статья уже опубликована на Хабре и получила название:
«FastAPI и Vue.js 3: телеграм-бот с Mini App для записи и автоматических уведомлений. Пишем фронтенд».

На этот раз я сосредоточился исключительно на разработке фронтенда — без кода на Python.

В статье детально разобрал процесс создания полноценного Single Page Application с использованием современного фреймворка Vue.js 3. Для стилизации проекта применял Tailwind CSS.

Я постарался сделать материал доступным даже для тех, кто только начинает знакомство с фронтендом или Vue.js 3. Вы найдете пошаговые инструкции, которые помогут создать Mini App для нашего бота.

🔗 Cсылки👇