Frontend interview. Ilnura, the first job right after Yandex Practicum

[@frontendscience]

👍 Друзья, поддержите, пожалуйста, Ильнуру в комментариях! Поставьте ей большой красивый лайк и напишите что-то хорошее! 👍

[@hollygreen8663]

у вас такие синяки как будто вы плачете xddd

[@1kvolt1978]

Отличное собеседование, спасибо. Отдельная благодарность за правильные ответы и разбор нюансов к вопросам, это прямо-таки очень помогает. Ильнура - молодчинка, удачи ей во всех начинаниях!

[@frontendscience]

Спасибо большое за поддержку :) рады, что было полезно!

[@AlexKhanification]

Автор имеет навыки работы в photoshop, чувство вкуса, насмотренность, мастерски владеет webflow... но сайт почему то сделала нейросеть)))

[@ОлегФилатов-м6е]

Спасибо за видео и в особенности за задачу по event loop и ее объяснение. Сразу видны собственные пробелы в знаниях

[@ОльгаЗолотарёва-г6з]

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

[@alekseypresky4673]

Такая приятная девушка, впервые полностью посмотрел собес🔥🔥

[@ksushakiseleva2644]

Ильнура просто умничка! ❤ Спасибо за отличный собес. Полезные вопросы, тонкости и нюансы.

[@konstantinv5512]

Спасибо. Скобочка после return - интересно. Девочка молодец. Стрессово искать ответ на собесе.

[@shamilkhalidov6571]

Ну экспириенс в программировании у нее до "Яндекс Практикум", был будь здоров. Так что тут все идеально совпало.

[@saharnya]

Обожаю ваши публичные собеседования☺️ самые полезные 👏

[@frontendscience]

Благодарю за поддержку

[@ВладиславШкутович-ф1ь]

Огромное спасибо Сергею за наглядные примеры того как проходят настоящие собесы) Сам сейчас готовлюсь к своим первым собеседованиям и такие видео помогают набираться уверенности и снижать уровень страха, когда получается ответить на вопрос, поставив видео на паузу перед ответом собеседуемого) Лайк, подписка, колокольчик P.S. Ильнура умница!

[@frontendscience]

Рад! Успехов Вам!

[@Acksakal]

Спасибо за познавательные видео. На моменте со слушателями и их обработчиками немного не понял поведения. При non-strict mode он должен был выдать Window во всех трёх случаях, а в strict-mode должен быть выдать undefined при функциях с ключевым словом function, и Window в случае со стрелочной функцией, т.к. она наследует this у родителя.

[@igork5095]

С двумя массивами в одну строчку )) const arr1 = [1,2,3,4] const arr2 = [3,4,5,6] function intersection(a, b){ return b.filter((el) => Object.fromEntries(arr1.map((el) => [el, el])).hasOwnProperty(el)) } console.log(intersection(arr1, arr2));

[@ДмитрийСалангин-з7м]

Планирую "войтивайти")) думаю, с чего начать свой путь, попадалось видео с этого канала(интервью), было интересно, потом знакомый разработчик посоветовал js, получается, вселенная направляет меня во фронтенд)) Ильнура молодец, а еще я не увидел в комментах, что у нее очаровательная улыбка и она вообще красотка!)

[@frontendscience]

Желаем Вам больших успехов во фронтенде! :)

[@lincapper2195]

как успехи

[@turkchessman7752]

В первые попал в Ваш канал случайно ) я как начинающий очень интересно и полезно очень много что узнал , Спасибо Вам за Ваш труд Ильнура Молодец ))))) 1000 лайков Ташкент JS форевер )))

[@frontendscience]

Класс! Очень приятно! Желаем успехов во фронтенде! :)

[@bermetibraeva1226]

Молодей Ильнура,карьерного роста и развития!!!

[@travelhuevel]

Ильнура умничка!) Офигенный собес получился, очень интересно было смотреть)

[@frontendscience]

Да, она молодец! Благодарим Вас за поддержку! 🎈

[@betelgeuse.21]

Спасибо 😌

[@johnnypoppyplaytime4274]

Ок, гуд, хорошо, супер, в принципе )

[@nickkeller9314]

Офигеть, она училась в моем потоке))) Ильнура, ты молодец!

[@betelgeuse.21]

Спасибо!)

