ну что всем привет на связи hex лет сегодня у нас суббота и такая интересная суббота связано с публичным собеседованием это один из наших таких уникальных от традиционных форматов которые мы очень любим и вы тоже очень сильно любите и сегодня мы соберем junior фронтенд разработчика с нами нашу со беседующих это антон шувалов антон привет и с нами нашего так скажем кандидат человек который проходит собеседование которого пожалуй сегодня будет волнительные всего ну вот но тем не менее ребята поддерживать его в чате
00:00:02 - 00:01:20
пишите в добрые слова потому что я уверен что быть большим большим молодцом это андрей константинов андрей привет здравствуйте итак давайте проверим как у нас сейчас звук слышно видно нас поставьте плюсики и минусики комментарии у нас работает 20 один основной чат это контекст это канал general и наш чат на ю тубе приоритет обсуждениям приоритет вопросом если вдруг они возникают по ходу нашего собеседования который нужно передать нашим спикером опишите general флаг и собственность мне показывают что
00:00:42 - 00:02:08
в принципе все игре все слышно все видно ну что погнали антон начинает себя немножко расскажешь а дальше уже идем папа да хорошо меня зовут антон слов я не проводил достаточно долго собеседование я работал в rambler и работал кого-либо by и сейчас работает компания strike и принципе наверное собрал целый департамент позади пару лет назад и есть какой-то достаточный опыт чтобы вот и сегодня я тогда давайте начнем собеседование и я думаю что при себе лишь меня зовут андрей я работал в менее известных
00:01:24 - 00:03:34
компаниях парочки начиналось продуктовой компании проведет связи занимается там мир стал два годика потом последние последний год 100 поработать звук аутсорс компаниях уже как front-end разработчик что умею наверное как и обычный стек это горстка java script и акт как все неплохо скрипта в принципе вопрос не совсем про написание кода ну скорее они того как все работает и про какие-то основные концепции у нас получилось 3 часть про себя и про html и какие-то такие общие вещи я думаю что должна подойти потому
00:02:51 - 00:04:48
что все это очень близко и вот и первый вопрос разминать как сделать как развернуть строку чего скрипте то есть например тебе нужно вернуть чтобы было c новым и есть методы мерз да он на строке не сработает можно привести превратить ее в массив развернуть его зад привести к строке строке по моему join и поставил кавычки то передать да следующий вопрос про поймал можно сказать вообще как работает встретится поймал есть вот этому от функция которой я сделал для того the time они который всем для того чтобы вызывать какую-то
00:04:05 - 00:06:08
функцию спустя какое-то время он принимает два аргумента на вход 1 это собственно функция которая вызывается вторым аргументом принимается дела и через сколько эта функция должна быть вызвано ну у нее самый низкий приоритет то есть попадает самый конец т.к. вызовов как и ты сказал брала стек вызовов подробности дать что это лучшего скрипте есть так вызова все функции делятся на два вида синхронные и асинхронные охранные функции выполняются последовательно друг за другом асинхронные не друг за другом
00:05:12 - 00:06:44
выполняются как-то параллельно у них может происходить выполнение вот и соответственно функция когда описано когда компилятор идет или интерпретатор по ходу он эти функции выполняет последовательно снится храм добавлять их стек вызовов асинхронная функция он добавляется в конец у нас точнее сказать вот ты сказал про то что асинхронной функции как как-то брали не выполняется значит несколько трейдов язык не работает в одном потоке насколько я знаю в чем вопрос если джон скрипта несколько трейдер или
00:06:07 - 00:07:45
как как конкретнее работаю сохранной функции как конкретнее ну наверное ты все-таки отговорился и имелся дул очередь что вы сатурне функции скала девицею очередь из очереди они не могут параллельно никак выполняться в целом ответил знакомств такой что-то как когда-то читал про него and лупан получается управляет тему вообще всем что происходит в браузере ну не совсем в браузере наверное движка этого скрипта этот раз цикл который берет следующие элементы дочки [музыка] предположим у тебя есть какой-то set
00:06:59 - 00:08:55
time out который уже запущен одну секунду а после ты какие-нибудь странные теоретической способы как можно выполнить этот через 10 секунд ничего не менее что можно сделать с just о том чтобы носить его это запущена 1 секунду он уже запущена как нельзя так чтобы он выполнялся через десять секунд до меня за эту секунду успеть что-то сделать ну да сделать clear тайм-аут или что такое но есть доступ к рандами принципе говорил о том что через три года поточный я сейчас может глупо отвечу меня самое простое что можно придумать
00:08:03 - 00:09:51
это вызвать какой-то allure но если это браузере и он вроде как должен остановить до предельно варианты может просто как какой не бесконечный ну точнее цикл запустить который закончится через секунд проверяют дату и так с однопоточный собственно то же самое что и совета произойдет у тебя будет блокирован этот лук и нечем будет вполне так следующий вопрос new можешь рассказать вообще как как работает new java скрипте и это конструктор его так называть он создает прототип объекта по моему который он создает новый объект
00:08:57 - 00:11:00
а нет ни следа против он создает новый объект [музыка] сказать вот и потом через в общем от того как раньше java script кепка него класса добивались объект нового по общим на самом деле текущей классы такой сахар поверх все так же будет отеку а что скажешь про цепочку прототипов то есть например у тебя есть какой-то метод где-то в глубине цепочки и как как вообще при обращении инстанцию когда запрос этот метод как бронза будет его искать но он получается от я если на каком-то элементе назову вызываем метод либо на
00:09:59 - 00:12:11
объекте скорее на объекте то у меня в браузере начинается поиск этого метода у этого этого объекта на котором он вызван если там не находит то он поднимается вверх по цепочке возможно защиту объекта от которого он был исследован если он был унаследован дальше вверх будет подниматься пока не доберется до logic том же на глобального объекта и если там он не найдет то он выбрость ошибку ну да опцион со примерно так ты знаешь как именно реализовано вот эта цепочка именно чистки понимает что есть методы в
00:11:03 - 00:12:46
java скрипте меня за балкой называются которые позволяют определить от какой человек от объекта вас lenovo в нее не совсем объекты есть специальные свойства в комментарии кладется ссылками прототип до загса сейчас точно ответить не смартфона ok образы что расскажешь это уважать любит почему они любят его любят это указатель тон на что ссылается это указатель в общем на область видимости в момент выполнения кода если ты работаешь со стрелочными функциями но у них его нет то есть получается стрелочная функция получает зыс от того
00:11:55 - 00:13:50
первого ближайшего места где она была вызвана то есть у них своего здесь нет ни а получает 1 лестью функция внутренне изысканно получится застыть и функции на дне стрелочная функция от чего вообще зависит то есть если я если у меня есть объект например с каким-нибудь методом использующим зыс то если я скопирую этот метод куда нибудь другой объект изменится здесь определяется в момент вызова втором месте где вызывается этот метод эмоции от чего он зависит вот в первую очередь от места вызова того где
00:12:55 - 00:14:51
он был вызван метод во второй потом доступ смотрит перри определялся указатель или нет ну как функция то есть если не искал или байт или up like вот ну да вот я понял хорошо расскажешь про замыкания что это вообще такое как они остаются а ну замыкание это технология это технология это в общем когда функция имеет доступ к своей области видимости к своим переменным точнее иметь доступ к своим переменной вне зависимости от того места где оно было вызвано такое описании написано в норму java скрипте я просто повторяю обычно
00:13:53 - 00:15:56
люди я всегда переспрашивают что я имею в виду я как раз хочу спросить у ну получается вызывается функция ну когда создается функция в ней можно определить переменную и если когда создается функции в ней стоит сколок надежда мощность этого начать уровне следы от скол и когда функция это выполнилась как правило скоб очищается горбач коллекторов вот замыкание так создается в момент когда на какую-то переменную ссылается какая-либо другая функция изнутри если на неё что-то когда другая функция совать то эта переменная не
00:14:56 - 00:16:42
ощущается горбач коллектором и можно использовать вот то есть что по сути какую возможностью dj zmeyka не но она дает возможность функции создания локальных переменных внутри ну по сути да расскажи про отладку и проживая школ вообще я везде пишу конце лог на самом деле сильно вот в этом до сих пор не разобрался к сожалению как там отлаживать выполнять представить но в реакции просто есть тоже свои devtools и рэпа заверяем редакция вот вот так красок с уланом окей хорошо что насчёт теста знакомы с ними или нет ну да что
00:15:48 - 00:18:20
пробовал но я чуть-чуть совсем вот на новой работе только с ними сейчас столкнулся написал немного юнит-тесты интеграционные тесты вот два вида рацион и по моему majesty если я не ошибаюсь просто а нет стоп просто у нас в компании скорее всего для интеграционных тестов используются внутренние библиотеки вот и но они очень похожи на те которые используются просто вот на чем они не могу сказать даже не то что не могу не просто не знаю просто там такие же они также вызываются как обычно есть еще одна задачка по скрипту сейчас
00:17:14 - 00:19:34
[музыка] так и отправил в чат ссылку насадочку разобраться в принципе она не большая зависит так я шалю экрана до суть задачи в чем у тебя есть объект на вход ключи которые буквы значение от массивы положение типу финальной строке у тебя нет пропусков то есть все числа идут по порядку от 0 до максимальное число 10 вот и у тебя есть функция build string если ты просто лишь ниже ты увидишь как оно вызывается собственно тут два кейса первый кейс это когда передается входной объект который объявлен цеху и ты должен получить клубу
00:18:34 - 00:20:36
текст и второй кейс когда ничего не передается должна быть и пустая строка в случае в этом случае от этой функции тебе нужно написать building вот который берет строку masik так у меня есть объект у которого есть ключи и значения это то место где в строке эти ключи должны находиться до достиг для же эта буква ну давай сделаем какой-нибудь passive сразу пойдем по циклу по массиву голль по объекту пойдем у нас на вход принимается объект правильно да да тот который бизнес пакет поменяю название просто хочется так
00:19:49 - 00:21:56
это так работало бы если бы у нас не было по фнаф был бы одномерный массив ну точнее вот так зауженными получали на него элемент и потом мы бы просто отрезал при вредили бык строке вот но она же тут еще буквы могут повторяться до поэтому надо сейчас подумать а что делаешь сделать проверку на то что мазь или находится больше одного элемента нужно ли это если у тебя в любом случае значение в массив я думал над тем чтобы если в массиве находится в ключе в массиве которые по ключу лежит находится больше одного элемента тогда
00:21:42 - 00:23:35
[музыка] просто циклом вставить из этого массива все элементы на свои места а если разница один или несколько элементов мол ну конечно есть разница да я должен сказать что я нет моя а не понимаю вот у меня и острова можем проверять больше одном элементов массива или нет или носишь сказать какой-то алгоритм хочешь ну то есть просто логично . так ну вот я сейчас для случаев когда в массиве находится один элемент просто добавляю его в результирующий массив я хотел сделать здесь проверку и если в массиве находится больше одного элемента
00:23:10 - 00:25:33
то проходи циклом поэтому массиву и получается вот эту букву которая лежит подключенная у меня была доступна где-то здесь до проверки но точнее она доступна потому что у меня есть те могу его так бы стать точнее вот или то есть это буква я бы циклом шел поэтому массиву и в результирующий массив уже на вот эти места которые я бы доставал из массива оставил бы в общем еще один цикл запускал внутри цикла если массиве больше одного элемента находится вот давай рассмотрим первый случай когда у тебя в массиве один элемент как как ты
00:24:19 - 00:25:44
его будешь записывать результирующий массив то есть просто о и к нам как у тебя сейчас а что будет находиться под но тут массив я да я хотел типа нулевой элемент доставать а есть ли но я понял имеешь ввиду чтобы сделать еще один цикл сразу собственно и тут уже идти по [музыка] им [музыка] это вот и вот здесь изолт так данном случае у нас резал g ты можешь и это равно и часа вот так и тут return result . join и что . к сожалению ты не увидишь результат в панельке [музыка] да потому что я написала назад ну вроде
00:25:04 - 00:27:58
бы похож у тебя только второй кейс выполнился так как в случае если нет никаких элементов входном массиве у тебя будет пустая строка но тут тогда просто нет я имею ввиду что у тебя что-то не то с первым случаем то есть второй случай тебя выполнился но он вы полностью потому что тигров цикл ничего не заходит вот а первые холбрук строка так и собиралась а давай попробуем найти в чем ошибка ну я тут бы начал начал блокировать что у меня является а это но да это массив потом будут пострел челенджи да и что с ним так откуда начинается
00:26:55 - 00:28:58
сверху вниз или снизу вверх на сверху вниз 00 наш клип нажать и чистит а как заново запустить туда то есть я не знаю добавь полную строго и сохранить запускайся попробуй чуть-чуть изменить код как он . , или добавить ну что же такое сейчас нет кнопки ран двое мязинец тут есть кнопка ран вот 000 это jedo но это что-то не да да это это массив мы входим по массиву а тут надо наверное первых love сделать потому что имя тоже по объект для век узел ключ и значение я просто скопировал видела ты повторил забыла что для высева
00:28:20 - 00:31:01
прошла правильно от использовал когда-нибудь редис или писать нарядился прагу за к меньше битума . edius а стоп доливай прям с ченингом [музыка] просто никогда не ходил по объекту редисом вообще можно так делать по объекту нет по его ключам да у меня слабо обжект интерес взять или облик кис-кис-кис так бомжик . . кеес . edius первый аргумент а у нас принимается аккумулятор по моему нарым это элемент вот тут у нас будет в конце аккумулятора у нас равняется массив тут мы сразу джо и ним по строке с той
00:30:04 - 00:32:18
строке так и теперь мы делаем что мы делаем return тут ок . нет . как прикажешь соли дурно ок лучше сделать отдельно в конце много потому что ты скорее всего будешь развивать методы ты будешь писать этот так и лучше не смешивать так но возвращаем аккумулятор и теперь тебе его нужно записать [музыка] позиции так я высоки ок получается она мне все равно нужно запускать цикла . давай тебе не деться некуда циклов тебе по сути нужно перебрать я думаю что массив ну я бы все-таки раз мы пишем радиус мне бы хотелось увидеть как ты
00:31:33 - 00:34:36
используешь как можно спустить цикл без for массива foreach тут же вот данном случае это у нас уже глюки это у нас уже место где должен быть должны быть буквы получаются окажет а равно [музыка] значение сейчас получить но в рядился ты берёшь по сути ключами так что тебе нужно оно мне нужно взять этот а тут даже могу добраться до объекта отсюдова да кстати для для того чтобы тебе проще кого я бы переименовал ayting поступки путаться и тебе сейчас нужны в объекте кинете но получается он же уже найден мы
00:33:06 - 00:35:49
же по ключам пробуем и тебе наверное фары чит нужно не идти все таки более и и обычных кий так первый случай у тебя получился и теперь у тебя проблемы со вторым у тебя получается такая ситуация что объекты нет и тебе нужно как-то отдельно обработать этот случай так это немножко получить ключи объект я сто лет не но тут можно на самом деле просто в начале этой функции сделать ну самое простое что мне в голову приходят тут ! если нет никакой формы потому что весь наш дизайн то скорее всего как-то
00:34:36 - 00:37:11
установить дефолтное значение для а ну да то есть у нас если для объекта ты имеешь виду установить значение есть если вот этот параметр не передан поставить как от дефолтное значение которое устроит на пустой объект попробовать тогда ну отлично что там а вот шарик экран да ты ты говорил что у тебя в принципе я так понял что есть пара лет опыта девушки на контенте гонором можешь сказать как как ты вообще оцениваешь качества своего да то есть когда ты пишешь katsuyu как как ты оцениваешь хорошо получилось как
00:36:12 - 00:38:27
получилось есть ли у тебя какие-то критерии хорошего пагода ты сейчас говоришь про performance нет я я говорю вообще абстрактно брюс все что метриками хорошего года на что ты смотришь приручили хотелось бы чтобы у вас был сама документируем чтобы его читаешь можно было понять что в нем происходит поэтому конечно стараюсь выносить разные методы в разные обработчики отдельные функции у которых были бы кричащие название говорили о том что они делают вот и первое правило но весной за основных правил это отсутствие magic на
00:37:35 - 00:39:34
марс всем переменным всем с числом которые имеют нет ни один не 0 присваивать какие-то названия записывать их в константы это обычный кот гайд по сути да то есть нужно цвести просто к наследованию константы выносить в начало функции начала описания функция наверное как бы давайте пойдём и так lenta.ru и наверно это нужно засыпать проекта не думать как как это есть на самом деле открытый вопрос у него нет какого-то правильно это просто интересно как ты оцениваешь курс ну наверное тебе ответил какие-то свои внутри нектаре у
00:38:35 - 00:40:33
меня пока нет вот здесь какие-то правила как нужно описать как было бы неплохо а скажем если ты бы делал review какой-то задачи первую очередь я добавил но я посмотрел на какие-то может быть в коде не нужные операции раки нибудь ненужные проверки которых можно избежать взять одну проверку раньше допустим вот чтобы я смотрел ну и нато вообще насколько этот код воспринимается нормально вот иногда на использование каких-то методов java скрипта либо библиотеку используются ли они по назначению или нет хорошо я понял давай
00:39:38 - 00:41:50
тогда перейдем к следующей части процесс с она в принципе не особо большая и если у тебя есть только царской того я надеюсь что каких то не должна возникнуть вот первый мой вопрос про твой опыт работы с процессорами с процессорами с чем работал что тебе нравится да совсем понемногу я сам успел поработать ставилась скрипт ui css препроцессора темой препроцессоры парк я использовал вот как ты вообще с есть какие-то боли у тебя с ним связаны насколько тебе удобно поддерживать скажем у тебя большой проект с с
00:41:06 - 00:43:22
возникали у тебя проблемы методологии bm то как бы этих проблем будет меньше скажи мне ну от algologie которая позволяет писать изолированный and experts css разделяет весь код css на блоке вот она весь css код разделяет на блоке эти блоки пишется максимально так чтобы они были независимые от окружения то есть того места куда он будет вставлен от внешнего окружения вот и у этих блоков новой б мы тоже еще и про именование классов буйтер блоков есть название блока внутренние все его элементы уже именуются от самого блока
00:42:19 - 00:44:26
вот модные хипстерские подходы стараются components модус вот я составил компонент попробовал чуть-чуть поработать но это было в проекте вот принципе удобная штука она делает осталось компоненты тоже пока не ошибаюсь только для реактор библиотека вот и она делает его react немного похожим на view то есть мы и есть компонента место где описывается его стиль и вот встроив компонент в принципе дело то же самое внутри компонента пишешь css просто когда retour ниш оборачиваешь его в этот ставят компонент
00:43:27 - 00:45:21
функцию и внутри описываешь к нему css вот это удобная штука в принципе неудобное и де бо жить потому что классов именно становятся похожи на хэши и на самом деле я искал способ как леди с этим борется и конкретного ответа не нашел вот поэтому но как бы в работе не использовал ну вот на под проекте осталось компания вспомнил применять вообще без советовал тебе попробовать все sas модуль и немножко другой подход но плюс в том что сейчас модели ты импортирует как объект и ты можешь навешивать классы из этого
00:44:26 - 00:46:11
объекта на ну там там где они нужны и получается что в окружении ты можешь видеть обычные название классов production окружения не будут scammers нaши вот но плюс еще в том что стиле получается 3g инкапсулированным то есть стилем каком-нибудь компоненты например лежит рядом с этим компонентом и он эффекты только этот компонент получается вот но в принципе я думаю что если те же компоненты готовит ну плюс минус тоже самое получается то же самое в принципе просто art of components позволяет писать с с таким как мало привыкли . css
00:45:21 - 00:47:20
файлов писать если не ошибаюсь там комок ключ и значение там даже самые ты простим портирует css файл и он уже радаев что насчет методологии ты сказал проблемы знаешь какие то еще методологии нет не только б не приходилось какими-то мелодиями работа когда-то читал а сейчас просто не буду стараться вспомнить потому что будет выглядеть смешнее чем стране ну хорошо новым бэм это уже достаточно классно но опять же как бы хочу заметить что мне сейчас кажется что б особо не нужен если использовать либо стоял
00:46:18 - 00:48:22
либо сердца смотрит власть у тебя просто не возникает проблем и тебя все соснет глобального скол по а получается все компоненты в принципе ты можешь называется классы как текст это все равно будет нормально поддерживать это как раз проблема сейчас с глобальным с халком и падают с ним расскажи про z-index что таким узнаешь как как избегать индекс 9000 назад яндекс а то свойства которая определяет положение элемента на странице по индексу же получается как слои фотошопе индексом определять какой слой будет
00:47:22 - 00:49:30
выше какой слой будет ниже вот как избегать z-index deeply тысяч ну давай давай переформулировать вопрос есть этот свой сайт и в зависимости от приоритета которые ты задашь элементы складывается один без другого того которого зад индекс выше тот выше находится но если какие-то ограничения на фсб индекса то есть можно ли сделать так чтобы элемент например никогда не всплыл выше своего родителя они есть но я не помню были сложности зад индексом давно когда-то вот но писать не смогу я тогда помощью выбрать решил эту проблему то
00:48:24 - 00:50:12
есть все не так однозначно следующий вопрос про важным оставь тебя есть два дела один находится под другим у первого диван стоит маршем потом например 10 пикселей 2 стоит нашим долго 20 пикселей получается 110 excel до другого другой должен какой будет марше между этими 20 пикселей вертикальная моржана схлопываются вот вообще я хотел бы сказать что и верстки я стараюсь если есть такая возможность делать margin в одну какую-то сторону то есть если я например делаем argent опта всех элементов будет magenta
00:49:22 - 00:51:34
скорее всего ни у кого это не будет важно борту мастита не нужно прям ты вероятно ночь написать маршем 20 например ресниц будет 20 но получается что между ними . и 40 следующий вопрос про класса иди можно звать вообще все отличие между классные идеи но у селектора идеи выше приоритет чему класса если вообще и где принято использовать у элементов которые в общем айти должен быть один не должно быть нескольких одинаковых айтишников у элемента вот я не помню по моему если сделать через сквере селектор вол указать и id-шник то
00:50:29 - 00:52:31
она возьмёт а достичь искали сектора указать едешь не катала кому возьмет серого первый элемент они все ну это не то есть нельзя полагаться а что про ссылки скажешь анти как как-то может участвовать ссылки сейчас палатку я по двое ты имеешь ввиду якорные ссылки ну собственно наверно из известных отличий есть еще такая штука что ты как элемент может через видно обратиться просто иди сам windows . название техника многие хорошо следующий вопрос про различий между inline блоками и line блок он себя ведёт в потоке как срочной
00:51:35 - 00:54:13
внутри он как блок вот онлайн элементы они просто как срочные ведутся что дает им боб почему бы тебе могло понадобиться использовать мой долг местными тому что у блочных элементов есть некоторые свойства которых нету строчных вот но в памяти какие конкретно в целом да как бы в общих чертах все-таки есть файтинги например подскажи у тебя есть например кнопка и ты хочешь чтобы эта кнопка была по ширине контента как как это это сделал по ширине родителя или пожалели на контентом то что внутренне я указал в этой кнопки
00:53:00 - 00:54:56
ботинки молодая вп 1 грамм бы задал подтекста отступа да и чтобы зависимости от становилась доп один геотег создаются фиксированная кнопку хочешь не задавать размер если это ну то есть если мы берем его снизив то по сути он будет на сто процентов ширины но у него же родители будет у него родитель будет чем обычным блоком или это может быть flex собственно вопрос как как и ты сделал так чтобы кнопка менялся в зависимости от контента ну вот у неё ради teleflex то есть она является flex ребенком вот и
00:54:11 - 00:56:15
после этого я бы мог задать текст у подёнки она бы расширялась да я вообще он застал это явер стал просто на флотах и я почти онлайн блоки не использовал меня было хорошо давай тогда пойдем дальше и следующий вопрос true позиционирование элементов представьте у тебя есть некий div ты можешь делать любые допущения этого дела и его родителя но тебе нужно расположить этот div в центр родителям либо и вертикальные и горизонтальные либо только горизонтальные и вертикальные неважно просто интересно как какие
00:55:15 - 00:57:04
способы ты знаешь как как и меня не работает но самый простой это родитель flex не даваться только реализовать в общем флекса мир возможно сделать грядами потом это можно сделать по старому позицию абсолютом там получается тут ногу лучше сдаться в подробности оля меня слышно я просто завис андрей у нас наверное со стороны антона какая-то неполадка связи происходит и сейчас нормальных сити антон и наверно какое-то зависание сейчас я ему напишу попрошу перезашел руки так вот вижу у нас как раз антон снова
00:56:11 - 00:57:58
будет сейчас подключаться ну что для как тебе дела как проходит вся нормально только немного болит зуб скоро побегут это решать вот процесс еще немножечко и отлично включая дорогие слушатели вы не перед мы вернемся к нашим [музыка] я тебя слышу нормально вот все я все хорошо слышу мы остановились на базе что абсолют да там старинке топ 50 процентов transform translate y минус 50 процентов для того чтобы этот элемент выровнять по центру но такие три способа а еще можно сделать родителю дисплей тайбл или онлайн блог
00:57:39 - 00:59:48
по моему тоже подойдет и сделать свойство vertical line middle латвии на ребенок тоже станет по центру да а что скажешь про например текст свои элементы это можно планшет должен быть по моему такой какой высота блока это наверное да по высоте наверное сложно потому что тебе нужно точно знать высоту родителя по горизонтали и площадь монашка только если если поверх только по горизонтали и по вертикали обошла все сработает только если родитель flex но по вертикали есть на самом деле способ космонавта и по горизонтали и
00:58:58 - 01:00:59
вертикали через позиция ты никогда не делал диком наверное нет ты можешь задать позишн абсолют top left right bottom по нулям и поставить нажмем да и в принципе ты должна знать размер ребенка то есть он должен быть сам да так и собственно последний образ процесс с тебя есть смотри есть два селектором например первое это . 1.2.3 хотя нет да вы даже рады значит и как браузер ищет все счас селектора если какие-то какой-то алгоритм браузера который может как-то те птицы производительность например звездочки селектор не очень хорошо
01:00:10 - 01:02:33
использовать чашка сектора из хорошо использовать потому что он применяется вообще ко всему это место например ты напишешь ну скажем у тебя есть modal какая-то и на хочешь всем элементам внутри это моталки задать бокс айзен только в этом на танке и что произойдет с ты напишешь . мода это css класс моталки пробел звездочка . как то это спасет ситуацию ну да у меня получается элементы внутри будут бакса за кроме этих фар автор сердце элементов да ну я имею ввиду в плане поиска вот этому селектору
01:01:27 - 01:03:08
звездочка как в этом случае выбрался будет его искать и не результат а именно так ну чтоб что он будет искать первым будет ли он искать например сперва класс модуль и потом в нем все элементы искать или он будет браузер траст ли он в том что браузер читать электро справа налево из ты написал звездочкой даже по переднему писал как это классно выбрался все равно будет искать все сперва элементы и а там уже будет искать какие входят каких родителей и хорошо у нас осталась последняя часть html и проводок и общие вещи мы можем
01:02:22 - 01:04:47
перейти на английский куда то пропал я с этим и спорт ask for optimal [музыка] optima из-за клилук [музыка] еще этот рейтингов лагин диспетчер и на html visually script and went флаги на i'm lookin' вот java скрипте жилин диспетчер you told me again этот html я рисковал service is it all my это будет мой паж аудит dice пейдж for example of speed я предпочитает из команд ежели speed gear mi2s дойдут алсу сервис show me off page speed форматной строки на шоу халкана и optima и managers and optimized
01:03:25 - 01:07:56
don't speak in a lot of the fake it feels that low один из улиц users all these тоже элемент в адрес и дисплей lcd резанул двое optimized у майка спрайт он беги image aladdin vans актуально [музыка] вот я знаю have a bunch of files in цели depends on how this is building фсфр [музыка] минивэн до грифа и java script ncs release mode on you за css и javascript и xml файл окей bad about the sky so you are optimized банчок дьявольских файлов контракт с файл сент-ива здесь файл still in chains хит-парадов
01:07:00 - 01:11:53
html язык попробуем и а те же проблемы в javascript за один заход html и кен блок последствия антилла колодец лежали java script is логин и пасс the indian the body and the [музыка] [музыка] resource plan is passing a sick man is by far [музыка] я diver кто-то давал document to render де лука и for making elements and daylight у дом рендер if it's not depend on java script and loaded тот loading альфа-банк для fruit garden ордеров execution скажите [музыка] вот кэш да нас там рыба ест [музыка] бежали браузер и спешно аукцион syrin
01:10:09 - 01:13:52
how to cash имиджа скрипт на bash [музыка] сам backup sites like a зол на ибице сова а статика кстати кто то заказ на сосок вертикалок steam чек-рейзом пройти интерстиль microsd да еще когда и нсо [музыка] да это коне плиз мэйк request a few types of дайте мест и стопам законного короля станет то от headers фирсова ох ванито от body in post request and her so glad you жили и за beginnen именно ему один gps tracker ежели ванной may request icandy сайт вот только с его ахиллес держи лиц ищите 5 [музыка]
01:12:37 - 01:18:05
смотрю на счете перец от той поры квест за цену в 1 х д д . бикрост анод и мин request бороться [музыка] я user-agent browser you get inside the big информация был usa саша на идее cookies a cute as if you have cookies [музыка] [музыка] если я русский да давай тогда я думаю я могу дать как этот байк тебе чтобы тебе как-то лучше сориентироваться и может быть правителя пробел в целом так как это собеседование на джуниора я думаю что ты достаточно хорошо про хочешь на джуниора и очень близко не дома вот и но
01:16:19 - 01:19:55
в принципе как бы от наверное логично для двух лет опыта у тебя достаточно хорошее понимание вот но в принципе есть зеленый пробел а вот и немножко ты на самом деле это наверно с опытом приходит но ты немножко не четко объясняешь какие-то сложные концепции например розы из узы съесть очень четкие критерии по которым этот определяется то есть функция лексический контекста за зависит от боинг холл и батат всех штука он указывает на то что скай перед точкой было методы который ты вызываешь а и там
01:19:58 - 01:21:37
есть пример на самом деле это не не ужасно и достаточно неплохо это все объяснял самая большая проблема это все-таки доктус то есть тебе нужно совершенно точно разобраться с виртуозами потому что это очень сильно экономит время и это помогает гораздо лучше ориентироваться в коде потому что ставит документов браузеры ты имеется рсм а ты можешь залезть в к библиотеке а с конца влогами тебя это займет гораздо больше времени и скорее всего нужно будет иметь такую цель чтобы туда попасть все таки виртуозами проще
01:20:52 - 01:22:29
получается и все все-таки там есть много очень полезных инструментов типа над варкой но я думаю поставкам любом работал отладка памяти очень всего те же ты и как бы не ответил право отладку java скрипта продуктов и в то же время ты не сказал когда мы обсуждали html проводов тут тоже потому что выдав толстым аж очень легко увидеть можешь than the first рендер увидеть еще taifas байт посмотреть ответ от сервера . halls помогу встроен folders уже это прям 1 место с которым стоит начинается оптимизировать на которой стать смотреть
01:21:43 - 01:23:22
и пытаться разобраться что ботаник вот так что тебя очень сильный совет дифузы вот тесты ну в эту сторону было бы классно двигаться потому что тесты всегда хорошо но это не так критично крест я думаю что всему свое время простоя стоит уделять внимание вот но опять же комбинезоны варим право собеседование на junior это в принципе это был обычный ожидается и ну как будто junior тем что сказал ты и больших проблем проходишь вот наверное с наследованием как-то стой чуть чуть еще разбираться но в целом как бы ты
01:22:32 - 01:24:33
понимаешь как это работает вот но имейте чуть больше каких-то технических деталей было бы получше но опять же как бы ты сам уровня 5 channel метла то есть ли метла наверно все таки требуется более какой-то четкое понимание [музыка] по английскому ну честно говоря я давно не говорил по английски наверно там пол годика особо активно вот и поэтому я не лучший критерий оценки вот но у тебя достаточно как бы терпимо английский вот я ведь людей которые с таким уровнем английского вполне устраивались в точке
01:23:33 - 01:25:07
там работать не вполне как как-то справлялись то есть если тебе интересно переехать то ты можешь продолжить заниматься английским и вполне я думаю ты можешь приехать как когда-то переезжаешь это уже становится ну просто часть твоей жизни не станут впрочем собственно наверное все если у тебя есть какие-то вопросы задавай да в принципе наверно нет у меня вопросов нет ну конечно если бы я за беседу ася в компании они бы у меня были но тут кое что ребята спасибо вам огромнейшее молодцы андре ты сегодня как герой тебя
01:24:22 - 01:26:28
спасибо за участие в такой понравилось придешь это быть даже очень здорово друзья пишите в комментариях как вам сегодняшний стрим пишите лучше поддержки андрею вот и огромное всем спасибо следующий публичные собеседование у нас назначена на вторник будет посвященного руби разработки тоже ставьте колокольчики подписывайтесь на канал чтобы это все не пропустить следите за анонсами мы сюда публикуем информацию в нашем блоге на химии cex.io и в наших социальных сетях вот всем огромное спасибо всем отличных выходных
01:25:24 - 01:26:54
учитесь любить и программировать и будет вам счастье всем пока пока спасибо спасибо что позвали пока если
ну что всем привет на связи hex лет сегодня у нас суббота и такая интересная суббота связано с публичным собеседованием это один из наших таких уникальных от традиционных форматов которые мы очень любим и вы тоже очень сильно любите и сегодня мы соберем junior фронтенд разработчика с нами нашу со беседующих это антон шувалов антон привет и с нами нашего так скажем кандидат человек который проходит собеседование которого пожалуй сегодня будет волнительные всего ну вот но тем не менее ребята поддерживать его в чате
00:00:02 - 00:01:20
пишите в добрые слова потому что я уверен что быть большим большим молодцом это андрей константинов андрей привет здравствуйте итак давайте проверим как у нас сейчас звук слышно видно нас поставьте плюсики и минусики комментарии у нас работает 20 один основной чат это контекст это канал general и наш чат на ю тубе приоритет обсуждениям приоритет вопросом если вдруг они возникают по ходу нашего собеседования который нужно передать нашим спикером опишите general флаг и собственность мне показывают что
00:00:42 - 00:02:08
в принципе все игре все слышно все видно ну что погнали антон начинает себя немножко расскажешь а дальше уже идем папа да хорошо меня зовут антон слов я не проводил достаточно долго собеседование я работал в rambler и работал кого-либо by и сейчас работает компания strike и принципе наверное собрал целый департамент позади пару лет назад и есть какой-то достаточный опыт чтобы вот и сегодня я тогда давайте начнем собеседование и я думаю что при себе лишь меня зовут андрей я работал в менее известных
00:01:24 - 00:03:34
компаниях парочки начиналось продуктовой компании проведет связи занимается там мир стал два годика потом последние последний год 100 поработать звук аутсорс компаниях уже как front-end разработчик что умею наверное как и обычный стек это горстка java script и акт как все неплохо скрипта в принципе вопрос не совсем про написание кода ну скорее они того как все работает и про какие-то основные концепции у нас получилось 3 часть про себя и про html и какие-то такие общие вещи я думаю что должна подойти потому
00:02:51 - 00:04:48
что все это очень близко и вот и первый вопрос разминать как сделать как развернуть строку чего скрипте то есть например тебе нужно вернуть чтобы было c новым и есть методы мерз да он на строке не сработает можно привести превратить ее в массив развернуть его зад привести к строке строке по моему join и поставил кавычки то передать да следующий вопрос про поймал можно сказать вообще как работает встретится поймал есть вот этому от функция которой я сделал для того the time они который всем для того чтобы вызывать какую-то
00:04:05 - 00:06:08
функцию спустя какое-то время он принимает два аргумента на вход 1 это собственно функция которая вызывается вторым аргументом принимается дела и через сколько эта функция должна быть вызвано ну у нее самый низкий приоритет то есть попадает самый конец т.к. вызовов как и ты сказал брала стек вызовов подробности дать что это лучшего скрипте есть так вызова все функции делятся на два вида синхронные и асинхронные охранные функции выполняются последовательно друг за другом асинхронные не друг за другом
00:05:12 - 00:06:44
выполняются как-то параллельно у них может происходить выполнение вот и соответственно функция когда описано когда компилятор идет или интерпретатор по ходу он эти функции выполняет последовательно снится храм добавлять их стек вызовов асинхронная функция он добавляется в конец у нас точнее сказать вот ты сказал про то что асинхронной функции как как-то брали не выполняется значит несколько трейдов язык не работает в одном потоке насколько я знаю в чем вопрос если джон скрипта несколько трейдер или
00:06:07 - 00:07:45
как как конкретнее работаю сохранной функции как конкретнее ну наверное ты все-таки отговорился и имелся дул очередь что вы сатурне функции скала девицею очередь из очереди они не могут параллельно никак выполняться в целом ответил знакомств такой что-то как когда-то читал про него and лупан получается управляет тему вообще всем что происходит в браузере ну не совсем в браузере наверное движка этого скрипта этот раз цикл который берет следующие элементы дочки [музыка] предположим у тебя есть какой-то set
00:06:59 - 00:08:55
time out который уже запущен одну секунду а после ты какие-нибудь странные теоретической способы как можно выполнить этот через 10 секунд ничего не менее что можно сделать с just о том чтобы носить его это запущена 1 секунду он уже запущена как нельзя так чтобы он выполнялся через десять секунд до меня за эту секунду успеть что-то сделать ну да сделать clear тайм-аут или что такое но есть доступ к рандами принципе говорил о том что через три года поточный я сейчас может глупо отвечу меня самое простое что можно придумать
00:08:03 - 00:09:51
это вызвать какой-то allure но если это браузере и он вроде как должен остановить до предельно варианты может просто как какой не бесконечный ну точнее цикл запустить который закончится через секунд проверяют дату и так с однопоточный собственно то же самое что и совета произойдет у тебя будет блокирован этот лук и нечем будет вполне так следующий вопрос new можешь рассказать вообще как как работает new java скрипте и это конструктор его так называть он создает прототип объекта по моему который он создает новый объект
00:08:57 - 00:11:00
а нет ни следа против он создает новый объект [музыка] сказать вот и потом через в общем от того как раньше java script кепка него класса добивались объект нового по общим на самом деле текущей классы такой сахар поверх все так же будет отеку а что скажешь про цепочку прототипов то есть например у тебя есть какой-то метод где-то в глубине цепочки и как как вообще при обращении инстанцию когда запрос этот метод как бронза будет его искать но он получается от я если на каком-то элементе назову вызываем метод либо на
00:09:59 - 00:12:11
объекте скорее на объекте то у меня в браузере начинается поиск этого метода у этого этого объекта на котором он вызван если там не находит то он поднимается вверх по цепочке возможно защиту объекта от которого он был исследован если он был унаследован дальше вверх будет подниматься пока не доберется до logic том же на глобального объекта и если там он не найдет то он выбрость ошибку ну да опцион со примерно так ты знаешь как именно реализовано вот эта цепочка именно чистки понимает что есть методы в
00:11:03 - 00:12:46
java скрипте меня за балкой называются которые позволяют определить от какой человек от объекта вас lenovo в нее не совсем объекты есть специальные свойства в комментарии кладется ссылками прототип до загса сейчас точно ответить не смартфона ok образы что расскажешь это уважать любит почему они любят его любят это указатель тон на что ссылается это указатель в общем на область видимости в момент выполнения кода если ты работаешь со стрелочными функциями но у них его нет то есть получается стрелочная функция получает зыс от того
00:11:55 - 00:13:50
первого ближайшего места где она была вызвана то есть у них своего здесь нет ни а получает 1 лестью функция внутренне изысканно получится застыть и функции на дне стрелочная функция от чего вообще зависит то есть если я если у меня есть объект например с каким-нибудь методом использующим зыс то если я скопирую этот метод куда нибудь другой объект изменится здесь определяется в момент вызова втором месте где вызывается этот метод эмоции от чего он зависит вот в первую очередь от места вызова того где
00:12:55 - 00:14:51
он был вызван метод во второй потом доступ смотрит перри определялся указатель или нет ну как функция то есть если не искал или байт или up like вот ну да вот я понял хорошо расскажешь про замыкания что это вообще такое как они остаются а ну замыкание это технология это технология это в общем когда функция имеет доступ к своей области видимости к своим переменным точнее иметь доступ к своим переменной вне зависимости от того места где оно было вызвано такое описании написано в норму java скрипте я просто повторяю обычно
00:13:53 - 00:15:56
люди я всегда переспрашивают что я имею в виду я как раз хочу спросить у ну получается вызывается функция ну когда создается функция в ней можно определить переменную и если когда создается функции в ней стоит сколок надежда мощность этого начать уровне следы от скол и когда функция это выполнилась как правило скоб очищается горбач коллекторов вот замыкание так создается в момент когда на какую-то переменную ссылается какая-либо другая функция изнутри если на неё что-то когда другая функция совать то эта переменная не
00:14:56 - 00:16:42
ощущается горбач коллектором и можно использовать вот то есть что по сути какую возможностью dj zmeyka не но она дает возможность функции создания локальных переменных внутри ну по сути да расскажи про отладку и проживая школ вообще я везде пишу конце лог на самом деле сильно вот в этом до сих пор не разобрался к сожалению как там отлаживать выполнять представить но в реакции просто есть тоже свои devtools и рэпа заверяем редакция вот вот так красок с уланом окей хорошо что насчёт теста знакомы с ними или нет ну да что
00:15:48 - 00:18:20
пробовал но я чуть-чуть совсем вот на новой работе только с ними сейчас столкнулся написал немного юнит-тесты интеграционные тесты вот два вида рацион и по моему majesty если я не ошибаюсь просто а нет стоп просто у нас в компании скорее всего для интеграционных тестов используются внутренние библиотеки вот и но они очень похожи на те которые используются просто вот на чем они не могу сказать даже не то что не могу не просто не знаю просто там такие же они также вызываются как обычно есть еще одна задачка по скрипту сейчас
00:17:14 - 00:19:34
[музыка] так и отправил в чат ссылку насадочку разобраться в принципе она не большая зависит так я шалю экрана до суть задачи в чем у тебя есть объект на вход ключи которые буквы значение от массивы положение типу финальной строке у тебя нет пропусков то есть все числа идут по порядку от 0 до максимальное число 10 вот и у тебя есть функция build string если ты просто лишь ниже ты увидишь как оно вызывается собственно тут два кейса первый кейс это когда передается входной объект который объявлен цеху и ты должен получить клубу
00:18:34 - 00:20:36
текст и второй кейс когда ничего не передается должна быть и пустая строка в случае в этом случае от этой функции тебе нужно написать building вот который берет строку masik так у меня есть объект у которого есть ключи и значения это то место где в строке эти ключи должны находиться до достиг для же эта буква ну давай сделаем какой-нибудь passive сразу пойдем по циклу по массиву голль по объекту пойдем у нас на вход принимается объект правильно да да тот который бизнес пакет поменяю название просто хочется так
00:19:49 - 00:21:56
это так работало бы если бы у нас не было по фнаф был бы одномерный массив ну точнее вот так зауженными получали на него элемент и потом мы бы просто отрезал при вредили бык строке вот но она же тут еще буквы могут повторяться до поэтому надо сейчас подумать а что делаешь сделать проверку на то что мазь или находится больше одного элемента нужно ли это если у тебя в любом случае значение в массив я думал над тем чтобы если в массиве находится в ключе в массиве которые по ключу лежит находится больше одного элемента тогда
00:21:42 - 00:23:35
[музыка] просто циклом вставить из этого массива все элементы на свои места а если разница один или несколько элементов мол ну конечно есть разница да я должен сказать что я нет моя а не понимаю вот у меня и острова можем проверять больше одном элементов массива или нет или носишь сказать какой-то алгоритм хочешь ну то есть просто логично . так ну вот я сейчас для случаев когда в массиве находится один элемент просто добавляю его в результирующий массив я хотел сделать здесь проверку и если в массиве находится больше одного элемента
00:23:10 - 00:25:33
то проходи циклом поэтому массиву и получается вот эту букву которая лежит подключенная у меня была доступна где-то здесь до проверки но точнее она доступна потому что у меня есть те могу его так бы стать точнее вот или то есть это буква я бы циклом шел поэтому массиву и в результирующий массив уже на вот эти места которые я бы доставал из массива оставил бы в общем еще один цикл запускал внутри цикла если массиве больше одного элемента находится вот давай рассмотрим первый случай когда у тебя в массиве один элемент как как ты
00:24:19 - 00:25:44
его будешь записывать результирующий массив то есть просто о и к нам как у тебя сейчас а что будет находиться под но тут массив я да я хотел типа нулевой элемент доставать а есть ли но я понял имеешь ввиду чтобы сделать еще один цикл сразу собственно и тут уже идти по [музыка] им [музыка] это вот и вот здесь изолт так данном случае у нас резал g ты можешь и это равно и часа вот так и тут return result . join и что . к сожалению ты не увидишь результат в панельке [музыка] да потому что я написала назад ну вроде
00:25:04 - 00:27:58
бы похож у тебя только второй кейс выполнился так как в случае если нет никаких элементов входном массиве у тебя будет пустая строка но тут тогда просто нет я имею ввиду что у тебя что-то не то с первым случаем то есть второй случай тебя выполнился но он вы полностью потому что тигров цикл ничего не заходит вот а первые холбрук строка так и собиралась а давай попробуем найти в чем ошибка ну я тут бы начал начал блокировать что у меня является а это но да это массив потом будут пострел челенджи да и что с ним так откуда начинается
00:26:55 - 00:28:58
сверху вниз или снизу вверх на сверху вниз 00 наш клип нажать и чистит а как заново запустить туда то есть я не знаю добавь полную строго и сохранить запускайся попробуй чуть-чуть изменить код как он . , или добавить ну что же такое сейчас нет кнопки ран двое мязинец тут есть кнопка ран вот 000 это jedo но это что-то не да да это это массив мы входим по массиву а тут надо наверное первых love сделать потому что имя тоже по объект для век узел ключ и значение я просто скопировал видела ты повторил забыла что для высева
00:28:20 - 00:31:01
прошла правильно от использовал когда-нибудь редис или писать нарядился прагу за к меньше битума . edius а стоп доливай прям с ченингом [музыка] просто никогда не ходил по объекту редисом вообще можно так делать по объекту нет по его ключам да у меня слабо обжект интерес взять или облик кис-кис-кис так бомжик . . кеес . edius первый аргумент а у нас принимается аккумулятор по моему нарым это элемент вот тут у нас будет в конце аккумулятора у нас равняется массив тут мы сразу джо и ним по строке с той
00:30:04 - 00:32:18
строке так и теперь мы делаем что мы делаем return тут ок . нет . как прикажешь соли дурно ок лучше сделать отдельно в конце много потому что ты скорее всего будешь развивать методы ты будешь писать этот так и лучше не смешивать так но возвращаем аккумулятор и теперь тебе его нужно записать [музыка] позиции так я высоки ок получается она мне все равно нужно запускать цикла . давай тебе не деться некуда циклов тебе по сути нужно перебрать я думаю что массив ну я бы все-таки раз мы пишем радиус мне бы хотелось увидеть как ты
00:31:33 - 00:34:36
используешь как можно спустить цикл без for массива foreach тут же вот данном случае это у нас уже глюки это у нас уже место где должен быть должны быть буквы получаются окажет а равно [музыка] значение сейчас получить но в рядился ты берёшь по сути ключами так что тебе нужно оно мне нужно взять этот а тут даже могу добраться до объекта отсюдова да кстати для для того чтобы тебе проще кого я бы переименовал ayting поступки путаться и тебе сейчас нужны в объекте кинете но получается он же уже найден мы
00:33:06 - 00:35:49
же по ключам пробуем и тебе наверное фары чит нужно не идти все таки более и и обычных кий так первый случай у тебя получился и теперь у тебя проблемы со вторым у тебя получается такая ситуация что объекты нет и тебе нужно как-то отдельно обработать этот случай так это немножко получить ключи объект я сто лет не но тут можно на самом деле просто в начале этой функции сделать ну самое простое что мне в голову приходят тут ! если нет никакой формы потому что весь наш дизайн то скорее всего как-то
00:34:36 - 00:37:11
установить дефолтное значение для а ну да то есть у нас если для объекта ты имеешь виду установить значение есть если вот этот параметр не передан поставить как от дефолтное значение которое устроит на пустой объект попробовать тогда ну отлично что там а вот шарик экран да ты ты говорил что у тебя в принципе я так понял что есть пара лет опыта девушки на контенте гонором можешь сказать как как ты вообще оцениваешь качества своего да то есть когда ты пишешь katsuyu как как ты оцениваешь хорошо получилось как
00:36:12 - 00:38:27
получилось есть ли у тебя какие-то критерии хорошего пагода ты сейчас говоришь про performance нет я я говорю вообще абстрактно брюс все что метриками хорошего года на что ты смотришь приручили хотелось бы чтобы у вас был сама документируем чтобы его читаешь можно было понять что в нем происходит поэтому конечно стараюсь выносить разные методы в разные обработчики отдельные функции у которых были бы кричащие название говорили о том что они делают вот и первое правило но весной за основных правил это отсутствие magic на
00:37:35 - 00:39:34
марс всем переменным всем с числом которые имеют нет ни один не 0 присваивать какие-то названия записывать их в константы это обычный кот гайд по сути да то есть нужно цвести просто к наследованию константы выносить в начало функции начала описания функция наверное как бы давайте пойдём и так lenta.ru и наверно это нужно засыпать проекта не думать как как это есть на самом деле открытый вопрос у него нет какого-то правильно это просто интересно как ты оцениваешь курс ну наверное тебе ответил какие-то свои внутри нектаре у
00:38:35 - 00:40:33
меня пока нет вот здесь какие-то правила как нужно описать как было бы неплохо а скажем если ты бы делал review какой-то задачи первую очередь я добавил но я посмотрел на какие-то может быть в коде не нужные операции раки нибудь ненужные проверки которых можно избежать взять одну проверку раньше допустим вот чтобы я смотрел ну и нато вообще насколько этот код воспринимается нормально вот иногда на использование каких-то методов java скрипта либо библиотеку используются ли они по назначению или нет хорошо я понял давай
00:39:38 - 00:41:50
тогда перейдем к следующей части процесс с она в принципе не особо большая и если у тебя есть только царской того я надеюсь что каких то не должна возникнуть вот первый мой вопрос про твой опыт работы с процессорами с процессорами с чем работал что тебе нравится да совсем понемногу я сам успел поработать ставилась скрипт ui css препроцессора темой препроцессоры парк я использовал вот как ты вообще с есть какие-то боли у тебя с ним связаны насколько тебе удобно поддерживать скажем у тебя большой проект с с
00:41:06 - 00:43:22
возникали у тебя проблемы методологии bm то как бы этих проблем будет меньше скажи мне ну от algologie которая позволяет писать изолированный and experts css разделяет весь код css на блоке вот она весь css код разделяет на блоке эти блоки пишется максимально так чтобы они были независимые от окружения то есть того места куда он будет вставлен от внешнего окружения вот и у этих блоков новой б мы тоже еще и про именование классов буйтер блоков есть название блока внутренние все его элементы уже именуются от самого блока
00:42:19 - 00:44:26
вот модные хипстерские подходы стараются components модус вот я составил компонент попробовал чуть-чуть поработать но это было в проекте вот принципе удобная штука она делает осталось компоненты тоже пока не ошибаюсь только для реактор библиотека вот и она делает его react немного похожим на view то есть мы и есть компонента место где описывается его стиль и вот встроив компонент в принципе дело то же самое внутри компонента пишешь css просто когда retour ниш оборачиваешь его в этот ставят компонент
00:43:27 - 00:45:21
функцию и внутри описываешь к нему css вот это удобная штука в принципе неудобное и де бо жить потому что классов именно становятся похожи на хэши и на самом деле я искал способ как леди с этим борется и конкретного ответа не нашел вот поэтому но как бы в работе не использовал ну вот на под проекте осталось компания вспомнил применять вообще без советовал тебе попробовать все sas модуль и немножко другой подход но плюс в том что сейчас модели ты импортирует как объект и ты можешь навешивать классы из этого
00:44:26 - 00:46:11
объекта на ну там там где они нужны и получается что в окружении ты можешь видеть обычные название классов production окружения не будут scammers нaши вот но плюс еще в том что стиле получается 3g инкапсулированным то есть стилем каком-нибудь компоненты например лежит рядом с этим компонентом и он эффекты только этот компонент получается вот но в принципе я думаю что если те же компоненты готовит ну плюс минус тоже самое получается то же самое в принципе просто art of components позволяет писать с с таким как мало привыкли . css
00:45:21 - 00:47:20
файлов писать если не ошибаюсь там комок ключ и значение там даже самые ты простим портирует css файл и он уже радаев что насчет методологии ты сказал проблемы знаешь какие то еще методологии нет не только б не приходилось какими-то мелодиями работа когда-то читал а сейчас просто не буду стараться вспомнить потому что будет выглядеть смешнее чем стране ну хорошо новым бэм это уже достаточно классно но опять же как бы хочу заметить что мне сейчас кажется что б особо не нужен если использовать либо стоял
00:46:18 - 00:48:22
либо сердца смотрит власть у тебя просто не возникает проблем и тебя все соснет глобального скол по а получается все компоненты в принципе ты можешь называется классы как текст это все равно будет нормально поддерживать это как раз проблема сейчас с глобальным с халком и падают с ним расскажи про z-index что таким узнаешь как как избегать индекс 9000 назад яндекс а то свойства которая определяет положение элемента на странице по индексу же получается как слои фотошопе индексом определять какой слой будет
00:47:22 - 00:49:30
выше какой слой будет ниже вот как избегать z-index deeply тысяч ну давай давай переформулировать вопрос есть этот свой сайт и в зависимости от приоритета которые ты задашь элементы складывается один без другого того которого зад индекс выше тот выше находится но если какие-то ограничения на фсб индекса то есть можно ли сделать так чтобы элемент например никогда не всплыл выше своего родителя они есть но я не помню были сложности зад индексом давно когда-то вот но писать не смогу я тогда помощью выбрать решил эту проблему то
00:48:24 - 00:50:12
есть все не так однозначно следующий вопрос про важным оставь тебя есть два дела один находится под другим у первого диван стоит маршем потом например 10 пикселей 2 стоит нашим долго 20 пикселей получается 110 excel до другого другой должен какой будет марше между этими 20 пикселей вертикальная моржана схлопываются вот вообще я хотел бы сказать что и верстки я стараюсь если есть такая возможность делать margin в одну какую-то сторону то есть если я например делаем argent опта всех элементов будет magenta
00:49:22 - 00:51:34
скорее всего ни у кого это не будет важно борту мастита не нужно прям ты вероятно ночь написать маршем 20 например ресниц будет 20 но получается что между ними . и 40 следующий вопрос про класса иди можно звать вообще все отличие между классные идеи но у селектора идеи выше приоритет чему класса если вообще и где принято использовать у элементов которые в общем айти должен быть один не должно быть нескольких одинаковых айтишников у элемента вот я не помню по моему если сделать через сквере селектор вол указать и id-шник то
00:50:29 - 00:52:31
она возьмёт а достичь искали сектора указать едешь не катала кому возьмет серого первый элемент они все ну это не то есть нельзя полагаться а что про ссылки скажешь анти как как-то может участвовать ссылки сейчас палатку я по двое ты имеешь ввиду якорные ссылки ну собственно наверно из известных отличий есть еще такая штука что ты как элемент может через видно обратиться просто иди сам windows . название техника многие хорошо следующий вопрос про различий между inline блоками и line блок он себя ведёт в потоке как срочной
00:51:35 - 00:54:13
внутри он как блок вот онлайн элементы они просто как срочные ведутся что дает им боб почему бы тебе могло понадобиться использовать мой долг местными тому что у блочных элементов есть некоторые свойства которых нету строчных вот но в памяти какие конкретно в целом да как бы в общих чертах все-таки есть файтинги например подскажи у тебя есть например кнопка и ты хочешь чтобы эта кнопка была по ширине контента как как это это сделал по ширине родителя или пожалели на контентом то что внутренне я указал в этой кнопки
00:53:00 - 00:54:56
ботинки молодая вп 1 грамм бы задал подтекста отступа да и чтобы зависимости от становилась доп один геотег создаются фиксированная кнопку хочешь не задавать размер если это ну то есть если мы берем его снизив то по сути он будет на сто процентов ширины но у него же родители будет у него родитель будет чем обычным блоком или это может быть flex собственно вопрос как как и ты сделал так чтобы кнопка менялся в зависимости от контента ну вот у неё ради teleflex то есть она является flex ребенком вот и
00:54:11 - 00:56:15
после этого я бы мог задать текст у подёнки она бы расширялась да я вообще он застал это явер стал просто на флотах и я почти онлайн блоки не использовал меня было хорошо давай тогда пойдем дальше и следующий вопрос true позиционирование элементов представьте у тебя есть некий div ты можешь делать любые допущения этого дела и его родителя но тебе нужно расположить этот div в центр родителям либо и вертикальные и горизонтальные либо только горизонтальные и вертикальные неважно просто интересно как какие
00:55:15 - 00:57:04
способы ты знаешь как как и меня не работает но самый простой это родитель flex не даваться только реализовать в общем флекса мир возможно сделать грядами потом это можно сделать по старому позицию абсолютом там получается тут ногу лучше сдаться в подробности оля меня слышно я просто завис андрей у нас наверное со стороны антона какая-то неполадка связи происходит и сейчас нормальных сити антон и наверно какое-то зависание сейчас я ему напишу попрошу перезашел руки так вот вижу у нас как раз антон снова
00:56:11 - 00:57:58
будет сейчас подключаться ну что для как тебе дела как проходит вся нормально только немного болит зуб скоро побегут это решать вот процесс еще немножечко и отлично включая дорогие слушатели вы не перед мы вернемся к нашим [музыка] я тебя слышу нормально вот все я все хорошо слышу мы остановились на базе что абсолют да там старинке топ 50 процентов transform translate y минус 50 процентов для того чтобы этот элемент выровнять по центру но такие три способа а еще можно сделать родителю дисплей тайбл или онлайн блог
00:57:39 - 00:59:48
по моему тоже подойдет и сделать свойство vertical line middle латвии на ребенок тоже станет по центру да а что скажешь про например текст свои элементы это можно планшет должен быть по моему такой какой высота блока это наверное да по высоте наверное сложно потому что тебе нужно точно знать высоту родителя по горизонтали и площадь монашка только если если поверх только по горизонтали и по вертикали обошла все сработает только если родитель flex но по вертикали есть на самом деле способ космонавта и по горизонтали и
00:58:58 - 01:00:59
вертикали через позиция ты никогда не делал диком наверное нет ты можешь задать позишн абсолют top left right bottom по нулям и поставить нажмем да и в принципе ты должна знать размер ребенка то есть он должен быть сам да так и собственно последний образ процесс с тебя есть смотри есть два селектором например первое это . 1.2.3 хотя нет да вы даже рады значит и как браузер ищет все счас селектора если какие-то какой-то алгоритм браузера который может как-то те птицы производительность например звездочки селектор не очень хорошо
01:00:10 - 01:02:33
использовать чашка сектора из хорошо использовать потому что он применяется вообще ко всему это место например ты напишешь ну скажем у тебя есть modal какая-то и на хочешь всем элементам внутри это моталки задать бокс айзен только в этом на танке и что произойдет с ты напишешь . мода это css класс моталки пробел звездочка . как то это спасет ситуацию ну да у меня получается элементы внутри будут бакса за кроме этих фар автор сердце элементов да ну я имею ввиду в плане поиска вот этому селектору
01:01:27 - 01:03:08
звездочка как в этом случае выбрался будет его искать и не результат а именно так ну чтоб что он будет искать первым будет ли он искать например сперва класс модуль и потом в нем все элементы искать или он будет браузер траст ли он в том что браузер читать электро справа налево из ты написал звездочкой даже по переднему писал как это классно выбрался все равно будет искать все сперва элементы и а там уже будет искать какие входят каких родителей и хорошо у нас осталась последняя часть html и проводок и общие вещи мы можем
01:02:22 - 01:04:47
перейти на английский куда то пропал я с этим и спорт ask for optimal [музыка] optima из-за клилук [музыка] еще этот рейтингов лагин диспетчер и на html visually script and went флаги на i'm lookin' вот java скрипте жилин диспетчер you told me again этот html я рисковал service is it all my это будет мой паж аудит dice пейдж for example of speed я предпочитает из команд ежели speed gear mi2s дойдут алсу сервис show me off page speed форматной строки на шоу халкана и optima и managers and optimized
01:03:25 - 01:07:56
don't speak in a lot of the fake it feels that low один из улиц users all these тоже элемент в адрес и дисплей lcd резанул двое optimized у майка спрайт он беги image aladdin vans актуально [музыка] вот я знаю have a bunch of files in цели depends on how this is building фсфр [музыка] минивэн до грифа и java script ncs release mode on you за css и javascript и xml файл окей bad about the sky so you are optimized банчок дьявольских файлов контракт с файл сент-ива здесь файл still in chains хит-парадов
01:07:00 - 01:11:53
html язык попробуем и а те же проблемы в javascript за один заход html и кен блок последствия антилла колодец лежали java script is логин и пасс the indian the body and the [музыка] [музыка] resource plan is passing a sick man is by far [музыка] я diver кто-то давал document to render де лука и for making elements and daylight у дом рендер if it's not depend on java script and loaded тот loading альфа-банк для fruit garden ордеров execution скажите [музыка] вот кэш да нас там рыба ест [музыка] бежали браузер и спешно аукцион syrin
01:10:09 - 01:13:52
how to cash имиджа скрипт на bash [музыка] сам backup sites like a зол на ибице сова а статика кстати кто то заказ на сосок вертикалок steam чек-рейзом пройти интерстиль microsd да еще когда и нсо [музыка] да это коне плиз мэйк request a few types of дайте мест и стопам законного короля станет то от headers фирсова ох ванито от body in post request and her so glad you жили и за beginnen именно ему один gps tracker ежели ванной may request icandy сайт вот только с его ахиллес держи лиц ищите 5 [музыка]
01:12:37 - 01:18:05
смотрю на счете перец от той поры квест за цену в 1 х д д . бикрост анод и мин request бороться [музыка] я user-agent browser you get inside the big информация был usa саша на идее cookies a cute as if you have cookies [музыка] [музыка] если я русский да давай тогда я думаю я могу дать как этот байк тебе чтобы тебе как-то лучше сориентироваться и может быть правителя пробел в целом так как это собеседование на джуниора я думаю что ты достаточно хорошо про хочешь на джуниора и очень близко не дома вот и но
01:16:19 - 01:19:55
в принципе как бы от наверное логично для двух лет опыта у тебя достаточно хорошее понимание вот но в принципе есть зеленый пробел а вот и немножко ты на самом деле это наверно с опытом приходит но ты немножко не четко объясняешь какие-то сложные концепции например розы из узы съесть очень четкие критерии по которым этот определяется то есть функция лексический контекста за зависит от боинг холл и батат всех штука он указывает на то что скай перед точкой было методы который ты вызываешь а и там
01:19:58 - 01:21:37
есть пример на самом деле это не не ужасно и достаточно неплохо это все объяснял самая большая проблема это все-таки доктус то есть тебе нужно совершенно точно разобраться с виртуозами потому что это очень сильно экономит время и это помогает гораздо лучше ориентироваться в коде потому что ставит документов браузеры ты имеется рсм а ты можешь залезть в к библиотеке а с конца влогами тебя это займет гораздо больше времени и скорее всего нужно будет иметь такую цель чтобы туда попасть все таки виртуозами проще
01:20:52 - 01:22:29
получается и все все-таки там есть много очень полезных инструментов типа над варкой но я думаю поставкам любом работал отладка памяти очень всего те же ты и как бы не ответил право отладку java скрипта продуктов и в то же время ты не сказал когда мы обсуждали html проводов тут тоже потому что выдав толстым аж очень легко увидеть можешь than the first рендер увидеть еще taifas байт посмотреть ответ от сервера . halls помогу встроен folders уже это прям 1 место с которым стоит начинается оптимизировать на которой стать смотреть
01:21:43 - 01:23:22
и пытаться разобраться что ботаник вот так что тебя очень сильный совет дифузы вот тесты ну в эту сторону было бы классно двигаться потому что тесты всегда хорошо но это не так критично крест я думаю что всему свое время простоя стоит уделять внимание вот но опять же комбинезоны варим право собеседование на junior это в принципе это был обычный ожидается и ну как будто junior тем что сказал ты и больших проблем проходишь вот наверное с наследованием как-то стой чуть чуть еще разбираться но в целом как бы ты
01:22:32 - 01:24:33
понимаешь как это работает вот но имейте чуть больше каких-то технических деталей было бы получше но опять же как бы ты сам уровня 5 channel метла то есть ли метла наверно все таки требуется более какой-то четкое понимание [музыка] по английскому ну честно говоря я давно не говорил по английски наверно там пол годика особо активно вот и поэтому я не лучший критерий оценки вот но у тебя достаточно как бы терпимо английский вот я ведь людей которые с таким уровнем английского вполне устраивались в точке
01:23:33 - 01:25:07
там работать не вполне как как-то справлялись то есть если тебе интересно переехать то ты можешь продолжить заниматься английским и вполне я думаю ты можешь приехать как когда-то переезжаешь это уже становится ну просто часть твоей жизни не станут впрочем собственно наверное все если у тебя есть какие-то вопросы задавай да в принципе наверно нет у меня вопросов нет ну конечно если бы я за беседу ася в компании они бы у меня были но тут кое что ребята спасибо вам огромнейшее молодцы андре ты сегодня как герой тебя
01:24:22 - 01:26:28
спасибо за участие в такой понравилось придешь это быть даже очень здорово друзья пишите в комментариях как вам сегодняшний стрим пишите лучше поддержки андрею вот и огромное всем спасибо следующий публичные собеседование у нас назначена на вторник будет посвященного руби разработки тоже ставьте колокольчики подписывайтесь на канал чтобы это все не пропустить следите за анонсами мы сюда публикуем информацию в нашем блоге на химии cex.io и в наших социальных сетях вот всем огромное спасибо всем отличных выходных
01:25:24 - 01:26:54
учитесь любить и программировать и будет вам счастье всем пока пока спасибо спасибо что позвали пока если
01:26:10 - 01:26:31