50 вопросов на Vue JS собеседование

Собеседование на Vue js разработчика. 50 вопросов для подготовки к собеседованию по Vue.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Экспресс справочник для подготовки к Frontend собеседованию здесь - boosty.to/ulbitv
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек ➝ qiwi.com/n/BODYE821
Яндекс деньги ➝ yoomoney.ru/to/4100116193037469
#vue #vuejs #vueсобеседование

[@vc7057]

А вот и таймкоды подъехали ))) 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?

[@UlbiTV]

Красавчик! Спасибо:)

[@user-pt5vc1uy9o]

Круто

[@Maratreason]

Спасибо! И не только за это, а за то 3-х часовое видео по vue.

[@UlbiTV]

Старался 🙌

[@user-rw7rf7fh5c]

Годнота подъехала, спасибо!

[@user-of8lf7yj8o]

Ууууф, очень полезные вопросы, так можно весь Vue за одно видео выучить)

[@UlbiTV]

Хех))

[@Zhekster777]

Наконец-то, дождались) Не зря колокольчик включал

[@ipa_stor]

Свежее видео в вс, шикарно:) Тимур, спасибо🤘

[@koreikin]

Спасибо, что тратишь свое время во блага многих. Как всегда ты говоришь: " кладись полезной информации".

[@shittywizzard5727]

Как всегда четко, спасибо, комментарий в поддержку!

[@user-en8fd9ut5q]

Как всегда качественный материал! Спасибо, Тимур!

[@BIG0KNIGHT]

Спасибо за полноценный обзор самых важных вопросов!

[@STiGMA85X]

заочно лайк, все как обычно.

[@UlbiTV]

Пасиб)

[@gritsienkooleg3447]

Спасибо огромное за такой качественный контент, просто как воздух

[@user-sh5qp6uu1e]

Круто, про инъекции не знал. Я уже имею работу, но этот видос помог проверить самого себя)

[@zvuk3316]

Большое спасибо за такой качественный ролик!

[@user-gm7xx6cc3b]

Огонь!! Спасибо :) теперь не страшно интервью

[@barbatage5078]

Посмотрю с удовольствием по позже) это то, что мне как раз нужно!!!

[@barbatage5078]

Спасибо!

[@falsetrue7910]

Давно видео не было, хоть я и React разработчик, но по вью подтянуть знания не помешает, спасибо!

[@boycovclub]

я Vue разработчик, но подтягиваю знания по React

[@falsetrue7910]

@@boycovclub красавчик

[@Ruslan_Emurlaev]

Отличное видео, спасибо!

[@johk2293]

Очень круто. Позволило заметить пробелы и записать темы для повторения

[@alex_g166]

Очень круто💪💪как эйчар теперь знаю какие вопросы упустил и что нужно добавить на техопросе с кандидатами

[@KonanMer]

Очень неплохо собрана важная инфа в одном месте. Буду подсматривать, когда начну тупить.

[@smokehead]

Недавно искал работу. Чел, первые 5 вопросов спросили один в один) Спасибо, очень информативно)

[@anastasiia7414]

Прошел собеседование?

[@user-sx6jw7ds3x]

Красавчик классные видео продолжай в таком же духе

[@grigodoes]

Спасибо за полезный видос) Очень хотелось бы ещё посмотреть как ты какой-нибудь проект пишешь с 0 на Vue или Nuxt

[@ericraudy]

Супер контент! Спасибо!

[@UlbiTV]

Спасиб)

[@1stabatvoix]

Спасибо, было интересно :-))

[@szpaklabs8893]

спасибо, сегодня посмотрел перед собеседованием, чтобы повторить, уточнил много вещей, и узнал новые. кстати, как раз и спросили, плюс я узнал, что реактивность под капотом на тройке делается с помощью прокси, рассказал, как я применял прокси, делая стор страницы выбора опций доставки в Svelte. так что собеседование прям очень хорошо пошло. завтра обещают ответить, надеюсь, всё будет хорошо. но в любом случае, большое спасибо за видео!

[@szpaklabs8893]

кстати, меня приняли :)

[@Masimkaify]

@@szpaklabs8893 Поздравляю! Ты походу теорию неплохо так знаешь

[@szpaklabs8893]

@@Masimkaify вообще не учил теорию. всё в основном изучал на практике, в теорию лезу уже как в справочник, за чем-то конкретным

[@PeterWhistler]

Очень полезное видео. Спасибо!

[@diyaudioby4836]

Благодарю за проделанную работу!

[@andrew_b2r]