[@bahrambobojonov44]

А ты устроился? Стал бы ты советовать курсы от практикума?

[@nickkeller9314]

@@bahrambobojonov44 да, устроился. Работаю в сбере 4й месяц. Мне лично курс понравился, из тех одногруппников кто был на курсе, большинство устроились, но не все.

[@nickkeller9314]

@@bahrambobojonov44 и ещё важный момент, я не стану советовать все курсы, так как прошёл только веб-разработчика. Было желание пойти на реакт, но говорят там тренажёр сырой, много багов и проблем с ним. Но это не отменяет знания того что там дают, так что мне придётся пойти на курс по реакту у них, пока альтернативы не нашёл практикуму

[@konstantind.2394]

Ну ну

[@DmitryDolganov]

Очень приятно было послушать достойное выступление Ильнуры!

[@const-shish]

Интересно и полезно! Спасибо за мотивацию. Удачи Ильнуре!

[@frontendscience]

И Вам спасибо! И успехов! :)

[@vladimirpuzey713]

Спасибо, оч крутой собес) Круто, что вопросы не повторяются - это просо офигененно 👍

[@frontendscience]

Благодарю. Я очень старался именно не повторять вопросы.

[@semenpetrov9456]

Было бы странно, если бы вопросы на интервью повторялись, согласны? Это было бы похоже на прием у врача по проверке слуха пациента :)

[@frontendscience]

@@semenpetrov9456 Семен, да Вы юморист! Имелось в виду, что во всех интервью на канале я стараюсь подбирать новые вопросы, не повторяясь из видео в видео. Таким образом, конечно, теряется немного трушность, но зато охватывается большой пласт возможных вопросов для ребят. И на мой взгляд так они будут более готовы к разнообразным вопросам на своих реальных собеседованиях.

[@vlada3442]

Классное интервью! Умничка! Много интересных вопросов👍🔥

[@frontendscience]

Рады, что было полезно!

[@adinaizhamangulova5697]

Классное видео получилось! Очень много чего интересного

[@frontendscience]

Очень здорово! Рады были стараться)

[@gek62]

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

[@frontendscience]

Рад, что оказалось полезно

[@Da-Le-Ur]

Ильнура молодец! интервью очень понравилось

[@anazkomult]

Отличный канал, интересные интервью! И конечно, Ильнура умница!

[@frontendscience]

Рады, что Вам нравится)

[@rssreader90]

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

[@ОлександрБлажчук-ц8ь]

Дякую Сергій! Дякую Ільнура! :-) Супер!!! Відео дуже корисне, пізнавальне. А ще й дуже позитивне!

[@frontendscience]

Радий, що Вам сподобалось! Дякую за підтримку :)

[@Vladimir_Bondarev]

Ильнура,молодец! Очень хорошо старалась)

[@UnKnown-ur9fq]

очень интересное и познавательное интервью, вы супер!

[@meStarletka]

Спасибо за разъяснение вопросов!

[@frontendscience]

Рад, что было полезно

[@ledakol3027]

Сергей огромная просьба . брать задания из жизни с примером . Чтобы можно было ассоциировать с чем то, и запоминать. напрример упражнение с 56-00 минуты можно сделать как ассоциацию лайком (белое сердечко, после лайка красное) но там не рассмотрен массив - скажем товары в категории имеют лайк . то есть 1. скрыть после лайка 2. получить результат в базе , после обновления страницы чтобы сохранился результат в базе

[@kspshnik]

Круто! Ильнура молодец :)

[@____Olga__]

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

[@Костямба-й8в]

Так то не страшно)) Но на 3х собесах мне сказали развивать свой Soft skills... Я сам по себе человек замкнутый и с новыми людьми мне очень сложно.HR сказал, что меня держат в подвале и бьют палками)))Вот такое впечатление я произвел. Хотя бы по тех части я был хорош

[@____Olga__]

@@Костямба-й8в у меня всё наоборот, хотелось бы что бы как - то равномерно, общительность большая , технически приходиться сильно упираться )

[@hustle_juno]

@@____Olga__ Вы можете вдвоем собраться в одного программиста-трансформера)

[@____Olga__]

@@hustle_juno смешно )

[@vallntrier8673]

@@hustle_juno ахаха

[@timofeyaksyonov2346]

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

[@pavelbezdenezhnykh6793]

