Option/Composition API. Slots.
ITVDN: курсы программирования
Видеокурсы по
программированию

    Выбери свою IT специальность

    Подписка

    Выбери свою IT специальность

    Подписка

      ×

      Вы открыли доступ к тесту! Пройти тест

      Вы действительно хотите открыть доступ к тестированию по курсу Vue.js Стартовый на 40 дней?

      ВИДЕОУРОК №5. Option/Composition API. Slots.

      Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
      Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

      Мета уроку - познайомити студентів з фреймворком Vue.js, пояснити, для яких потреб він використовується. Допомогти обрати правильне середовище розробки. Показати як правильно встановити Node.js і npm, Homebrew. Підключити фреймворк, створити перший проект за допомогою інструмента VueCLI. Продемонструвати Vue UI - Vue Проект Менеджер.

      Читать дальше...

      Мета уроку - розказати студентам про основні поняття роботи з компонентами. Пояснити, що таке компоненти і для чого вони використовуються. Наочно показати як виглядає структура компонента у Vue.js. На простих прикладах показати, яким чином можна взаємодіяти з шаблонами та директивами. Детальніше пояснити про такі директиви як v-if, v-else, v-else-if, v-for, v-show, v-bind, v-on і т.д. Навчитись коректно відображати масив елементів чи об’єктів.

      Читать дальше...

      Розказати студентам про основні поняття роботи з компонентами. Розглянути основні методи у Vue.js і зрозуміти для чого вони потрібні. Зрозуміти на практиці різницю між computed та methods, та де їх краще використовувати.

      Читать дальше...

      Розказати студентам про основні поняття роботи з компонентами. Розглянути cпостерігачі watch та watchEffect – зрозуміти в чому їхня відмінність. Розібратись з таким важливим поняттям у Vue.js як props та emit. На практиці застосувати ці знання для створення компонентів та передачі інформації в них у зв’язку батьківський компонент -> дочірній компонент.

      Читать дальше...

      Розказати студентам про те, як працює реактивність у Vue.js. Познайомитись з функціями ref і reactive та зрозуміти різницю між ними. Вивчити два способи визначення компонентів: Option API та Composition API. Зрозуміти їхню відмінність, та де краще застосовувати кожен з них. Вивчити функції для створення компонентів і передачі вмісту між ними – слоти. Отримати інформацію про типи слотів та різницю між ними. На практиці засвоїти застосування слотів в компонентах.

      Читать дальше...

      Розказати студентам про те, як працює маршрутизація у Vue.js. Познайомитись з потужною бібліотекою vue-router для створення навігації в додатку. Навчимося встановлювати та налаштовувати vue-router під наші потреби. Дізнаємось про методи vue-router, такі як: push, replace, go, back, forward. На практиці застосуємо наші знання та створимо простенький додаток TODO з маршрутизацією.

      Читать дальше...

      Розказати студентам про те, як працює State Management у Vue.js. Зрозуміти, що таке менеджмент управління станом, та для чого це потрібно в середніх та великих проектах. Розглянути дві найбільш популярні бібліотеки керування станами, такі як: Vuex та Pinia. Більш детально заглибитись в суть їхньої роботи та зрозуміти як вони працюють. Навчитись взаємодіяти з так званим store (сховищем даних) та використовувати ці дані у Vue компонентах. Закріпити матеріал на практиці та написати простенькі програми з Vuex та Pinia.

      Читать дальше...

      Розказати студентам про те, як працюють HTTP-запити. Дізнатись про популярні бібліотеки для їх створення та обробки. Зрозуміти в загальному, що таке API, і конкретніше, безпосередньо у самому Vue. Вивчити основні поняття бібліотеки Axios для надсилання та отримання даних з сервера. Попрацювати з різними API, створити форму з полями, добавити валідатори та при успішній перевірці відправляти дані з форми на сервер за допомогою бібліотеки Axios.

      Читать дальше...

      Розказати студентам про те, як створити свій додаток з нуля. Поговорити про етапи створення свого додатку: від планування до хостингу. Використати всі знання, здобуті з попередніх уроків курсу та написати свій власний міні додаток з перегляду погоди. Сублімувати найкращі практики і методики та застосувати їх на нашому проекті. Написати перший проект та залити на свій GitHub.

      Читать дальше...
      ПОКАЗАТЬ ВСЕ

      Покупай подпискус доступом ко всем курсам и сервисам

      Библиотека современных IT знаний в удобном формате

      Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

      Стартовый
      • Все видеокурсы на 3 месяца
      • Тестирование по 10 курсам
      • Проверка 5 домашних заданий
      • Консультация с тренером 30 мин
      59.99 $
      Оформить подписку
      Премиум Plus
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      • Скачивание видео уроков
      120.00 $
      199.99 $
      Оформить подписку
      Акция
      Базовый
      • Все видеокурсы на 6 месяцев
      • Тестирование по 16 курсам
      • Проверка 10 домашних заданий
      • Консультация с тренером 60 мин
      89.99 $
      Оформить подписку
      комментарии и обсуждения
      Notification success
      Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.