Спасибо, помогло в быстрой форме пробежаться по всем важным аспектам vue при первом изучении для лучшего запоминания

[@toscaantosca4541]

Спасибо за видео! По поводу 11 вопроса. За глубокими объектами можно следить еще вот так watch: { 'user.address.street': function(val) { console.log(val) } } если нужно следить за конкретным вложенным свойством

[@mind150]

Спасибо))) очень нравится Вью и твои видео!

[@nugget_sti]

очень полезная инфа, большое спасибо!

[@dmitriyzhuravlev3300]

Кстати, принудительный перерендер можно с помощью :key сделать.

[@MegaTesei]

Бомба. Думаю, хорошее пособие. Спасибо, прокачался

[@noname-tm]

Спасибо!

[@sergsagan]

Просто больщой лайк за информацию

[@virtuoz-ru]

Вот это тема. Благодарю

[@TheNuclearAtom]

Отличный урок! Единственное,чего мне нехватило - это небольшого углубления в slots, а именно scope slot

[@ashotashirov]

Благодарю, отличный ролик. Четко и по делу.

[@ronmi2691]

Привет, можешь снять ролик Vue + Typescript. Думаю было бы прикольно, на русском очень мало информации.

[@Moskalineludy]

документация

[@CheIIau]

Все максимально просто, единственные затупы могут быть только с вьюксом

[@vlad17264]

как всегда спасибо за видео !

[@a.osethkin55]

Огромное спасибо!!

[@magistr_sav]

спасибо, твои ролики отличные. Знаю трудно, но желательно разбить по тайм ленте все вопросы.

[@ghost_education]

спасибо братан! ты сделал мою жизнь немношк проще)

[@sergsergey4251]

Спасибо за топовый контент, успехов в развитии! #vue #vuejs #vueсобеседование

[@sergeysamius1128]

Спасибо за очередное полезное видео , успехов! #vue #vuejs #vueсобеседование

[@skyrim7732]

спасибо за видео👍

[@malthael6527]

Спасибо! Это огромный концентрат инфы!!!!!!!!!!!!!!!

[@MrRobot-qx8vr]

Братик, даешь апдейт по вью спустя 2 года? Очень ждём!

[@gangstaproger7478]

давай лучше клоны топ проектов на MERN )

[@jahongirbektemirov6516]

круто очень полезно было спасибо

[@lessons3141]

бомба, спасибо!

[@hutoryanin]

Здравствуй Тимур, отличное видео, интересно. *Л. а. й. к.*

[@primuspares4462]

Полезно!

[@chcylabrab]

Спасибо за контент! Добавьте, пожалуйста, таймкоды в описание)

[@andrewevdokimov9327]

Весьма полезное видео! Спасибо автору за старания! Жаль, только, что vue3, на данный момент, крайне редко используется на продакшене.

[@user-ti3tg6cf5x]

Было бы неплохо выложить весь список вопросов списком

[@beckdev7]

Го туториал по angular 🤙

[@txngi]

Респект )

[@rsqssd]

Просто выучите эти вопросы и на 90% вопросов на собесе(на джуна) ответите, сегодня был собес задали вопросы под номером 3, 5, 7, 13,14 15, 18, 23 35, 41, 43. Я немгоно удивился но по js очень мало вопросов было(про деструктуризацию помню только).

[@4ortson]

20:08 mounted() используют когда нужно что-то сделать с dom'ом. для первичной подгрузки данных лучше подойдет created()

[@granmini]

Добавлять директивы глобально как раз таки не "по-хорошему".... Надо добавлять только в те компоненты, в которых они нужны, чтобы не перезаписать случайно схожие модели и функции.

[@user-rj7ik7zr5i]

Чувак ты бог огромное спасибо

[@gagosimonyan1986]

@Ulbi TV планируешь ли контент по Angular-у??? Спасибо )

[@UlbiTV]

Возможно, но летом точно не будет

[@SchnippSchnappShnappi]

Спасибо огромное, дорогой Ульби! Сколько интересно оферов ты нам всем помог добыть?

[@UlbiTV]

Хочется верить, что много 😂❤️

[@kawaikaino5277]

Очень хочется в твоем стиле, услышать о кафке или реббите

[@nicksqain4359]

Хоть мне и нравится реакт, но интересно будет посмотреть про вью Спасибо за контент 🥺🥰

[@UlbiTV]

Спасибо за отзыв:)

[@vanekivanov270]

спасибо отличное видео

[@_man-in-space_]

Спс некоторые вещи напомнил)

[@faizulla5838]

ты красавчик!

[@UlbiTV]

Спасиб)

[@user-dk1ru3yx9i]