Ильнура молодец! Очень круто! Спасибо! Ребята ставьте лайки!

[@frontendscience]

Благодарим за поддержку ☺️

[@nikita.nikonorov]

Огромное спасибо за вашу работу и подобные видео! Смотрю в свободное время, отлично помогает закрыть пробелы в теории. Рекомендую всем знакомым. Удачи и успехов в будущем ✌🏼

[@frontendscience]

Класс! Очень вдохновляет! Благодарим за поддержку:)

[@Kredrog]

Ильнура крутая) Немного удивился "плаванию" в казалось бы базовых штуках по вёрстке (когда юзать класс, а когда айдишник), но по JS шарит очень хорошо для начинающего специалиста. Я бы наглухо завалился на задаче с двумя массивами xD P.S. Привет с двадцатой когорты! :)

[@Dostatok82]

Приветствую! Дмитрий подскажите пожалуйста, реально ли изучить программирование без учебы на физмате?) Какие курсы можете порекомендовать , или может Книги какие нибудь на старте?)))

[@kostyafrompiter]

@@Dostatok82 я из юриста стал фронтендом. год обучения по 1-2 ч хотя бы, и мозг полностью перестроиться. Правда и ты сам изменишься, станешь более тихим , умным, и пофигистом. Короче не будешь слишком веселый, серьезным так скажем.

[@oleksandrvoron_ko580]

Ваші інтерв*ю це експрес-підготовка та повторення всього Фронтенду для реальної співбесіди трейні чи джуніора! Дякую!

[@frontendscience]

Радий, що корисно :) дякую за пiдтримку!

[@s1kebeats]

вы с субтитрами смотрите?

[@luckytima2315]

Вы как всегда лучший :)

[@ximafor]

А вот так ?) const intersection = (a, b) => a.filter(elem => b.includes(elem))

[@PacoOfficial]

класс видосы, что то новое да узнаю для себя

[@frontendscience]

Здорово! Очень мотивируют такие комментарии! Благодарим Вас)

[@DmitryDolganov]

Благодарю!

[@ВадимВладыка-р6в]

Очень продвинуто. Класс конечно так шарить.

[@maksnikiforoff578]

Спасибо, очень интересно.

[@it400]

Не ожидал здесь увидеть Ильнуру, а вообще я узнал о ней из телеграм канала парня который учится в практикуме и ведёт блог об этом)

[@frontendscience]

Ссылкой поделитесь?

[@it400]

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

[@frontendscience]

@@it400 ясно))) что тоже хорошо! :)

[@betelgeuse.21]

А мне теперь интересно, что за канал, можно ссылочку?)

[@it400]

@@betelgeuse.21 с ноги в айти называется, видел там твои сообщения и почему то запомнил, потом ещё видео отзыв твой попался о Яндекс практикуме)

[@zhl5806]

const first = [1, 2, 3, 4]; const second = [3, 4, 5, 6]; function intersection(a, b) { return a.filter(item => b.some(i => i === item)); } console.log(intersection(first, second));

[@frontendscience]

Благодарю за решение. Но такой вариант не сработает если в массивах будут дубликаты.

[@zhl5806]

@@frontendscience может, вторым действием очистить как-то массив от дубликатов?

[@frontendscience]

Пересмотрел, только что видео. Понял, что давал тут вариант попроще - без повторов, так что ваш вариант отлично подойдет. У нас на канале просто есть видео с задачей про пересечение массивов - там был более сложный вариант. И мой предыдущий комментарий относился к ней.

[@zhl5806]

@@frontendscience спасибо))) кстати, вы ещё проводите собеседования??

[@frontendscience]

@@zhl5806 конечно! )

[@flyflyfly160]

Полезный контент) подписка, однозначно. у интервьюера голос на мармока очень похож 😁

[@romashka7519]

42:27 Ильнура: я не знаю как это по-русски Сергей: pending :D

[@igorgordeev8931]

для задачи с массивами есть же простой современный синтаксис const first = [1, 2, 3, 4] const second = [3, 4, 5, 6] function i(a, b) { const arr = a.filter((i) => b.indexOf(i) != -1) return arr }

[@frontendscience]

Ну если делать его таки весь современным то надо заменить indexOf(i) != 1 на includes(i)

[@igorgordeev8931]

