Vue.js. Полный курс

Поділитися
Вставка
  • Опубліковано 8 чер 2024
  • #YauhenK #webDev #vue #vuejs
    Всех приветствую в курсе «Vue.js».
    В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберём все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js.
    ✒ Репозиторий курса:
    ✔ GitHub: github.com/YauhenKavalchuk/vu...
    ✒ Timeline:
    ✔ 0:00 - Введение (Introduction)
    ✔ 4:18 - Экземпляр Vue (The Vue Instance)
    ✔ 9:42 - Данные и методы (​Data & Methods)
    ✔ 14:59 - Привязка данных (​Data Binding)
    ✔ 20:55 - Списки и динамические классы (​Lists & Dynamic CSS Classes)
    ✔ 24:56 - События (Events)
    ✔ 30:00 - Модификаторы события (Events Modifiers)
    ✔ 34:54 - События клавиатуры (Keyboard Events)
    ✔ 38:58 - Двусторонняя привязка данных (Two-Way Data Binding)
    ✔ 43:08 - Вычисляемые свойства (Computed Properties)
    ✔ 48:52 - Условный рендеринг (Conditionals)
    ✔ 54:13 - Summary (To-Do App)
    ✔ 01:07:34 - Множественные экземпляры Vue (Multiple Vue Instances)
    ✔ 01:12:40 - Введение в компоненты (​Intro to Components)
    ✔ 01:16:35 - Ссылки на элементы (Refs)
    ✔ 01:20:55 - The Vue CLI
    ✔ 01:28:02 - Файловая система Vue CLI (​Vue CLI Files)
    ✔ 01:33:50 - Вложенность и импорт компонентов (Nesting & Importing Components)
    ✔ 01:39:21 - Хуки жизненного цикла (Lifecycle Hooks)
    ✔ 01:44:26 - Динамические компоненты (​Dynamic Components)
    ✔ 01:49:23 - Slots
    ✔ 01:54:20 - Компонентные стили (Component CSS)
    ✔ 01:58:42 - Пропсы (Props)
    ✔ 02:04:18 - Пользовательские события (Custom Events)
    ✔ 02:08:57 - Глобальная шина событий (The Event Bus)
    ✔ 02:12:55 - Привязка данных в элементах формы (​Input, Checkbox, Select Bindings)
    ✔ 02:22:22 - Фильтры (Filters)
    ✒ Используемые ресурсы и инструменты:
    ✔ Atom (Редактор кода): atom.io
    ✒ Полезные ссылки:
    ✔ Vue (документация): vuejs.org
    ✒ Полезные курсы на канале:
    ✔ JavaScript: • JavaScript
    ✒ Полный список готовых и планируемых курсов:
    ✔ Trello: trello.com/b/R6rD7qq8
    ✒ Автор курса:
    ✔ UA-cam: / yauhenkavalchuk
    ✔ Instagram: / yauhenkavalchuk
    ✔ Twitter: / yauhenkavalchuk
    ✔ VK: YauhenKavalchuk
    ✔ LinkedIn: / yauhenkavalchuk
    ✔ GitHub: github.com/YauhenKavalchuk
    ✔ VK (Группа): webdevcom
    ✒ License:
    ✔ Композиция "Country Cue 1" принадлежит исполнителю Audionautix.
    ✔ Лицензия: Creative Commons Attribution (creativecommons.org/licenses/....
    ✔ Исполнитель: audionautix.com/
    ✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

КОМЕНТАРІ • 53

  • @user-fu7xc8fi8r
    @user-fu7xc8fi8r Рік тому +39

    Вовремя) вроде как в конце года команда разработчиков прекращает поддержку 2 версии

    • @agilkerimov
      @agilkerimov Рік тому +2

      😂

    • @andreyrudin2286
      @andreyrudin2286 Рік тому +3

      тут наверное выложен какой нибудь курс какого нибудь 2018 года, только вопрос зачем?

    • @anastasiia7414
      @anastasiia7414 Рік тому

      А разве вся документация вышла на Vue 3?

    • @user-wr6xd9xs2p
      @user-wr6xd9xs2p Рік тому +1

      Нет, ну вы что!? Это ж отличный материал для повтора. Автор как для меня старался😊 Как раз искал материал, чтобы повторить Vue 2, чтобы легче изучить Vue 3. Так как долгое время не использовал Vue для работы, а сейчас решил, что он мне в скором времени понадобится. Так что спасибо автору, ведь нужно подрезать все видео из курса для того чтобы их объединить в одно, а это тоже время😮😊 И тем самым он сэкономил моё😌

    • @uszakow
      @uszakow 11 місяців тому +1

      @@user-wr6xd9xs2p смысла нет повторять Vue 2 для изучения Vue 3. Мне лично знание старых решений скорее мешает выучить новые, чем помогает - надо дополнительно вспоминать к какой версии относится то, что я хочу написать. Лучше открыть новую документацию и посмотреть как надо писать. А Vue 2 уже отправляется в исторический музей - в декабре прекращение поддержки.

  • @user-gu1kq6mf1v
    @user-gu1kq6mf1v Рік тому +17

    Сначала так обрадовался, а уже потом узнал, что это Vue 2 (((((

  • @jackdoe1312
    @jackdoe1312 Рік тому +9

    Дядь, могет, мощно. Но надо уже 3 версию, script setup lang ="ts", Composition API.
    Плюс примеры использования дженериков, интерфейсов (наше всё). Для чего и почему (поговорить об уровне абстракции, зачем это на проекте и т.д.).

  • @user-sy9gi3vg2e
    @user-sy9gi3vg2e Рік тому +11

    Вы этот курс записывали 4 года назад. он у вас в плейлистах есть,
    Не староват лит он на сегодня????

    • @uszakow
      @uszakow 11 місяців тому +1

      Не староват, а безнадежно стар - поддержка Vue 2 прекращается в декабре 23го.

    • @danielm.9004
      @danielm.9004 8 місяців тому

      Тут даны основы vue, они что во 2-й, что в 3-й версии одинаковые если говорить об option API

  • @vitaly-
    @vitaly- Рік тому +10

    Ммм, вторая версия.
    Я, конечно, понимаю, что вторая версия все еще на некоторых проектах есть, но в любом случае курс по второму vue точно не нужен человекам, возможно даже будет вреден.
    edit: Услышал, что курс от 2018 год, тогда это еще большей бред его выкладывать.

  • @user-wu4cr2rz1g
    @user-wu4cr2rz1g 11 місяців тому +1

    ваш канал , да и вы - просто клад!

    • @YauhenKavalchuk
      @YauhenKavalchuk  11 місяців тому

      Спасибо большое за отзыв

  • @kaswister
    @kaswister Рік тому +17

    Курс исключительно для ознакомления. Морально и функционально уже устарел. Тем более поддержка vue 2 скоро будет прекращена. А отличия 2 и 3 версии в некоторых аспектах существенны.

    • @user-bd3od3nf8r
      @user-bd3od3nf8r Рік тому

      Ну скажем так если с позиции option api то пальцев одной руки хватит что б посчитать отличия, да и composition api в его нормальном виде не столь и сложен если понимать логику, но блин это не меняет суть, ощущение что даже никто не смотрел дату этого курса, просто кинули древнецо, пипл схавает, надо ж что то кидать

  • @user-hk6km8ou6d
    @user-hk6km8ou6d 11 місяців тому +4

    Тяжелые времена рождают сильных программистов, сильные программисты создают фреймворки, фреймворки рождают слабых программистов, слабые программисты приводят к тяжелым временам)) (Шутка)
    Спасибо за контент! Очень интересно слушать!

    • @YauhenKavalchuk
      @YauhenKavalchuk  10 місяців тому

      🤔🙂 спасибо за отзыв

  • @user-wx4eg7sf3c
    @user-wx4eg7sf3c Рік тому +1

    Спасибо большое ❤

  • @multtanker6365
    @multtanker6365 Рік тому +23

    Эх был бы курс по 3 версии)

  • @Signtone
    @Signtone Рік тому +3

    Супер. Полные курсы всегда круто!

  • @Nordictt
    @Nordictt Рік тому

    Топовый! Сегодня собрался как раз и подошло время к изучению vuejs и твой сразу курс тут! Ты лучший
    !

  • @user-bf3gb9ld1j
    @user-bf3gb9ld1j Рік тому +4

    Как то очень старым курс кажется. Не хочется обижать автора он молодец, но это так)

  • @zhuk462
    @zhuk462 Рік тому +1

    опоздал миниум на пару лет. ну какая же 2я версия актуальная... давно надо было мигрировать

  • @mind150
    @mind150 Рік тому

    Спасибо

  • @devillyach2970
    @devillyach2970 9 місяців тому +1

    хаххаа первый час просмотрел и делал все на вью 3 пока не прочитал комменты))

  • @fromillia
    @fromillia 11 місяців тому

    К слову об "актуальной второй версии" офсайт сходу говорит нам:
    - вот вам материал про версию 3, а всю инфу по версии 2 искать по такой-то ссылке;
    - версия 2 перестанет поддерживаться в декабре 23 (т.е. через полгода).

  • @NeGovoriNet
    @NeGovoriNet 8 місяців тому

    2023 год. Курс по второй версии... Видно, что работал больше с React и Angular, а вью по остаточному принципу)

  • @mariokun
    @mariokun Рік тому +1

    Щас какой год?) Курс малеха устарел, где composition api ??

  • @Infinity_Kim
    @Infinity_Kim Рік тому

    Как-то поздновато с курсом для vue2, еще vue-cli....-

  • @makkons
    @makkons Рік тому +4

    Видео 2018 года?
    1:29

    • @vitaly-
      @vitaly- Рік тому

      да, причем это начало 2018 года

    • @yatagun
      @yatagun Рік тому +1

      где вы были 5 лет

    • @yatagun
      @yatagun Рік тому +1

      2018 - слишком рано
      2019 - рано
      2020 - еще не время
      2021- нет
      2022- рано
      2023 - КУРС ПО ВЬЮ 2!

  • @amriddindavlatov110
    @amriddindavlatov110 3 місяці тому

    Зачем 2 версия?

  • @fraudinside
    @fraudinside Рік тому

    Так он же старый))

  • @grantorino3465
    @grantorino3465 Рік тому +1

    Пфф, ну какая 2я версия на сейчас то?

  • @unicoxr5tj417
    @unicoxr5tj417 Рік тому

    вьюшечка

  • @Kolarian666
    @Kolarian666 7 місяців тому

    я думал 2 версию уже особо не используют

  • @valeriyk7565
    @valeriyk7565 9 місяців тому

    Не гоже в 23 году выпускать ролик про 2 версию vue...

  • @M615243
    @M615243 Рік тому +4

    Актуальной второй версии?

    • @Dudarik
      @Dudarik Рік тому +1

      1:28 - в наступившем 2018 ;)

  • @IgorPeshkov
    @IgorPeshkov Рік тому

    Я так понял ты его раньше продавал или был на закрытых курсах, а теперь из-за ненадобности выкатил сюда ... мде

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому +1

      Этот курс никогда не продавался, по крайней мере мной

    • @IgorPeshkov
      @IgorPeshkov 11 місяців тому

      @@YauhenKavalchuk ну да, я ознакомился, это ведь просто пересказ документации, порой слово в слово. Есть ошибки конечно, но не страшные. Просто удивился, почему такой старый курс выложили спустя несколько лет. Спасиб )

  • @Nordictt
    @Nordictt Рік тому

    Сложно как то изложенно VueJs не такой сложный на самом деле

  • @grgvgrgv
    @grgvgrgv Рік тому

    Зачем выкладывать про НЕактуальную 2-ю версию видос? Жесть... не ожидал!