спасибо

[@sergeymatvienko9877]

Спасибо я выучил Vue 3

[@nicalf9329]

Привет, планируется ли курс по Angular?

[@user-sh7bb6hk6f]

Сделай, пожалуйста, ролик, где разбирается интерподяция.

[@_good_luck]

Го видос про RxJs

[@BenXMr]

Привет. А что скажешь насчёт ререндера элемента не через forseUpdate, а путем изменения значения key? На некоторых ресурсах видел как рекомендовали этот способ

[@miloman1995s]

спасибо бро, прям кстати!

[@UlbiTV]

✊🏻✊🏻

[@dmitriyzhuravlev3300]

44. Можно ли изменять computed-свойство? Можно. Там можно написать геттер и сеттер. А вот хорошо это или плохо - это уже другой вопрос.

[@Sergei546]

спс бро

[@boycovclub]

видос хороший но есть одно но, первые вопросы про разницу в некоторых моментах Vue 2 и Vue 3 стоило делать в конце

[@user-nv7ov6ib1u]

19 вопрос, чем раньше получаешь данные тем лучше. Тем более, если не нужно взаимодействовать с dom деревом, поэтому лучше использовать created hook, а не mounted.

[@faust2134]

С 19 ответом я бы поспорил. Не вижу смысла ждать открисовки html в данном случае. Я такие вещи делаю на created. mounted чаще использую когда html должен быть готов. Например для ref

[@davidwang401]

Он не отрисовывает dom дерево на документе при mounted. mounted гарантирует что компонент и его виртуальное dom дерево загрузилось, и он готов к работе, но он еще не отрисовал dom дерево. Он это делает после mounted в микрозадачах. Чтобы дождаться выполнения микрозадач - можно попробовать вызвать nextTick, иногда это работает но и то не всегда. 😊

[@ndrewhas]

Привет, спасибо за качество! Пару вопросов на паузе: какие возможны причины потери реактивности во Vue и какие преимущества запроса данных в mounted?

[@chcylabrab]

кстати да. почему не в created

[@user-xo5zv6xr5n]

Это тема для священных войн на самом деле. В любом чате по вью рано или поздно будет холивар на эту тему рано или поздно. Для себя сделал вывод что просто без разницы)

[@user-nf1io9xd4g]

Ну ты жаришь ульби!

[@user-fn6dr8ny8i]

осветите пожалуйста тему отправки данных на сервер POST запросом хотя бы...интересно как бэкэндеру. А в общем классный материал спасибо большое

[@ArtDenis1993]

Спасибо

[@andranikaghajanyan2713]

Молодец!

[@TheCoder97]

Давайте тоже самое по Ангуляр

[@efronyv.1452]

Супер полезное видео. Спасибо 49. Еще один способ: изменить :key компонента. Не знаю как во Vue 3 , но во Vue 2 $forceUpdate не всегда срабатывает.

[@user-ue8bh7tj5k]

Привет. Можно узнать, почему ты на 36:43 вместо процента используешь амперсанд?

[@UlbiTV]

Привет, видимо опечатка, спасибо за внимательность!

[@user-wg5bx2ij3f]

Тимур ты красавчик

[@yevheniimoskalenko1624]

гуд

[@BiGSplush]

Контент топ! Слушай, а как тебе идея, снятиь видос на тему вариантов валидации запросов? Например про JWT, Session. Очень бы хотелось разобрать варианты защиты api. Вот например как делать валидированные запросы на GraphQL сервер. Как можно обратиться на него будучи зарегестрированным пользователем или анонимно? Нужно ли создавать несколько ендпоинтов для такого рода доступа и как резать права доступа к разным областям?

[@special_operator774]

Ни как не шарю в этих терминах, но как показали код сразу ааа

[@nicksqain4359]

Скажи пожалуйста, а ты подписан на вебшторм? Или пиратим? :)

[@UlbiTV]

Подписан

[@i.n.9761]

Для меня обычно часть собеса, где вопросы по фрейморку самая легкая. JS core и live кодинг по стрессовей будет. Это потому что я вайтишник или у всех так?

[@reqq_]

Привет, спасибо за вопросы! На следующей неделе первое собеседование по vue, очень надеюсь что данные вопросы помогут мне сориентироваться и подготовится. Только одного вопроса не встретил, зачем нам нужен vue.js, мне кажется его тоже часто задавать должны.

[@iiiaatt]

и как прошло? )

[@ilyakhoroshavin3488]

Vue + mysql please)

[@loadmore]

Прикольно из куба крест получается, эти вопросы на джуна покатят?