@@frontendscience точн

[@karis7539]

16:41 мне пришлось встать с кровати в холодную квартиру, достать ноут, войти в винду, открыть вс код, запустить лайв сервер, сверстать страничку с двумя absolute блоками. НЕТ НЕ В ТОМ ЧИСЛЕ)

[@stranik912]

По поводу стрелочки можно использовать и иконочный стиль

[@frontendscience]

Да, все верно.

[@aleksskay5073]

Дайте четкое заключение прошла данный этап или нет. Или дальше не проходит.

[@frontendscience]

Я бы пропустил на следующий этап.

[@albertrain7093]

очень милая девочка :)

[@frontendscience]

А еще умная)

[@betelgeuse.21]

@@НищебродАндрей именно так!)

[@YuriyYarish]

Не пригадую як звати цю красивую дівчину. але вона молодчинка

[@КанекиКун-л2з]

Шось багато ютуберів-фронтендерів з України)) Хлопці, ви найкращі!!

[@ibnkhaleed]

Отличное интервью, классная и умная девушка. Пошёл я свои пробелы подтягивать

[@frontendscience]

Успехов! :)

[@dimitriossherasov533]

ничего не понятно -но очень интересно !подскажите пожалуйста где можно этому научится?

[@Andrushenka83]

kak naiti taluu stazhirvku? pyst za edu

[@medukameguca5618]

31:51 серьезно, бывают такие баги? Какая жесть, советую тогда линтер прикрутить себе. 3 года работаю, ни разу с таким не сталкивался.

[@nomercylsk]

1:14:24 на самом деле не совсем корректно. Отличие не столько в идемпотентности, сколько вообще в спецификации методов запроса. Поясню: В случае выполнения 10 PUT запросов к серверу, первый и последующие запросы действительно должны вернуть одинаковый результат(идемпотентность), но res.status в первый и последующие 9 будут различны, ибо серверу делегируется вариативность ответа - 200(Updated Content) | 201(Created) | 204(No content) и в рамках одного приложения это может различаться(хотя не должно) У POST запроса же идемпотентость не соблюдается, т.к. в контроллере хендлер данного роута привязан к логике ТОЛЬКО создания, и создаст 10 различных некомпарируемых записей. **мимобэкендер**

[@saydrake9363]

30:32 как называется технология с помощью которой 2 человека могут кодировать в одном окне ?

[@frontendscience]

Это online сервис replit

[@saydrake9363]

@@frontendscience Спасибо

[@kolyunchikable]

Ильнура - молодец!

[@Tornado-ln7fq]

Ппц, железное правило. ID мы используем только для js функционала,а класс только css стили,хотя у видел изврашенцов которые задавали id чтоб использовать его в css )

[@yaroslavc1322]

Блин 🥞, вот без автодополнения как можно писать код? Тем более на собесе, стьюдент и так волнуется. Если ты используешь IDE, то и методы правильно напишешь и подсказка по аргументам будет. 🤷🏻‍♂️На фронте и так технологий море, чтобы все методы, ключевые слова и тд помнить, я без хелпера и тег для кнопки не напишу. Или переходить на блокнот, чтобы собес пройти?

[@AlexKhanification]

на сегодняшний день стоит ли брать курсы по фронт энду и если да, то где лучше? начальные знания есть по html js css

[@ВикаКоко-р8ю]

Знаете, было бы интересно, если бы кто-то из мидлов пошёл на собеседование на джуна. Как быстро раскусят? И предложат ли позицию выше или так и оставят предложение на позиции джуна? Интервью было интересное, спасибо!

[@dmitriyobidin6049]

Компания где есть потребность в мидлах - предложит конкурентную ЗП, если кандидат её попросить. Компания где нужен именно джун - просто не готова будет дать столько денег, сколько попросит мидл. Поэтому это будет выглядеть как хреновое предложение от компании, хотя по факту они никого не обманывают, если они хотят джуна - они будут готовы платить только за джуна. И не важно, что человек по знаниям сильнее, если бюджета на него нет. Касательно раскусят или нет - конечно раскусят, если человек не будет сециально под джуна косить. Так что смысла в таком не особо много, только трата времени.

[@romanenkoonline]

