Angular 40 вопросов для собеседования

Share
Embed
  • Published on May 26, 2022

Comments • 159

  • Duman Daulbekov
    Duman Daulbekov 2 years ago +260

    Тайм коды :
    1) 2:29 - Что такое Guards ?
    2) 4:07 - Что такое Modules и что в них входит ?
    3) 5:19 - Отличие AngularJS и Angular
    4) 7:03 - Что такое компоненты и зачем их использовать ?
    5) 8:25 - Обязательные параметры для @Component
    6) 9:03 - Отличие модуля от компонента
    7) 9:44 - Что такое сервисы и зачем они нужны ?
    8) 11:27 - Разница между *ngIf и [ hidden ]
    9) 12:02 - Разница между @Component и @Directives
    10) 12:57 - Что делает данная строка ? @HostBinding( ' [ Class.valid ] ' ) isValid : Boolean
    11) 14:23 - Разница между структурной и атрибут директивой
    12) 15:24 - Что такое Observables ?
    13) 16:09 - Что такое Интерполяция
    14) 16:47 - Разница между Promise и Observable
    15) 19:23 - Разница между Constructor и ngOnInit
    16) 21:32 - Что такое Реактивное программирования в Angular ?
    17) 22:40 - Зачем использовать Spy в тестах ?
    18) 24:26 - Что такое TestBed ?
    19) 25:33 - Что такое Protractor ?
    20) 26:20 - Как реализовать Ресайзинг элемент ?
    21) 28:04 - Что такое AOT ?
    22) 30:34 - Что такое ActivatedRoute ?
    23) 32:18 - Что такое Динамические компоненты ?
    24) 32:55 - Какие функции несет в себе RxJS ?
    25) 35:18 - Как передавать параметры в Pipe ?
    26) 36:06 - Какие есть типы Binding ?
    27) 38:20 - Что такое Life cycle hooks ?
    28) 43:16 - Можно ли использовать jQuery ?
    29) 44:30 - Что такое Interceptors ?
    30) 46:25 - Что делает метод detectChanges в тестах ?
    31) 47:32 - Почему нужно использовать Renderer 2 ?
    32) 49:24 - Зачем нужен zone.js ?
    33) 50:41 - Что делает Just-In-Time Compiler ?
    34) 51:56 - Какие есть стратегии загрузки модулей ?
    35) 54:18 - Что такое Incremental DOM и отличие от Virtual DOM
    36) 55:34 - Зачем нужен процесс компиляций ?
    37) 56:43 - Разница между Pure Pipe и Impure Pipe
    38) 58:14 - Разница между BehaviorSubject и Observable
    39) 59:56 - Как следить за изменением входящих свойств ?
    40) 1:01:11 - Что такое Tree Shaking ?

  • Oleksii Zalunin
    Oleksii Zalunin 2 years ago +47

    Спасибо за твою работу Владилен, ждем реакт, кидаю тебе плюсик к карме)

    • יצחק וילנסקי
      יצחק וילנסקי 9 months ago

      About 9 question, Its crusial to understand that component implements directive, and yet comp. is for an UI and directives are for behaviour

    • Kostya Ostapuk
      Kostya Ostapuk 2 years ago

      @Владилен Минин круто

    • Олег
      Олег 2 years ago +3

      @Владилен Минин сделай плиз

    • Владилен Минин
      Владилен Минин  2 years ago +22

      Сделаю и React )

  • Bio HaZaRD
    Bio HaZaRD 2 years ago +7

    Спасибо большое, полезное видео!
    Что касается младшего разработчика, тут хотелось бы узнать мнение о производительности циклов for in, for of, find, map, forEach; обычных массивов и ассоциативных, объектов, и итерациях по оным.
    Для миддла: тут хотелось бы узнать про использование функций в шаблонах и их влияние на производительность. Как они повлияют при стандартном changeDetection и onPush, и в чём разница использования тех же функций по сравнению с get-ерами, что лучше изменяемые или неизменяемые свойства (отсылка к RXGS. Там всё внимание этому уделяется).
    Schematics не были упомянуты. Считаю, что миддл должен знать о существовании ng add и знать, как пользоваться.
    От Про я бы ожидал знания архитектуры приложения, хотя бы различия между монорепозитарным и монолитным приложением.
    Что касаемо эксперта, то этих вопросов в этом видео не заметил. Я пока не эксперт и думаю, что написание приложения без Zone.js и всё, что связано с core- или "приватной (ɵ)" функциональностью, весьма экспертная территория. Подробнее здесь blog.bitsrc.io/quantum-angular-maximizing-performance-by-removing-zone-e0eefe85b8d8
    P.S. благодаря твоему видео, понял, что почти приблизился к pro))
    Желаю много успехов! У тебя хорошо поставленный голос и речь; приятно слушать ))

    • Владилен Минин
      Владилен Минин  2 years ago +2

      Спасибо за ссылку, интересно было ознакомиться
      Даже я чувствую, что не на про уровень осознал ангуляр и в нем еще много чему есть учиться)

  • Rocket to the stars
    Rocket to the stars 2 years ago +6

    Молодец, Владилен! Не оставляешь нас без видео. Ждем новых :)

  • Moe Green
    Moe Green 2 years ago +1

    Тема и правда благодатная. Вот еще можно подкинуть вопросы:
    - Горячие и холодные Observable
    - Типы директив Angular
    - Pure & Impure Pipes
    - Способы отписаться от Observable
    - Когда не нужно отписываться от Observable

  • Pavel Aleksandrov
    Pavel Aleksandrov 2 years ago

    То что ты делаешь - это очень круто. Продолжай в том же духе! Спасибо!

  • Kosta Sancez
    Kosta Sancez 2 years ago

    Отличное видео, автор молодец, хорошо объясняет

  • Pavel Tytov
    Pavel Tytov 2 years ago

    Спасибо тебе большое за все то , что ты делаешь. Твои видео очень помогли мне.

  • Deep Fainer
    Deep Fainer Year ago

    35 Вопрос, еще больше отличие в том, что инкрементал дом использует меньше памяти, чем виршал дом, потому что ему не нужно делать копию дома постоянно. На мобильных девайсах, при работе с большим виртуальным деревом бывают огромные веделения памяти.

  • Hard Potter
    Hard Potter Year ago

    Эти вопросы полезны не только перед собеседованием, но и в целом, чтобы понять angular. Еще бы презентацию получить)

  • vladimir kuznetsov
    vladimir kuznetsov 2 years ago +2

    Спасибо! Вопросы прям конечно очень простые. На джуна ))) В 26 вопросе неточность, 1- не всегда атрибуты, чаще @Input() в компоненте, либо атрибут элемента DOM. [data-xxxxx]="someValue" не сработает. Надо так [attr.data-xxxxx]="someValue". Про changeDetectionStrategy было бы очень полезно послушать ) Еще раз спасибо.

  • Александр
    Александр 2 years ago +5

    Владилен, Вы - несостоявшийся педагог!))) На одном дыхании!

  • Миша Астахов

    Ой , Влад, просто необыкновенное , огромное спасибо за это видео и вообще за ваш канал !!! Просто бомба !!! Ну нет слов !

  • Anton B
    Anton B 2 years ago +1

    Классный формат! Жду такого же по Vue.js

  • Alexey Lysenko
    Alexey Lysenko 2 years ago +12

    Спасибо за ТОП видео! Ждем аналогичное по Реакту;)

    • Максим Нырков
      Максим Нырков 2 years ago +1

      @Владилен Минин www.edureka.co/blog/interview-questions/react-interview-questions/
      Очень жду))) Ссылочка для вдохновения. Спасибо тебе за старания!

    • Владилен Минин
      Владилен Минин  2 years ago +8

      Будет)

  • Eugene Karataev
    Eugene Karataev Year ago

    Ahead of time compiler - компиляция при сборке
    Just in time compiler - компиляция в рантайме
    Compiler in the past - компиляция когда пользователь закрыл веб-приложение и ушел со страницы

  • Tiberiumgod
    Tiberiumgod Year ago +3

    Спасибо за ангуляр. Русскоязычных разборов этой технологии очень мало. На анг. не все улавливаю, а технология непростая)). Больше ангуляра, пожалуйста.

  • Алексей Высоцкий

    Очень полезно. Большое спасибо.

  • Павел Родионов

    Спасибо! Формат безусловно полезен!

  • Evgeny Volodin
    Evgeny Volodin 2 years ago

    Спасибо за видео. Еще по typescript похожее представление, JS и я был бы на 7 небе от счастья.

  • Viktor Krepak
    Viktor Krepak 2 years ago

    Супер полезно и информативно !

  • Антон Ростовцев

    спасибо за видос! ранее года 3 назад знакомился с ангуляром только 1й версии (который сейчас AngularJS)

  • Владислав Бондар

    Первый раз купил что-то такого рода в интернете, хотя и у знакомого есть этот курс и я мог просто взять аккаунт у него. Начинаю смотреть, уверен что не пожалею.
    Владилен красава.

  • Александр В Mango

    Спасибо, супер интересно. Ждем от Вас еще что нибудь интересное

  • Sergey Pugach
    Sergey Pugach 2 years ago +2

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

    • NexGen
      NexGen 2 years ago +1

      Походу парень пошел таксовать и нет времени ответить )

    • Andrew Khar
      Andrew Khar 2 years ago

      жду твой ответ . Как собеседование??

    • mister Anderson
      mister Anderson 2 years ago +2

      Ну как успехи?

  • Ньургун Алексеев

    на 2-м вопросе про модули еще можно добавить entryComponents :)

  • Andrey Arakelyan
    Andrey Arakelyan 2 years ago

    Четко! Ясно! Как всегда!👍
    Ждем js, react

  • Vearodev
    Vearodev 2 years ago

    Прожал все что можно, колокольчик, лайк и тд. Ты делаешь очень хороший контент. От себя хотелось бы добавить - хочу больше инфы по VUE)

  • Андрей Жиженко

    Круто, можно такой же формат для JS собеседования

  • Denis Bielishev
    Denis Bielishev Year ago

    Было бы интересно увидеть вопросы с новым Ангуларом

  • Daria Lutkova
    Daria Lutkova 2 years ago +2

    Спасибо, очень нравится канал. Хотелось бы увидеть что то подобное по vuejs

  • Ilnur Ryazhapov
    Ilnur Ryazhapov 2 years ago +7

    Контент бомба! Впрочем как и всегда

  • WOW PLACE
    WOW PLACE 2 years ago

    Сделай пожалуйста видео как ты делаешь проект на angular 8 работая с данными через NGRX. До сих пор нету в интернете нормальной информации на русском.

  • Vladimir Myltcev
    Vladimir Myltcev 2 years ago +1

    Было бы круто попробовать такой формат и по Vue! Спасибо!

  • Dmitry Fokin
    Dmitry Fokin 2 years ago +1

    мало на ютубе достойных работ. Коротко - ясно - по делу! Спасибо! Формат зашел!

  • disconnect
    disconnect 2 years ago +1

    Снова радуешь нас, Владилен! Очень хороший формат. И ждём, конечно, React...

  • Юг в мелочах

    Отличный ролик. Спасибо

  • Дмитрий Микуцкий

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

  • Ilnur Ryazhapov
    Ilnur Ryazhapov 2 years ago

    Вопрос: стоит ли переходить на Angular если есть полгода опыта на React, или лучше в React дойти до уровня senior или поработать ещё 1-2 года, а уже потом переходить на Angular?

    • Владилен Минин
      Владилен Минин  2 years ago +1

      Конечно стоит. Тут нет такого понятия, как сеньер реакт разработчик
      Ангуляр только расширит твои познания во фронте и повысят компетенцию как специалиста

  • Андрей Бороздин

    Очень интересно. Благодарю

  • Anton Sokolovskyi
    Anton Sokolovskyi 2 years ago +1

    Владлен , очень хотелось бы увидеть от тебя разбор темы Каррирование

  • Vlad Breez
    Vlad Breez 4 months ago

    Можно ещё пожалуйста вопросы для собеседования по TS

  • John D
    John D 2 years ago

    Владилен как всегда лаконичен и хорош

  • Денис Быков
    Денис Быков 2 years ago +1

    добрый день Владилен не подскажите а еще лучше снимите ролик )) по Visual s c как его настроить и подготовить для работы с Angular8 просто в курсе вы рекомендовали WEB STORM . А бесплатный период кончился а купить сейчас нет возможности как то так .

  • f1am3d
    f1am3d Year ago

    35:00 Ну да, синхронный. Правда колбэков дохера и async/await проходят мимо. Они бы могли выпустить реально синхронный rxjs, реализованный посредством генераторов\итераторов и async/await, но вряд ли мы этого дождемся в ближайшем будущем.
    Есть уже попытки привести этого монстра к современному виду, но это все любительские штуки. Пример: github.com/benlesh/rxjs-for-await

  • Denis Bokov
    Denis Bokov 2 years ago +6

    За Ангулар и двор стреляю лайками в упор:)

  • Eugene Karataev
    Eugene Karataev Year ago

    28. Зачем jQuery импортировать через scripts и прописывать в declare?
    jQuery же можно импортировать ты нужном файле через import как любой другой модуль из node_modules

  • Hasst
    Hasst 2 years ago +2

    Спасибо большое за контент

  • Murad Haciyev
    Murad Haciyev 2 years ago

    Супер . Купил ваш курс по Angularu. 👍

  • vlad Hr
    vlad Hr Year ago +2

    angular 💪 подписан на канал! как-раз надо повторить моменты - сразу иду к тебе

  • Туралинов Руслан

    Владилен, твой контент самый топовый! Всегда жду новых видео, и благодаря твоему прошлому конкурсу, где я с удовольствием принял участие, также благодаря большому видео по основам JS, я взялся подробно изучать данный язык, понял что где-то отстал в 2014=) Теперь применяю методы, исходя из поставленной задачи.
    После повторения основ, собираюсь изучить React. Так что очень жду подобное этому видео по React!
    Спасибо!

  • Andrew Khar
    Andrew Khar 2 years ago

    примеров бы с кодом по больше. =)

  • Roman Kohut
    Roman Kohut 2 years ago +5

    Сделай по React. Думаю многие будут признательны)

  • Sergey Dziadevich
    Sergey Dziadevich 2 years ago +1

    то что нужно, спасибо!

  • Error 404
    Error 404 2 years ago

    Владилен, подскажите пожалуйста, я сейчас на курсах по Angular изучаю ngrx. junior dev должен знать такое или ngrx - advanced уровень.? чисто интересно)

  • Roman T
    Roman T 2 years ago

    сделайте такое еще по ВЬЮ!!! спасибо

    • Roman T
      Roman T 2 years ago

      @Владилен Минин ну так это не скоро ещё и там как бы много нового

    • Владилен Минин
      Владилен Минин  2 years ago

      После выхода 3 версии

  • Светлана Калинина

    Angular components are a subset of directives

  • Джон Константин

    Владилен, здравствуй.
    Не планируются ли бесплатные или платные видео с обучением тестированию кода?

  • Alexander Pavlushkin
    Alexander Pavlushkin 2 years ago

    Я бы хотел увидеть ролик или даже купить курс по Advanced React

  • @stan
    @stan 2 years ago

    Владилен, привет! Хотел бы купить твой курс по Angular. Он есть на Udemy, но ты говорил, что больше не будешь сотрудничать с этой площадкой из-за сложности с оплатой. Есть ли другой источник?

    • @stan
      @stan 2 years ago

      @Владилен Минин , хорошо! Спасибо)

    • Владилен Минин
      Владилен Минин  2 years ago +1

      Да, дождись пожалуйста вторника или четверга. На канале будет анонс)

  • Demidov Maxim
    Demidov Maxim 2 years ago +1

    Невозможно не повторить, что контент этот является топовым, вне конкуренции в рунете. В среде angular вообще безаппелляционно.

  • Gagik Harutyunyan
    Gagik Harutyunyan 2 years ago +1

    Will be continue? Let's talking about react. 40 ReactJS interview questions 👨‍🏫👨‍💻

  • Alexander Morozx
    Alexander Morozx Year ago +1

    Нужно юольше Angulara... :D

  • Eugene Karataev
    Eugene Karataev Year ago

    Promises VS observables.
    Неужели observables действительно настолько лучше промисов? Неужели у них нет никаких недостатков?

  • Nikita Purenok
    Nikita Purenok 2 years ago +1

    На днях как раз оно и планируется. Просто жир, Владилен. Спасибо!!!

  • Zalip
    Zalip Month ago

    Про жизненный цикл как-то скудненько и непонятно(пункты которые выделены зелёным)

  • 油女compot
    油女compot 4 months ago

    спасибо большое, в среду на собес пойду.

    • 油女compot
      油女compot 4 months ago

      дарова, пошёл на собес задали вопрос что такое Dependency injection, и я не смог ответить :(.

  • Fedor
    Fedor 5 days ago

    Дополняйте хорошими вопросами в коментах.

  • Alena Lel'
    Alena Lel' 2 years ago

    Просто кладезь ахренительных видосов 😻

  • Illia Slobodianiuk

    А где .pdf файл с ответами/вопросами как с реактом было?

  • WiseСhannel
    WiseСhannel 2 years ago +9

    Лайк не глядя и ждем теперь React)

  • Oleg Pryatko
    Oleg Pryatko Year ago +2

    Информативно, но не полно. Не затронул DI, иерархия инжекторов, декораторы, чендж детекшн три, энвы, резолверы и тд

  • Kostiantyn Zhuravko
    Kostiantyn Zhuravko 2 years ago

    Очень крутой формат. Очень жду такое видео про нейтивный жабаскрипт.

    • Владилен Минин
      Владилен Минин  2 years ago +1

      Именно такого пока нет, но есть тоже полное и уже на канале

  • Ivan B
    Ivan B Year ago

    Если в Blazor тоже самое, почему его не юзать?

  • Giorgi Merabishvili

    English subtitles please?

  • VudiandMarshal
    VudiandMarshal 2 years ago +1

    По react сделай, пожалуйста

  • Frank Kardozo
    Frank Kardozo 2 years ago +4

    А вопросы по формам и роутингу совсем не задают думаешь?) Ну хотябы по 1 закинул бы..

  • Dmitry Mitrofanov
    Dmitry Mitrofanov 2 years ago

    waiting for vue,js please. Best in youtube, real practice not fake.

  • ツFisher
    ツFisher 2 years ago +2

    Го такой же, только по реакт)

  • Izyum Rockstar
    Izyum Rockstar 2 years ago

    На мой взгляд, это -первое видео, в котором обсуждаются не базовые вещи. С таким подходом, ты обгонишь весь эсэндэшный ютюб) Все разбирают базовые штуки, подними планку! что бы и мы могли заценить)

    • Izyum Rockstar
      Izyum Rockstar 2 years ago

      @Владилен Минин подскажи плиз ссылки где ты учишь адванс штуки, по js и react

    • Владилен Минин
      Владилен Минин  2 years ago

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

  • AND MAK
    AND MAK 2 years ago

    Крассава!!!

  • Саша Басараб

    +... если можете расширить то +++

  • Dato Abjandadze
    Dato Abjandadze Year ago

    spasiba :*

  • Cobr3n
    Cobr3n 2 years ago

    Годно

  • Maximilian König
    Maximilian König 2 years ago

    формат +

  • Vasily Komanovsky
    Vasily Komanovsky 2 years ago

    В письменной форме есть? Как для реакта

  • Tanya Suntulip
    Tanya Suntulip Year ago

    Видео очень хорошее, но ты быстро очень говоришь, тяжело улавливать информацию на слух, многое проходит мимо, не задерживаясь. Хотелось бы медленнее и, возможно, повторять одну и ту же концепцию 2-3 раза, чтобы оно отложилось, а не прожурчало мимо без остатка.

    • Олег Леник
      Олег Леник 2 months ago

      Ставь скорость видео меньше, и слушай как удобно тебе

  • another akuma
    another akuma Year ago

    Пасиб

  • Данил Ефремов

    Если на интервью джуна сразу спросить о Guards, то он просто сбежит. Думаю эта тема всё же ближе к мидлам))

    • Oleksandr Klymenko
      Oleksandr Klymenko 2 years ago

      @Владилен Минин понял, спасибо

    • Владилен Минин
      Владилен Минин  2 years ago +1

      @Oleksandr Klymenko Смотри дальше

    • Oleksandr Klymenko
      Oleksandr Klymenko 2 years ago

      @Владилен Минин Привет, первый вопрос для собеседования про Guards - а в курсе (сейчас на разделе 9: мультистраничность с роутингом) не было информации о них (возможно пропустил/ не дошёл еще?)
      Возможно стоит добавить?)

    • Владилен Минин
      Владилен Минин  2 years ago

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

  • Ihor Yanovchyk
    Ihor Yanovchyk 2 years ago

    Влепил колокольчик

  • Yevheniy Potupa
    Yevheniy Potupa Year ago

    JQuery в Angular?🙃

  • Сергей Крылов

    Алгоритм:
    1) Отписался
    2) Подписался
    3) Колокольчик
    4) Лайк

    • mister Anderson
      mister Anderson 2 years ago

      Что за корявый алгоритм? Как ты мог отписаться будучи неподписанным?

    • Джон Константин
      Джон Константин 2 years ago +1

      @Константин Стрюков я иногда наткнувшись на видео, которому сто лет назад ставил лайк, убираю лайк и снова ставлю, чтобы оно оказалось последним в плейлисте понравившихся)))

    • Константин Стрюков
      Константин Стрюков 2 years ago

      @Владилен МининПотому что алгоритм не оптимизирован =)

    • Владилен Минин
      Владилен Минин  2 years ago +1

      Зачем отписывался?)

  • Paper Hands
    Paper Hands Year ago

    От "гвуардов" плохо стало честно говоря

  • Пахиринозавр

    Самое главное отличие AngularJS от Angular2+ - это принцип ведения версионки. В AngularJS она велась major звеном (ну есть принимать условность Release.Major.Minor), ну то есть 1, 1.1, 1.5. В Angular2+ версионка меняется на уровне головного число, то есть Angular 2, Angular 4, 5, 6, 7, 8. А что касается TypeScript - при большом желании на Angular2+ можно писать и на JavaScript. Тут правда вопрос - а нафига? В остальном - они конечно не похожи по своей организации в целом, но и общего в общем не мало.

    • Пахиринозавр
      Пахиринозавр 2 years ago

      Кааароче!!! Значит я взял авторучку (хоть и разучился писать от руки лет 10 назад), бумажку, сел и настроился уже на то, что сейчас накидаю рекомендаций по опросу джунов, мидлов, сеньоров, и экспертов. По каверу видика подумал, что будет именно градация - кого о чем спрашивать. И досмотрев до 40 минуты понял, что не будет.

    • Пахиринозавр
      Пахиринозавр 2 years ago

      *ngIf ремарка - элемент под экспрешеном НЕ добавляется в DOM в том смысле, что добавляется конкретно КЛОН элемента под экспрешеном. Иии есть такая прикладуха, как управляемый структурный вывод, для нее именно добавление/удаление именно клона элемента - это очень важно. В целом это конечно же просто супер подход к рендерингу.

  • Давид
    Давид 2 years ago

    Плиз сделай по Реакту тоже самое! Стимулирую лайком👌

    • Владилен Минин
      Владилен Минин  2 years ago +1

      @Давид Продуктивного обучения )

    • Давид
      Давид 2 years ago

      @Владилен Минин Так точно! Уже купил курс по другому вашему промокоду.

    • Владилен Минин
      Владилен Минин  2 years ago

      Стимулируйте еще колокольчиками, тогда точно будет эффект :)

  • 油女compot
    油女compot 4 months ago

    нет на АОТ я ответил atack on titan 🤡🤡🤡🤡🤡

  • Insane sup
    Insane sup 2 years ago +2

    Да что ты за завод по производству годноты, а?

  • Dmitry Mitrofanov
    Dmitry Mitrofanov 2 years ago

    vue.js

  • TheXmaxX Max
    TheXmaxX Max 5 months ago

    😢 гУард

  • Ragnar L.
    Ragnar L. 2 years ago +3

    Честно говоря, с такими ответами не пройти даже на должность middle... К сожалению.

    • overthesanity
      overthesanity Year ago

      Солидарен) Складывается впечатление, что автор просто выдернул откуда-то ответы и делает вид, что понимает о чем идет речь.