Відеокурс Vue.js стартовий для початківців українською мовою - відеоуроки програмування | ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

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

    Підписка

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

    Підписка

      Про курс

      Vue.js - це JavaScript бібліотека для створення інтерфейсів користувача, яка дозволяє розробникам створювати високоякісні SPA (Single Page Application) та компоненти зі складними функціональними можливостями. Vue.js є дуже популярною бібліотекою серед розробників, які шукають простий та ефективний інструмент для створення сучасних веб-додатків.

      Курс «Vue.js Стартовий» буде корисним для веб-розробників, які хочуть легше та набагато швидше розробляти багатофункціональні додатки. Серед основних тем — властивості та методи Vue.js, різниця між Option та Composition API, слоти, маршрутизація та навігація, керування станом за допомогою бібліотек Vuex та Pinia, робота з API (axios).

      Значна частина курсу присвячена практичній роботі по створенню веб-додатків. Студенти, які успішно пройдуть курс, зможуть розробляти веб-додатки з використанням основних функцій та можливостей Vue.js.

      Читати далі...

      Цей курс входить до спеціальності:

      Попередні Вимоги

      Для проходження курсу потрібні базові знання HTML5, CSS3 та JavaScript (ES6)

      Читати далі...

      Ви навчитеся

      • Створювати веб-додатки зі SPA та лендінги з використанням Vue.js.
      • Розробляти веб-додатки - від планування до хостингу.
      • Розуміти різницю між Option API та Composition API.
      • Використовувати обчислювальні властивості, слоти та методи-спостерігачі для керування даними у додатку.
      • Використовувати події та вхідні параметри для взаємодії між компонентами у додатку.
      • Працювати з маршрутизацією та навігацією (роутингом) у додатку.
      • Застосовувати бібліотеки Vuex та Pinia для керування станом у додатку.
      • Використовувати бібліотеку axios для роботи з API у додатку.
      • Розробляти відповідний інтерфейс користувача та уміти налагоджувати свій код.
      Читати далі...
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 5 год 12 хв
      • Курс створено: 03.04.2023
      • Уроків: 9
      • Оновлено: 03.04.2023
      • Мова: українська

      Що входить до курсу

      • 9 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат

      ×

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

      Ви дійсно бажаєте відкрити доступ до тестування за курсом Vue.js Стартовий на 40 днів?

      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

      Мета уроку - познайомити студентів з фреймворком 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 $
      Придбати
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      54.00 $
      89.99 $
      Придбати
      Акція
      Преміум
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      85.00 $
      169.99 $
      Придбати
      Акція
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.