Выполнял я как-то целых 9 часов тестовое задание, бесплатно, разумеется, пришёл на онлайн-собес, а ихний прогер и спрашивает, мол, а шо так долго? А я и говорю, мол, досвидания, всего вам доброго.

[@АлмазГарипов-й7к]

Их*

[@johnabramov]

А в задаче с массивами зачем сложности с циклами и объектами? нельзя было сделать first.filter(e => second.includes(e))?

[@frontendscience]

Затем что сложность варианта с фильтром O(n*m) а вариант с объектом O(n+m)

[@magbear3205]

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

[@frontendscience]

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

[@qzcat5135]

Ильнура - молодец. Спортсменка, комсомолка, и просто красавица! Успехов! Серега спасибо. Видос был полезным. Чем больше таких видосов, тем меньше страха на собеседовании у нас.

[@frontendscience]

Самая лучшая мотивация для нас)) Благодарим!

[@alexkardone3809]

Мои 3 способа решения, intersection(a, b): 1) function intersection (a, b) { return a.filter((el) => b.find((item) => item === el)); } 2) function intersection (a, b) { const arr = []; first.forEach((el) => { second.forEach((item) => { if (item === el) arr.push(item); }) }) return arr; } 3) function intersection (a, b) { const obj = {}; const arr = []; first.forEach((el) => { obj[el] = 1; }) second.forEach((el) => { if (obj[el]) arr.push(el) }) return arr; }

[@frontendscience]

отличные варианты!

[@bramvl9247]

Можно еще такой, наиболее лаконичен, как по мне) return a.filter(val => b.includes(val))

[@victorchilari]

Прошло первые 10 минут, ору с "good... это хорошо" и "хорошо... это good"😂😂😂

[@frontendscience]

Я рад, что поднял Вам настроение) приятного вечера!

[@АнтонЕгоров-ь7й]

Может вы сделали скрин теории полной программы обучения? Был бы очень благодарен, если бы вы поделились ей) Просто не у всех есть такие деньги оплатить курс)

[@AlekseySch]

Какой лучший вариант решения const first = [1,2,3,4]; const second = [3,4,5,6];?

[@frontendscience]

Не понял вопрос.

[@frontendscience]

@@stlyak да это решение будет работать. И для продакшен с небольшим объемом данных это хороший вариант. Но если у нас большие входные данные и нам важна производительность то лучше решать через объект. В этом случае возрастет сложность по памяти до O(n), но сложность по времени выйдет O(n+m)

[@frontendscience]

function intersection(arr1,arr2) { let obj = arr1.reduce((acc,item)=>{ acc[item] = 1; return acc; }, {}); return arr2.filter((item)=> { return obj[item]; }) }

[@frontendscience]

@@stlyak никак не повлияет на общую сложность

[@dimeliora]

Замечу, что массивы отсортированы. Значит, можно использовать такую стратегию: идти поэлементно в цикле, но с двумя разными счетчиками и сравнивать значения, если они не равны, то просто инкрементировать соответствующий счетчик, а если равны, то, соответственно увеличивать оба и сохранять значение. const intersection = (first, second) => { const result = []; let i = 0; let j = 0; while (i < first.length || j < second.length) { if (first[i] < second[j]) { i++; } else if (first[i] === second[j]) { result.push(first[i]); i++, j++; } else { j++; } } return result; };

[@lol-q1v]

Уверенный хай джун. Молодец в любом случае

[@yuliasereda5671]

А ведь айдишники еще можно ставить для того, чтоб проскролить к элементу(статье, подглаве на странице) - верно это? Это то, что первым пришло мне в голову

[@frontendscience]

Да, в первую очередь именно для этого они и используются

[@bilyki]

Немного непонятно про this для стрелочной функции. Почему вывело undefined?

[@ВладимирАлексеев-о5и]

В песочнице код выполняется в строгом режиме ('use strict').

[@DH-yv8um]

Терпения автору на завидовать !!!

[@alexanderkiselev5873]

Ильнура - красотка , зачёт .. интересное собеседование, спасибо очень полезно !..

[@frontendscience]

Рад, что было полезно!

[@codeforgames]

красивая эта ваша Ильнура :) хорошее интервью. Понял, что мне ещё учить и учить... хоть и петов уже наклепал) Или забить на это всё...

[@frontendscience]

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

[@codeforgames]

