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