beeon.academy
javascriptНачальный

Vue.js

47 урока · SFC, Composition API, Router, Pinia, ship

Vue.jsComposition APIVue RouterPiniaViteTypeScript
Длительность
7 weeks
Старт
Студентов
0+
Рейтинг
0 / 5
Стоимость
49 000 ֏
Идёт набор
  • 7 weeks (всего 34 ч)
  • Старт
  • Формат: онлайн
  • HY · EN · RU
  • Сертификат по окончании
ЗаписатьсяНачать обучение

Для записи оплата не нужна · Мы свяжемся с вами в течение 24 часов

Чему посвящён курс

О курсе

47 урока · SFC, Composition API, Router, Pinia, ship

За 7 weeks (34 ч занятий и проектной работы) вы пройдёте путь от основ до настоящего проекта продакшен-уровня — вместе с Tigran Hakobyan и командой менторов beeon.academy.

Результаты обучения

Чему вы научитесь

Строить SFC с <script setup> и scoped style
Использовать ref/computed/watch и выделять composable
Подключать Vue Router и Pinia без вечного prop-drilling
Отделять VITE_ от secret и ship через CI/build
Интерактивный курс

Уроки

47 уроков · все открыты, начните с любого
  1. 1Progressive framework, не SPA-религия26 мин
  2. 2Vue 3 — сейчас default-история24 мин
  3. 3create-vue без cargo-cult checkbox24 мин
  4. 4Когда побеждает более тонкий stack22 мин
  5. 5Template + reactive state + component26 мин
  6. 6Карта: SFC → reactivity → router → Pinia → ship22 мин
  7. 7Single-File Component как единица работы28 мин
  8. 8Template syntax, который остаётся readable26 мин
  9. 9v-bind, v-on, v-if, v-for — ежедневная четвёрка28 мин
  10. 10Key, которые стабилизируют list identity24 мин
  11. 11Scoped style и когда :deep честен24 мин
  12. 12<script setup> как default-форма script28 мин
  13. 13Workshop: один feature SFC end-to-end28 мин
  14. 14ref для одного значения28 мин
  15. 15reactive для object graph26 мин
  16. 16computed, который derive, а не mutate26 мин
  17. 17watch и watchEffect с intent28 мин
  18. 18Lifecycle hook, совпадающие с browser24 мин
  19. 19Composable как reusable reactive единица30 мин
  20. 20Reactivity pitfall, с которыми встретитесь раз26 мин
  21. 21Workshop: search box с computed + watch28 мин
  22. 22Props как typed contract вниз26 мин
  23. 23Emit как event вверх26 мин
  24. 24v-model как sugar для prop + emit26 мин
  25. 25Slot для layout без prop soup28 мин
  26. 26provide/inject без превращения в secret bus24 мин
  27. 27Async component и Suspense boundary24 мин
  28. 28Workshop: card со slot + emit28 мин
  29. 29Vue Router как URL contract24 мин
  30. 30Route record, param и nested view28 мин
  31. 31Navigation, которая не борется с back button24 мин
  32. 32Navigation guard для auth и dirty form28 мин
  33. 33Lazy route component для меньшего first load24 мин
  34. 34Workshop: nested layout + param page28 мин
  35. 35Pinia store вместо вечного prop drilling28 мин
  36. 36Setup store против options store — выберите один style26 мин
  37. 37Fetch data без закапывания promise в template28 мин
  38. 38Form, которые validate до submit28 мин
  39. 39Vite env: VITE_ public против server secret24 мин
  40. 40Workshop: Pinia list + fetch + form create28 мин
  41. 41TypeScript, который помогает Vue без войны с SFC26 мин
  42. 42Тестируйте component не только кликами в preview26 мин
  43. 43Performance-привычки, двигающие реальные metric24 мин
  44. 44Build и deploy Vite Vue app24 мин
  45. 45CI: lint, typecheck, test, build на каждом PR24 мин
  46. 46Playbook: tiny Vue app с нуля28 мин
  47. 47Практика-loop на следующую неделю22 мин
Модули курса

Программа

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    Что нужно для старта

    Требования

    • Основы HTML/CSS и modern JavaScript
    • Node.js локально для lab Vite
    • Опыт Vue не обязателен
    Учитесь у практикующего инженера

    Ваш преподаватель

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

    Instructor at beeon.academy. Vue.js path (ArT): 47 lessons through Composition API ship habits.

    Что говорят выпускники

    Отзывы студентов

    Частые вопросы

    FAQ

    Стоимость
    49 000 ֏
    Записаться