@@frontendscience прикол в том, что в js меня занесло вообще случайно) меня манит Unity) Игры - это как бы моя сфера ещё со школы :) Сам искал книги, сам учился, сам клепал их на флеше. А тут подвернулась js академия от DataArt. Учились 3 месяца. Не взяли из-за английского. Ещё 5 сам доучиваю остальное + реакт) Не бросать же всё это теперь. Тем более, не факт, что мне понравилось бы в юнити или UE работать на кого-то. Всё-таки, свои проекты - это свои проекты. И ещё сильнее не факт, что там проще. Алгоритмы, физика, оптимизации, шейдеры и прочие штуки... А на js хотя бы вакансий в 100 раз больше) Спасибо за пожелание успехов :)))

[@Максимка-ц8г]

Вопрос про var и setTimeout, вы сказали, что таймауты выставятся в очередь. А разве не колбеки, которые у таймаута внутри? Вроде таймаут отрабатывает после отправления колбека в стек макротасок и уничтожается из стека. Может не прав, сам только учусь)

[@frontendscience]

ну конечно не сами таймауты в очереди стоят а их колбеки. ЗЫ: но важно учитывать что таймаут еще должен отработать (пройти заданное количество времени) прежде чем колбек встанет в очередь

[@ALEKSO]

а какие курсы прошёл?

[@thecatwrites9731]

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

[@frontendscience]

Может и будет. Выбираем из тех, кто подает заявки на участие в проекте)

[@thecatwrites9731]

@@frontendscience через пару месяцев я готов если что 😄

[@frontendscience]

@@thecatwrites9731 Заметано! ;) Форму в описании к видео заполните только :)

[@vladimirsmolyar2447]

Я обучался самостоятельно без курсов до того, как попасть на стажировку в ЕПАМ. Собеседование давно на канале, можете глянуть.

[@thecatwrites9731]

@@vladimirsmolyar2447 можно с тобой связаться в телеге?

[@skeelo3157]

падежи, склонения, отличный английский

[@guliver7295]

1:09:56 - Стрелочная функция Не имеет свое контекста. контекст - по месту ее создания . Нужно было интервьюверу это поправить. (он это сделал на 1:13:15 ;) ок )

[@mefodymo7456]

Это точно джуновское собеседование?

[@СергейЦветов-н4н]

Странно, обычно вообще по css не спрашивают,в основном js ,react сборщики и тд

[@pkorneev5226]

Хм почему класс лучше прописывать, у нас в университете айдишник крупным секциям говорили давать лучше

[@python_interview]

Крутой собес! Можно оценить знания, которые дают на Яндекс Практикуме)

[@Batareika007]

я думал что тут реклама практикума а оказалось наоборот)

[@goodman4493]

@@Batareika007 почему? Разве это плохие знания для первой работы?

[@Алина-ю5о4л]

@@goodman4493 человек работает верстальщиком и не знает, как работает position absolute и где использовать id, а где class. Прошел курс по js, но не может создать элемент. Там изучение азов прошло мимо, о чем тут говорить?)

[@Batareika007]

@@goodman4493 , к продолжению слов A. S. Теории там вроде было, а практики очень мало и один/два проекта за всю учебу, это ничтожно мало. Возможно и хватило на Джуна, но как слышал в других источниках, входной билет это вышка а там уже как себя покажешь. Если оценивать опыт, думаю после Яндекса его не достаточно, нужно добивать самостоятельно, а это может и 80% всех знаний как бы грустно это не звучало...

[@goodman4493]

@@Batareika007 Да это очевидно конечно что тут решала скорее вышка + практикум. Когда за человеком такие регалии, то лучше взять его, нежели другого джуна который может и больше знает, но он самоучка без всего.

[@YanasChanell]

26:02 а мы сейчас как раз избавляемся от критикал css в пользу разбиения стилей на файлы помельче

[@frontendscience]

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

[@myrza7201]

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

[@rostislavsaytyrly5266]

Если не указано никаких media или rel у link, браузер ведь блокирует дальнейшую отрисовку страницы

[@johnconnor9787]

Ильнура Молодец!!!!!!!!!

[@MeTaNAlex]

