×
Ви дійсно бажаєте відкрити доступ до тестування за курсом Vue.js Стартовий на 40 днів?
ВІДЕОУРОК № 5. Option/Composition API. Slots.
Мета уроку - познайомити студентів з фреймворком 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.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 14,99 USD
Придбати
Запитання і відповіді
Онлайн курси мають низку переваг перед офлайн форматом:
- Незалежність від локації. Онлайн дозволяє навчатися де завгодно.
- Збереження часу та грошей на дорогу. Ви економите час та гроші з поїздок на курси та назад.
- Онлайн курси дешевші. Немає потреби в приміщенні та ноутбуках для студентів, тому вартість нижча
- Комфортний темп навчання, постійний доступ до інформації. Навчання у вашому темпі будь-коли і будь-де 24/7. Також є доступ до записаних уроків, чого немає в офлайн форматі.
На ITVDN є 2 формати навчання: Live Online та відео курси. Ціна навчання залежить від обраного вами способу навчання.
Якщо ви хочете навчатися самостійно у форматі відео курсів, вартість навчання складе в середньому 10-15 USD на місяць в залежності від обраного вами пакету підписки.
Live Online – це онлайн навчання з тренером у групах разом із іншими студентами. Навчання у даному форматі коштує в середньому 6-7 USD за одну годину.
Залежить від того, скільки уваги програмуванню ви виділятимете щоденно, яка саме це мова і який у вас досвід кодингу. Середній час на опанування однієї мови за умови регулярних занять хоча б 2 год/день:
- новачки – від 3 до 6 місяців;
- ті, хто мають базові знання з іншої мови – від 1 до 3 місяців;
- професійні програмісти – до 1 місяця.
Найкращий варіант інвестиції часу – 8 годин щоденно (20% теорії + 80% практики). Більше практики – швидше опанування програмування.
Для опанування ІТ-спеціальності треба виділити не менше 500 годин, з яких близько 100 годин – на перегляд відео уроків або відвідування онлайн занять із ментором, а 400 – на виконання практичних завдань за пройденими темами.
В залежності від того, скільки часу ви готові виділяти на навчання в день, ви зможете пройти програму за 3-8 місяців. Якщо у вас є певна база знань з ІТ, кількість необхідного часу буде меншою.
Також тривалість навчання залежить від обраної вами спеціальності, оскільки набір технологій, які ви маєте вивчити, буде різним.
Починати варто з тих, які містять в назві слово “Стартовий”. Такі курси мають вступний матеріал для знайомства з мовою або технологією.
Якщо ж ви плануєте навчатися за конкретною спеціальністю у форматі відео курсів, перейдіть на сторінку спеціальності і прокрутіть до заголовку “Відео курси за спеціальністю …”. Нижче буде список відео курсів, котрі відсортовано в порядку необхідності вивчення.
Ще нижче ви знайдете Roadmap зі спеціальності – путівник, на якому зображені відео курси у вигляді дерева, що також вас легко зорієнтує у послідовності проходження курсів.
Якщо ви обираєте Live Online навчання з тренером, все дуже просто:
- відвідуйте всі заняття, вчасно виконуйте д/з;
- додатково дивіться відео уроки на ITVDN;
- після кожного уроку проходьте коротке тестування;
- практикуйтеся в Інтерактивному практикумі;
- спілкуйтеся з одногрупниками в ході вирішення д/з, задавайте питання ментору на уроках та поза ними;
- в кінці кожного курсу складайте екзамен на TestProvider (та отримуйте Сертифікати);
- в кінці всього навчання проходьте екзамен зі спеціальності і отримайте Диплом.
Ми маємо спеціальний розділ – “Вакансії”, котрий допомагає нашим студентам шукати першу роботу в ІТ. Детальніше про можливості та призначення розділу за посиланням.
А для тих, хто навчається онлайн з ментором, у нас додатково передбачена індивідуальна допомога HR-фахівця щодо підготовки до працевлаштування з першого дня навчання і до отримання першого job-оферу. Вона включає в себе допомогу в оформленні соцмереж, підготовці резюме, проведення пробної співбесіди, надання порад щодо пошуку роботи та самопрезентації тощо.
На жаль, дана послуга на ITVDN не передбачена, однак ви можете замовити індивідуальну консультацію з нашим ментором. Деталі ви знайдете за посиланням.
На ITVDN відсутні курси для дітей, тому комфортний вік для початку навчання за нашими матеріалами – від 14 років.
Ніяких вимог до вашого рівня англійської ми не висуваємо, оскільки всі навчальні матеріали йдуть російською або українською мовами. При цьому базові знання англійської будуть корисні для комфортного пошуку інформації в гуглі, читання документацій в інтернеті тощо.
На ITVDN можна пройти повне навчання з нуля до спеціаліста рівня Trainee/Junior. Якщо ви вже практикуючий розробник, наші відео курси допоможуть поглибити ваші знання до рівня Middle.
Після закінчення дії вашої підписки доступ до відео курсів, на жаль, буде закрито. Однак ви зможете користуватися тими навчальними матеріалами, які ви завантажили на свій девайс під час навчання.
Ні, знижки не додаються.
Відгуки наших студентів
Відгуки в DOU
4,9/5 - 200 відгуків
Відгуки в Facebook
5,0/5 - 707 відгуків
Відгуки в Google
4,9/5 - 836 відгуків