А вот и таймкоды подъехали ))) 00:00 Начало видео 00:14 - 1. Что такое двустороннее связывание? 00:53 - 2. Какими способами можно реализовать двустороннее связывание для input? 01:48 - 3. Чтo тaкoe props? 02:20 - 4. Как работает реактивность во Vue? 05:08 - 5. Чтo тaкoe Composition API во Vue 3? 05:34 - 6. Особенности использования v-model в Vue 2 и Vue 3. 06:49 - 7. Для чегo нyжeн $emit? 07:55 - 8. Постраничная навигация в Vue 08:36 - 9. Что такое computed свойства и как они работают? 10:41 - 10. Как отследить изменение модели? 11:25 - 11. Особенности слежения за "глубокими" объектами. 12:22 - 12. Что такое интерполяция? 12:33 - 13. Как отрисовать компонент по условию? 13:30 - 14. Paзницa мeждy v-if и v-show. 14:18 - 15. Что такое миксины и как их использовать? 15:38 - 16. Что такое директивы? 16:05 - 17. Как создать пользовательскую директиву? Особенности использования. 18:42 - 18. Расскажите о жизненном цикле компонента Vue 20:06 - 19. В каком методе жизненного цикла необходимо делать первичную загрузку данных с сервера? 20:19 - 20. В каком методе жизненного цикла необходимо делать очистку (удалять слушатели, очищать хранилище и т.д.)? 20:32 - 21. Как сделать стили локальными для компонента 20:45 - 22. Как отрисовать несколько компонентов на основе массива? 21:22 - 23. Зачем указывать key при использовании директивы v-fог? 23:02 - 24. Как отследить изменение поля объекта? 23:42 - 25. Как добавить слушатель события на элемент? 23:54 - 26. Что такое модификаторы? 24:08 - 27. Какие модификаторы есть у событий? 24:50 - 28. Как модификаторы есть y v-mоdel? 25:42 - 29. Как добавить анимацию на удаление добавление элемента в список? 26:55 - 30. Как зарегистрировать компонент глобально в Vue 3 ? 27:18 - 31. Как передать данные из родительского компонента в дочерний, не используя рrорs и stоre ? 28:05 - 32. Как добавить класс на элемент по условию? 28:42 - 33. Как динамически изменять стили у элемента? 29:14 - 34. Расскажите о слотах в Vие ? 31:08 - 35. Каким способом можно получить DОМ элемент во Vие? 32:01 - 36. Предназначение Keep-alive в Vue 33:08 - 37. Телепорты в Vue. Зачем нужны? 34:01 - 38. Как подключить внешний плагин в Vие 3? 34:10 - 39. Как создать собственный плагин в Vие 3? 34:32 - 40. При использовании хуков жизненного цикла в миксине и при подключении этого миксина в компонент, в какой последовательности будут вызываться хуки? 35:50 - 41. Почему не стоит использовать в качестве ключей (key) индексы элемента массива? 36:15 - 42. Почему этот код не работает? array.filter(elem => elem %2 !== 0) 36:51 - 43. Можно пи использовать v-if и v-for на одном элементе? 37:29 - 44. Можно ли изменять computed свойства? 37:47 - 45. Для чего нужен vuex и какие проблемы он решает? 38:20 - 46. Pacckaxure o state и getters в vuex. 39:00 - 47. Расскажите о мутациях и действиях в vuex. В чем отличие? 39:48 - 48. Как использовать stоге внутри компонента? 40:24 - 49. Как принудительно обновить компонент в Vue? 40:54 - 50. Для чего нужны асинхронные компоненты в Vue?
спасибо, сегодня посмотрел перед собеседованием, чтобы повторить, уточнил много вещей, и узнал новые. кстати, как раз и спросили, плюс я узнал, что реактивность под капотом на тройке делается с помощью прокси, рассказал, как я применял прокси, делая стор страницы выбора опций доставки в Svelte. так что собеседование прям очень хорошо пошло. завтра обещают ответить, надеюсь, всё будет хорошо. но в любом случае, большое спасибо за видео!
Спасибо за видео! По поводу 11 вопроса. За глубокими объектами можно следить еще вот так watch: { 'user.address.street': function(val) { console.log(val) } } если нужно следить за конкретным вложенным свойством
Просто выучите эти вопросы и на 90% вопросов на собесе(на джуна) ответите, сегодня был собес задали вопросы под номером 3, 5, 7, 13,14 15, 18, 23 35, 41, 43. Я немгоно удивился но по js очень мало вопросов было(про деструктуризацию помню только).
В 42 вопросе причудливый способ создать массив только с нечетными числами. elem & 2 !== 0, у оператора '!==' приоритет выше чем у '&', следовательно elem & 2 !== 0 => elem & 1, так как 2 !== 0 всегда истино, и true преобразуется в 1. Но более привычным будет elem % 2.
Добавлять директивы глобально как раз таки не "по-хорошему".... Надо добавлять только в те компоненты, в которых они нужны, чтобы не перезаписать случайно схожие модели и функции.
=) А как насчет: "Вы замечательно разбираетесь во Vue. Но сейчас я попрошу вас отговорить меня от него. Убедите меня использовать другой фреймворк в проекте (любой, придумайте сами), но не Vue" =)
19 вопрос, чем раньше получаешь данные тем лучше. Тем более, если не нужно взаимодействовать с dom деревом, поэтому лучше использовать created hook, а не mounted.
Это тема для священных войн на самом деле. В любом чате по вью рано или поздно будет холивар на эту тему рано или поздно. Для себя сделал вывод что просто без разницы)
С 19 ответом я бы поспорил. Не вижу смысла ждать открисовки html в данном случае. Я такие вещи делаю на created. mounted чаще использую когда html должен быть готов. Например для ref
Он не отрисовывает dom дерево на документе при mounted. mounted гарантирует что компонент и его виртуальное dom дерево загрузилось, и он готов к работе, но он еще не отрисовал dom дерево. Он это делает после mounted в микрозадачах. Чтобы дождаться выполнения микрозадач - можно попробовать вызвать nextTick, иногда это работает но и то не всегда. 😊
Привет, спасибо за вопросы! На следующей неделе первое собеседование по vue, очень надеюсь что данные вопросы помогут мне сориентироваться и подготовится. Только одного вопроса не встретил, зачем нам нужен vue.js, мне кажется его тоже часто задавать должны.
Контент топ! Слушай, а как тебе идея, снятиь видос на тему вариантов валидации запросов? Например про JWT, Session. Очень бы хотелось разобрать варианты защиты api. Вот например как делать валидированные запросы на GraphQL сервер. Как можно обратиться на него будучи зарегестрированным пользователем или анонимно? Нужно ли создавать несколько ендпоинтов для такого рода доступа и как резать права доступа к разным областям?
Привет. А что скажешь насчёт ререндера элемента не через forseUpdate, а путем изменения значения key? На некоторых ресурсах видел как рекомендовали этот способ
Все вопросы уровня джуна. Про реактивность было не плохо, даже для мидла, но остальные как то совсем просто. Поясню: как по мне если человек уже работает не первый день спрашивать только то что написано в доке - это такое. Пример того что можно спросить посложнее: есть ли какие-то недостатки у вотчеров (имею ввиду перформанс для глубокого просмотра), как бороться с тем что в провайд инджекте теряется реактивность, где хранить статические данные которые не нужно обвешивать реактивностью, какие недостатки патерна шины событий и как он организован, в каких случаях стоит использовать вьюкс, а в каких нет и т.д. Если шарить вопросы только с видоса, я б на джуна взял максимум
Подскажи, а сколько у тебя опыта во фронтенде? Сколько нужно лет учиться чтобы знать все, что ты рассказываешь на канале? Интересно какая у тебя квалификация? Senior или уже team lead
Для меня обычно часть собеса, где вопросы по фрейморку самая легкая. JS core и live кодинг по стрессовей будет. Это потому что я вайтишник или у всех так?
А вот и таймкоды подъехали )))
00:00 Начало видео
00:14 - 1. Что такое двустороннее связывание?
00:53 - 2. Какими способами можно реализовать двустороннее связывание для input?
01:48 - 3. Чтo тaкoe props?
02:20 - 4. Как работает реактивность во Vue?
05:08 - 5. Чтo тaкoe Composition API во Vue 3?
05:34 - 6. Особенности использования v-model в Vue 2 и Vue 3.
06:49 - 7. Для чегo нyжeн $emit?
07:55 - 8. Постраничная навигация в Vue
08:36 - 9. Что такое computed свойства и как они работают?
10:41 - 10. Как отследить изменение модели?
11:25 - 11. Особенности слежения за "глубокими" объектами.
12:22 - 12. Что такое интерполяция?
12:33 - 13. Как отрисовать компонент по условию?
13:30 - 14. Paзницa мeждy v-if и v-show.
14:18 - 15. Что такое миксины и как их использовать?
15:38 - 16. Что такое директивы?
16:05 - 17. Как создать пользовательскую директиву? Особенности использования.
18:42 - 18. Расскажите о жизненном цикле компонента Vue
20:06 - 19. В каком методе жизненного цикла необходимо делать первичную загрузку данных с сервера?
20:19 - 20. В каком методе жизненного цикла необходимо делать очистку (удалять слушатели, очищать хранилище и т.д.)?
20:32 - 21. Как сделать стили локальными для компонента
20:45 - 22. Как отрисовать несколько компонентов на основе массива?
21:22 - 23. Зачем указывать key при использовании директивы v-fог?
23:02 - 24. Как отследить изменение поля объекта?
23:42 - 25. Как добавить слушатель события на элемент?
23:54 - 26. Что такое модификаторы?
24:08 - 27. Какие модификаторы есть у событий?
24:50 - 28. Как модификаторы есть y v-mоdel?
25:42 - 29. Как добавить анимацию на удаление добавление элемента в список?
26:55 - 30. Как зарегистрировать компонент глобально в Vue 3 ?
27:18 - 31. Как передать данные из родительского компонента в дочерний, не используя рrорs и stоre ?
28:05 - 32. Как добавить класс на элемент по условию?
28:42 - 33. Как динамически изменять стили у элемента?
29:14 - 34. Расскажите о слотах в Vие ?
31:08 - 35. Каким способом можно получить DОМ элемент во Vие?
32:01 - 36. Предназначение Keep-alive в Vue
33:08 - 37. Телепорты в Vue. Зачем нужны?
34:01 - 38. Как подключить внешний плагин в Vие 3?
34:10 - 39. Как создать собственный плагин в Vие 3?
34:32 - 40. При использовании хуков жизненного цикла в миксине и при подключении этого миксина в компонент, в какой последовательности будут вызываться хуки?
35:50 - 41. Почему не стоит использовать в качестве ключей (key) индексы элемента массива?
36:15 - 42. Почему этот код не работает? array.filter(elem => elem %2 !== 0)
36:51 - 43. Можно пи использовать v-if и v-for на одном элементе?
37:29 - 44. Можно ли изменять computed свойства?
37:47 - 45. Для чего нужен vuex и какие проблемы он решает?
38:20 - 46. Pacckaxure o state и getters в vuex.
39:00 - 47. Расскажите о мутациях и действиях в vuex. В чем отличие?
39:48 - 48. Как использовать stоге внутри компонента?
40:24 - 49. Как принудительно обновить компонент в Vue?
40:54 - 50. Для чего нужны асинхронные компоненты в Vue?
Красавчик! Спасибо:)
Круто
Спасибо! И не только за это, а за то 3-х часовое видео по vue.
Старался 🙌
Годнота подъехала, спасибо!
спасибо, сегодня посмотрел перед собеседованием, чтобы повторить, уточнил много вещей, и узнал новые. кстати, как раз и спросили, плюс я узнал, что реактивность под капотом на тройке делается с помощью прокси, рассказал, как я применял прокси, делая стор страницы выбора опций доставки в Svelte. так что собеседование прям очень хорошо пошло. завтра обещают ответить, надеюсь, всё будет хорошо.
но в любом случае, большое спасибо за видео!
кстати, меня приняли :)
@@szpaklabs8893 Поздравляю! Ты походу теорию неплохо так знаешь
@@Masimkaify вообще не учил теорию. всё в основном изучал на практике, в теорию лезу уже как в справочник, за чем-то конкретным
Ууууф, очень полезные вопросы, так можно весь Vue за одно видео выучить)
Хех))
Наконец-то, дождались) Не зря колокольчик включал
Спасибо за видео!
По поводу 11 вопроса.
За глубокими объектами можно следить еще вот так
watch: {
'user.address.street': function(val) {
console.log(val)
}
}
если нужно следить за конкретным вложенным свойством
Давно видео не было, хоть я и React разработчик, но по вью подтянуть знания не помешает, спасибо!
я Vue разработчик, но подтягиваю знания по React
@@boycovclub красавчик
Свежее видео в вс, шикарно:) Тимур, спасибо🤘
Спасибо, что тратишь свое время во блага многих. Как всегда ты говоришь: " кладись полезной информации".
Недавно искал работу. Чел, первые 5 вопросов спросили один в один) Спасибо, очень информативно)
Прошел собеседование?
Посмотрю с удовольствием по позже) это то, что мне как раз нужно!!!
Спасибо!
Круто, про инъекции не знал. Я уже имею работу, но этот видос помог проверить самого себя)
Очень круто💪💪как эйчар теперь знаю какие вопросы упустил и что нужно добавить на техопросе с кандидатами
Супер контент! Спасибо!
Спасиб)
Как всегда четко, спасибо, комментарий в поддержку!
Огонь!! Спасибо :)
теперь не страшно интервью
Очень неплохо собрана важная инфа в одном месте. Буду подсматривать, когда начну тупить.
Спасибо за полноценный обзор самых важных вопросов!
Красавчик классные видео продолжай в таком же духе
Спасибо, помогло в быстрой форме пробежаться по всем важным аспектам vue при первом изучении для лучшего запоминания
Спасибо за полезный видос)
Очень хотелось бы ещё посмотреть как ты какой-нибудь проект пишешь с 0 на Vue или Nuxt
Большое спасибо за такой качественный ролик!
Спасибо огромное за такой качественный контент, просто как воздух
Просто выучите эти вопросы и на 90% вопросов на собесе(на джуна) ответите, сегодня был собес задали вопросы под номером 3, 5, 7, 13,14 15, 18, 23 35, 41, 43. Я немгоно удивился но по js очень мало вопросов было(про деструктуризацию помню только).
Кстати, принудительный перерендер можно с помощью :key сделать.
Просто больщой лайк за информацию
Как всегда качественный материал! Спасибо, Тимур!
Вот это тема. Благодарю
Спасибо!
Бомба. Думаю, хорошее пособие. Спасибо, прокачался
Очень круто. Позволило заметить пробелы и записать темы для повторения
Отличный урок! Единственное,чего мне нехватило - это небольшого углубления в slots, а именно scope slot
Отличное видео, спасибо!
Огромное спасибо!!
Спасибо! Это огромный концентрат инфы!!!!!!!!!!!!!!!
Привет, можешь снять ролик Vue + Typescript. Думаю было бы прикольно, на русском очень мало информации.
документация
Все максимально просто, единственные затупы могут быть только с вьюксом
спасибо братан!
ты сделал мою жизнь немношк проще)
Спасибо, было интересно :-))
очень полезная инфа, большое спасибо!
Спасибо))) очень нравится Вью и твои видео!
20:08 mounted() используют когда нужно что-то сделать с dom'ом. для первичной подгрузки данных лучше подойдет created()
спасибо, твои ролики отличные. Знаю трудно, но желательно разбить по тайм ленте все вопросы.
Спасибо за очередное полезное видео , успехов! #vue #vuejs #vueсобеседование
Братик, даешь апдейт по вью спустя 2 года? Очень ждём!
Здравствуй Тимур, отличное видео, интересно.
*Л. а. й. к.*
спасибо за видео👍
Спасибо за топовый контент, успехов в развитии! #vue #vuejs #vueсобеседование
Благодарю за проделанную работу!
как всегда спасибо за видео !
Спасибо я выучил Vue 3
В 42 вопросе причудливый способ создать массив только с нечетными числами. elem & 2 !== 0, у оператора '!==' приоритет выше чем у '&', следовательно elem & 2 !== 0 => elem & 1, так как 2 !== 0 всегда истино, и true преобразуется в 1. Но более привычным будет elem % 2.
Добавлять директивы глобально как раз таки не "по-хорошему".... Надо добавлять только в те компоненты, в которых они нужны, чтобы не перезаписать случайно схожие модели и функции.
давай лучше клоны топ
проектов на MERN )
круто очень полезно было спасибо
бомба, спасибо!
=) А как насчет: "Вы замечательно разбираетесь во Vue. Но сейчас я попрошу вас отговорить меня от него. Убедите меня использовать другой фреймворк в проекте (любой, придумайте сами), но не Vue" =)
Хоть мне и нравится реакт, но интересно будет посмотреть про вью
Спасибо за контент 🥺🥰
Спасибо за отзыв:)
Спасибо огромное, дорогой Ульби! Сколько интересно оферов ты нам всем помог добыть?
Хочется верить, что много 😂❤️
Благодарю, отличный ролик. Четко и по делу.
Спасибо за контент!
Добавьте, пожалуйста, таймкоды в описание)
Полезно!
@Ulbi TV планируешь ли контент по Angular-у??? Спасибо )
Возможно, но летом точно не будет
Привет, планируется ли курс по Angular?
Было бы неплохо выложить весь список вопросов списком
спасибо
19 вопрос, чем раньше получаешь данные тем лучше. Тем более, если не нужно взаимодействовать с dom деревом, поэтому лучше использовать created hook, а не mounted.
Весьма полезное видео! Спасибо автору за старания!
Жаль, только, что vue3, на данный момент, крайне редко используется на продакшене.
Привет, спасибо за качество! Пару вопросов на паузе: какие возможны причины потери реактивности во Vue и какие преимущества запроса данных в mounted?
кстати да. почему не в created
Это тема для священных войн на самом деле. В любом чате по вью рано или поздно будет холивар на эту тему рано или поздно. Для себя сделал вывод что просто без разницы)
44. Можно ли изменять computed-свойство?
Можно.
Там можно написать геттер и сеттер.
А вот хорошо это или плохо - это уже другой вопрос.
ты красавчик!
Спасиб)
Респект )
С 19 ответом я бы поспорил. Не вижу смысла ждать открисовки html в данном случае. Я такие вещи делаю на created.
mounted чаще использую когда html должен быть готов. Например для ref
Он не отрисовывает dom дерево на документе при mounted. mounted гарантирует что компонент и его виртуальное dom дерево загрузилось, и он готов к работе, но он еще не отрисовал dom дерево. Он это делает после mounted в микрозадачах. Чтобы дождаться выполнения микрозадач - можно попробовать вызвать nextTick, иногда это работает но и то не всегда. 😊
@@davidwang401 и к чему ты это написал?
спасибо бро, прям кстати!
✊🏻✊🏻
Привет, спасибо за вопросы!
На следующей неделе первое собеседование по vue, очень надеюсь что данные вопросы помогут мне сориентироваться и подготовится.
Только одного вопроса не встретил, зачем нам нужен vue.js, мне кажется его тоже часто задавать должны.
и как прошло? )
Очень хочется в твоем стиле, услышать о кафке или реббите
Чувак ты бог огромное спасибо
видос хороший но есть одно но, первые вопросы про разницу в некоторых моментах Vue 2 и Vue 3 стоило делать в конце
Сделай, пожалуйста, ролик, где разбирается интерподяция.
Контент топ! Слушай, а как тебе идея, снятиь видос на тему вариантов валидации запросов? Например про JWT, Session. Очень бы хотелось разобрать варианты защиты api. Вот например как делать валидированные запросы на GraphQL сервер. Как можно обратиться на него будучи зарегестрированным пользователем или анонимно? Нужно ли создавать несколько ендпоинтов для такого рода доступа и как резать права доступа к разным областям?
Привет. А что скажешь насчёт ререндера элемента не через forseUpdate, а путем изменения значения key? На некоторых ресурсах видел как рекомендовали этот способ
Привет. Можно узнать, почему ты на 36:43 вместо процента используешь амперсанд?
Привет, видимо опечатка, спасибо за внимательность!
осветите пожалуйста тему отправки данных на сервер POST запросом хотя бы...интересно как бэкэндеру. А в общем классный материал спасибо большое
Го туториал по angular 🤙
Супер полезное видео. Спасибо
49. Еще один способ: изменить :key компонента. Не знаю как во Vue 3 , но во Vue 2 $forceUpdate не всегда срабатывает.
спасибо отличное видео
Го видос про RxJs
Спс некоторые вещи напомнил)
Давайте тоже самое по Ангуляр
Скажи пожалуйста, а ты подписан на вебшторм? Или пиратим? :)
Подписан
Ни как не шарю в этих терминах, но как показали код сразу ааа
Все вопросы уровня джуна. Про реактивность было не плохо, даже для мидла, но остальные как то совсем просто. Поясню: как по мне если человек уже работает не первый день спрашивать только то что написано в доке - это такое. Пример того что можно спросить посложнее: есть ли какие-то недостатки у вотчеров (имею ввиду перформанс для глубокого просмотра), как бороться с тем что в провайд инджекте теряется реактивность, где хранить статические данные которые не нужно обвешивать реактивностью, какие недостатки патерна шины событий и как он организован, в каких случаях стоит использовать вьюкс, а в каких нет и т.д. Если шарить вопросы только с видоса, я б на джуна взял максимум
Сделаешь такое видео?
Подскажи, а сколько у тебя опыта во фронтенде? Сколько нужно лет учиться чтобы знать все, что ты рассказываешь на канале? Интересно какая у тебя квалификация? Senior или уже team lead
Прикольно из куба крест получается, эти вопросы на джуна покатят?
Для меня обычно часть собеса, где вопросы по фрейморку самая легкая. JS core и live кодинг по стрессовей будет. Это потому что я вайтишник или у всех так?
Сколько лет ты уже занимаешься веб-программированием ?)
1.5-2 года плюс минус
@@UlbiTV а до этого какой бэкграунд был в программировании?)
@@UlbiTVТимур твой уровень Middle или Senior?
@Raiku Тоесть Сеньор или Мидл?
Загадка от жака фреско: как отследить изменение модели? На замьішление 2 секундьі
43 вопрос - жаль, так и не объяснил почему нельзя использовать v-for и v-if для одного элемента.
Потому что приоритет директив разный и может вызвать непредсказуемое поведение при рендеринге.
Тимур ты красавчик
Ну ты жаришь ульби!