Я конечно дилетант и сайты только на cms-ках запускаю, но id и классы можно как я знаю и в одном элементе применять одновременно, классов вообще в один тег можно напихать сколько хочешь. А по id проще из js обращаться как я думаю и я бы наверное хедеру вообще не давал id он действительно либо один на странице и стили ему напрямую давать, либо как в примере их несколько но тогда им и класс не поможет отличиться друг от друга если он один для всех будет(хотя изощрённый каскад выборки тут поможет различить). Знатоки подскажите что думаете по этому поводу? А то обидно за id как это он оказывается ненужен, мне он нравится ))))

[@frontendscience]

Сорян, не хотел Вас расстроить)

[@nesage2900]

Не знаю на каких cms вы делаете сайты, хотя к cms то тут вопросов нет, а всё зависит от шаблона вывода, но тэг header очень часто используется, например, при выводе каких-либо однотипных данных(как шапка конкретного блока). Будь-то статья из блога, товар..что угодно. header в данном случае чистая семантика(если не знаете что это, то советую обратить на это внимание). Обращаться напрямую через css к нему, даже если он в данный момент используется только в шапке сайта, это чистое преступление)) ID же, в большинстве своём, нужен только для якорей. Это если по-хорошему), по-плохому - стили переопределить, когда иначе нельзя. Это кстати к слову про cms и их плагины, темы и прочие штуки в которых не каждый хочет разбираться, а легче либо задать id, либо поставить заветное !important Для js лучше уж использовать специальные классы, что-нибудь типа "js-modal-open" и data атрибуты к нему, и уже по ним цеплять нужный элемент. Одни классы для стилей, другие для js. Никогда не знаешь, что откуда и как. Поэтому лучше уж какие-либо js штуки вынести на отдельные классы. P.S. бутстрап не переношу

[@Fanzetess]

Пересечение массивов Я бы так сделал return a.filter((el) => b.includes(el))

[@ILyxaFedoseev]

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

[@frontendscience]

Да это так. Все что ниже 4мс все равно отработает минимум за 4мс

[@EvilYou]

Браузер ограничивает 4-мя мс минимальную задержку между пятью и более вложенными вызовами setTimeout, а также для setInterval, начиная с 5-го вызова. То есть, на обычный setTimeout это никак не влияет, а вот на setInterval и рекурсивный setTimeout - да

[@EvilYou]

Можешь проверить вот так: let i = 0; let before = Date.now(); let timerId = setInterval(() => { let now = Date.now(); i++; console.log(i + ':', now - before); }, 0); setTimeout(() => clearInterval(timerId), 50); В консоли примерно это выведется: 1: 2 2: 4 3: 6 4: 6 5: 21 6: 22 7: 26 8: 31 9: 34 10: 38 11: 42 12: 46 13: 50 То есть по началу задержки почти нет, потом она в среднем не меньше 4 мс

[@yans8930]

​@@frontendscience Сергей, а у вас было видео с собесом после skillbox'а?) Интересно просто)

[@frontendscience]

@@yans8930 нет, такого еще не было)

[@thecatwrites9731]

доброе утро)

[@frontendscience]

Доброе :)

[@YuriiKratser]

Доброе

[@lomakinAS16]

Решил накинуть быстренько в консоли на задачу по удалению кнопки: const button = document.querySelector('button'); const app = document.querySelector('.app'); const hydra = (e) => { const data = e.currentTarget.innerHTML; const button1 = document.createElement('button'); const button2 = document.createElement('button'); button1.innerHTML = +data + 1; button2.innerHTML = +data + 2; app.append(button1); app.append(button2); e.currentTarget.remove(); const buttons = document.querySelectorAll('button'); buttons.forEach((button) => button.addEventListener('click', hydra)); } button.addEventListener('click', hydra);

[@frontendscience]

Отличный вариант. Благодарю, что поделились.

[@ВячеславБабичев-к2д]

Писать на собеседованиях - это что то интеесное. Реально волнуешся и куча опечаток допускаешь, особенно на незнакомой клавиатуре.

[@frontendscience]

Да, это так. А еще на некоторых собеседованиях просят кодить на листике - вот это челендж)

[@asmaniya8977]

так ее взяли на работу или нет ?

[@vvg1077]

"сходу не сможешь назвать случаи, когда нужны Id" Внутристраничная ссылка вышла из чата:-)

[@frontendscience]

Вопрос же был именно в плане CSS.

[@egorzheglov5466]

Тут скорее можно было бы сказать про template - теги.