Подготовка к собеседованию на Frontend Developer
Менторы
Специалисты своей области, которые смогут помочь вам
Middle .Net Developer
Senior Product Manager
Middle Python Developer
Ведущий программист
Backend Software Engineer (PHP)
Senior .NET/C# developer
Middle DevOps Engineer | Tbilisi, Georgia
Middle C# .NET
Senior PHP-разработчик
Middle python developer
Каналы
Полезные Telegram каналы и чаты
Транскрипция видео:
приветствую вас друзья на новом собесе это тот самый собес про который я говорил в прошлом ролике это собес на галеру если предыдущие собеседование вы не видели сейчас плывет подсказка ссылка будет также в описании очень интересный получился ролик всем рекомендую перед тем как приступить к просмотру этого ролика сначала объясню почему я посчитал это собеседование не очень хорошим и компанию которая меня приглашал ага лерой на самом деле я вот сейчас пересмотрел перед монтажом это видео и все было не так как плохо как у меня вот
00:00:03 - 00:01:12
осталась в голове остался какой-то осадок после которого вот прямо не захотел бы я идти в эту компанию и сейчас объясню почему во-первых они ищут непонятно кого человека который будет в одиночку утянуть frontend это первый момент второй момент на то что там используются устаревшие технологии джейк вере это все надо будет поддерживать и как я понимаю еще дорабатывать третий момент вакансии не было указано зарплатная вилка то есть просто ищем фронтенд разработчика такой же резюме кстати было и у меня я не уточнял кто я
00:00:38 - 00:01:44
джуме дуэль сеньор not они просто ищут какого-то абстрактного разработчика за какую-то от абстрактную сумму денег и в конце концов вот по итогу этого собеседования вот прям чувствовал как меня пытаются развести они понимают что опыт у меня в принципе есть опыт неплохой как бы собеседование прошел но при этом хотят заплатить 80 тысяч рублей и вот чувствуется что как то вот каким-то разводом попахивает вот видимо после всего этого у меня осталось вот какой-то негативный осадок и поэтому я посчитал что это галера целом на общение
00:01:11 - 00:02:18
и человек который технический собес проводила и чар будет достаточно приятные к ним вообще никаких вопросов нет ну и поскольку большая часть моей аудитории это начинающие это джон и я вам порекомендую никогда не идти в организацию в которой вы будете единственным разработчикам на этом ваш рост остановится превью проводить никто не будет ваш код смотреть соответственно тоже никто не будет будете писать как писали ничего нового узнавать толком не будете ну и смысл вообще от такой работы да здесь и сейчас вы какие-то деньги
00:01:45 - 00:02:49
заработаете но побеждает тот кто бежит марафону не тот кто бежит спринт и отметить надо на длинную дистанцию и перед началом собеседования еще добавлю что к сожалению вакансия у меня затерялась я проводил это собеседование пару месяцев назад сейчас вот сел его монтировать хотел прикрепить сюда вам вакансию на вакансию я потерял мы перед началом просмотра не забудь поставить лайк написать комментарий чтобы я понимал что такой контент вам интересен если этот ролик соберет 20 тысяч лайков то пойдем проходить собес на сеньора
00:02:16 - 00:03:24
всем приятного просмотра всем привет включить но честно говоря я не очень сейчас к этому готов [музыка] пожалуйста вкратце о себе чем занимался вот что сейчас до себе ищешь у меня зовут максим мне 22 года занимаюсь фронт-энд дом в целом где-то пару лет из этого чуть больше года это коммерческий опыт работал на фрилансе я работал страховой компании как по трудовой книжке как full stack разработчик знаком с реактором знаком с view ну не то чтобы знакомым активно использую в целом такой год очень насыщенный был много проектов
00:02:50 - 00:04:24
сделал сильно прокачался из есть какие-то более конкретные вопросы отвечу какие то что работал страховой компании это было корпоративная система для внутреннего использования также делал в проект для артистов для продвижения всякой аналитика статистика по просмотрам и так далее и пару интернет-магазинов еще на фрилансе делал ну сложно сказать не уровня там конечно им видео озон но такие один был для небольшого магазина одежды а другой был для тоже небольшого магазина даже не то чтобы магазина там бизнеса и
00:03:52 - 00:05:25
мужчина занимается мебелью сколько было категория категориям скажет по категориям но там разные категории были много разных фильтров смотря что вы подкатегориями подразумеваете там было мебель база знаний по созданию соответственно мебели мини-блок там был я соответственно и backend и frontend там делал это full state проект был но соответственно там мебель как продается так и заказать можно что сейчас ищешь для себя в каком направлении хотелось бы работать но сейчас я для себя точно решил что я
00:04:44 - 00:05:58
хочу двигаться как front-end разработчик как full stack больше работать не хочу даже тяжеловато в принципе прямо такого чего-то конкретного нет еще просто хорошие интересные предложения если найду соответственно буду работать пошли сейчас вопросы смешно ты посмотрел проект вообще чем мы занимаемся я смотрел до но не очень подробно потому что много сейчас приглашение много собеседование прям вникать во все не было времени ну смотри вот я прям сходу хочу назначить то что у нас на этом конкретном проекте
00:05:23 - 00:06:53
программиста ну круто гора не то есть мы будем брать человека то вам нужно человек который готов этот проект грубо говоря возглавить нас есть банк есть аутсорсинг вот ну хоть и мотал совсем для тысяч ставлю собственно вопрос как то вообще поэтому но в принципе неплохо можно попробовать где то вообще вел проекты общих принципе но почти все проекты которые я сейчас озвучил я один гол за исключением вот этой корпоративной системы в страховой компании там было несколько разработчиков так сейчас мы дождемся нашего тех
00:06:13 - 00:07:37
директора вообще должен подключиться и и он тело еще по технической части чуть погоняет вообще в принципе так а как час мобильная разработка дела обстоят когда-то пробовала джаву котлин пробовал реактив но прям каких-то полноценных проектов не делал но мы вообще сейчас еще в планах у нас выйти на мобильную сторону это уже одел смог бы ты этим да если например вот тот же react найти в брать то я не понимаю как с помощью него делать приложения так олег это вот максим на пробег очень приятно наш тех директор и вот он
00:06:59 - 00:08:45
собственно сможет вопросам позадавать технического характера так а если мы от найти мобильное приложение вы с гибридными приложениями когда-то сталкивались не знаете что это такое с гриб перед ними имеется ввиду с 1 платформенными или но гибридное это которое фактически это веб-приложение которые просто завёрнут от контейнер который запускается на нативный платформе ну progressive web applications не понял но я годика наверно полгода назад где-то ковырял пробовал но глубоко в тему нее не вникал
00:07:54 - 00:09:30
типа прогресса один одна из технологий для этого вот использовали карту [музыка] ну это так это как бы из наших лучших практик может быть здесь мы что-то другое затем сделать react нити вы можете рассказать немножко про свой опыт с ним тогда что вы делали и окна этих это просто было обучение в основном как я уже говорил я специализируюсь на веб-разработки это но джесс react его регулярно соответственно понятно обман модули как только в дело ну да у меня вот был опыт на фрилансе я делал пару проектов от начала до конца
00:08:46 - 00:10:28
вот они на ноги были ok хорошо от тогда можете рассказать что такое туриста воопиик как можно построить приложение соответственно в чтобы но с бэком общалась через это ростовая пик конечно да ну rest api это можно сказать это не протокол это некоторый формат который подразумевает клиент-серверное взаимодействие ну либо же взаимодействие server server но общем формат обмена данными чаще всего в качестве формата используется jison на сервере есть набор ручек on point of по которым мы соответственно можем какие-то данные
00:09:41 - 00:11:16
получать отдавать изменять зависимости от того что нам нужно и какие ручки поддерживаются у кого-то шумит очень сильно звук и я из-за этого мыслителя я попробую отключался да лучше снова спасибо соответственно чаще всего растопи подразумевают взаимодействие по http если надо подробнее могу прожить и теперь рассказать да давайте очень интересно как нас дождь и теперь это протокол прикладного уровня который есть скажем так заголовки строка запроса и метод метод и тело методы это у нас get past but дэвид патч общин и так далее но
00:10:33 - 00:12:05
основные вот как раз первые четыре которую я озвучил строка запросы то соответственно адрес по которому мы отправляем запрос заголовки это различные хедиры в которой мы помещаем какую-то опциональную информацию о кен контента и потом длительность жизни кук и так далее и тело запроса это непосредственно данные которые мы передаём в пост или путь запросе для того чтобы создать какой-то ресурс или его обновить если кратко то как то так прекрасно да а с какими методами защиты api как вы использовали
00:11:23 - 00:12:46
безопасности вы сталкивались там можно эти какие нам арестовым api и как его обычно закрывают и вы имеете ввиду cars цср fxs или вы имеете ввиду индикацию авторизацию скорее второе второе есть два таких самых распространенных сценарий это либо цессии либо авторизация потоки ну с этим словно у нас есть база данных в которой мы храним соси каждого пользователя и в куках получаем какую-то нужно для нас идентифицирующую информацию по которой мы можем эту сессию проверить и есть еще второй способ который сейчас
00:12:08 - 00:13:43
наверно более популярным лучше подходит для микро сервисной архитектуры это авторизация через океан или aus протокол чаще всего используется 9 talkin' соответственно мы в заголовке запроса передаем какой-то токен начинается все с того что мы вводим логин пароль сервер для нас создаёт пару токина free wi-fi access и мы с этими токи номер работы в один у нас нужен для того чтобы перезаписать access token ну то есть refresh токен служит для того чтобы перезаписать access talkin' а с помощью access пекином и соответственно получаем
00:12:56 - 00:14:06
доступ к ресурсу в этот токен вшиваются какие-то данные пользователи там и идиш ник и в роли например и по этим данным сигару же может конкретного пользователя распознать хуже хорошо отлично скажите давайте про там про react немножко поговорим значит какую основную проблему решает react самая такая глобальная проблема react позволяет работать с данными и и не сосредотачиваться на работе с дом деревом то есть если мы разрабатываем без фреймворка используем нативный java script нам всегда надо следить за тем
00:13:31 - 00:15:04
чтобы наш ю ай совпадал с данными с которыми мы работаем то есть нам надо обновлять но воды следить за тем чтобы у нас появлялись там новые элементы на странице реакцию очередь же позволяет во первых там много оптимизирующих механизмов которые позволяют избежать личных перерисовок когда или относим это не вникать так более глобально на это все посмотреть то ряд предоставляет нам удобно яппи работа с состоянием и мы можем сосредоточиться именно на работе с данными и не следить за изменениями в том дереве это сделать для нас
00:14:22 - 00:15:37
хорошо вот такая задачка например на реакции если вам нужно сделать бесконечный scroll называется афинити scroll там основные принципы буквально которые вы использовали для того чтобы его сделать как как какие проблемы могут возникнуть вот и как как бы вы их решали но есть два основных сценария первый плохой который уже лучше не использовать это привязываются к scrolls страницы и следить за тем когда мы доходим до края страниц и соответственно в этот момент вызывать какой-то call back подгружать
00:15:03 - 00:16:25
данные и второй способ более актуально это использование interception api который позволяет нам отслеживать момент когда какая-то часть интерфейса попадает видимую зону браузеры и соответственно с помощью паттерна которые там используются обзор ли мы можем это отслеживать и выполнять нужные для нас действия и когда мы доходим до края странице например мы начинаем следить за последним элементом списке или же делаем какой то невидимый блок который в самом низу находится и только когда он попадает в зону
00:15:45 - 00:17:06
видимости окна браузера мы можем выполнить какой-то call back so каким-то действиям но в данном случае если это бесконечно скромном надо подгрузить какие-то данные чем рынке хорошо вопросов нет но вот подгрузкой данных это единственная проблема который что-то будет еще если делает кто-то неопытны могут быть какие-то множественные запросы но я думаю речь не про это идет не про это смотрите если мы долго крутим крутим там страницу я понял да я понял у нас происходит много память очень начинает потребляться
00:16:27 - 00:17:44
у нас большой объем данных где-то статья хранится и плюс мы как бы все вот эти элементы они у нас на странице да можно использовать виртуальный scroll который позволяет отрисовывать только те элементы на странице которые находятся в зоне видимости а все остальные они как бы и скрываются что снижает и на оперативку нагрузку и и на процессор поэт какая-то реактор ская штука которую ну вообще я использую насколько помню использовал библиотеку она называется что-то типа react вирт virtual озер виртуалок scroll как-то так я точно уже
00:17:11 - 00:18:31
не помню но это не сложный механизм грубо говоря список оборачиваешь какую-то обертку и используешь но если заморочиться можно и самому конечно такое сделать это велосипед изобретать окей как я хотел спросить давать изобретён велосипед предположим там что это библиотеки нету и столько там базовый react какой чтобы чтобы вы сделали в какую сторону копали но если бы так сходу если сходу так подумать то скорее всего я бы сделал какое-то состояние видимых элементов и следим за теми элементы которые в зоне
00:17:55 - 00:19:26
видимости и накидывал бы там например 10 сверху 10 снизу или плюс 5 и грубо говоря рендерил бы остальные скрывал но это вот прямо с ходу первое решение которых голову приходит в принципе правильное решение даже лучше там не скрывать а просто их чистить из дома ну да я это имел ввиду хорошо отлично так максима можете рассказать немножко про свой опыт работы в команде в каком составе участвовали каких проектах not проекты которые я на фрилансе вел я был единственным разработчикам то что я работал в команде у нас была команда
00:18:40 - 00:20:09
человек действие 11 это несколько бы киндеров несколько front индира впору аналитиков пару тестировщиков ну и соответственно делали один проект хорошо а вот по методологии работу можете рассказать как вы там синхронизировались от куб задачи поставлены но там был да я понял там был классический скрам это доска задачи мы использовали трейла ежедневные стендапы с утра раз в две недели у нас был было ретроспектива sprint 2 недели на соответственно планировались задачи оценивались и в течение спринта
00:19:27 - 00:20:55
выполнялись хорошо так а скажите вот без реактор на чистом java скрипте колледже я прошу прощения чуть отойду если чтобы изменить давай хорошо но наверное не очень надолго нее почти все поспрашивал что что интересно было так по джейк вере есть какой-то опыт у вас нужно ваше отношение к нему но отношений обсказала наверное даже больше сейчас негативное писать какой-то проекте от сейчас на джиг вере не хотел бы после там реактор view он у нас просто используется сейчас на проекте не то что от этого нельзя уйти
00:20:11 - 00:22:03
для этого соответственно какой-то работа над проделать а тут по поддержку делать на на текущем состоянии проекта поэтому сразу предупреждаю шинами нас там внутри так спросить принципе у меня наверное вопросы закончились вот теперь расскажите вы пожалуйста как у вас проходит вот процесс разработки это же методология или или подразумевалось что если я буду единственным разработчикам то есть это все как бы на мне нет смотрители значит единственный разработчик подразумевает то что единственный разработчик фронтах но
00:21:06 - 00:22:35
лично проекте есть команда но есть от бизнеса люди на лице в соответственно бейки здесь есть команда задачи ставит с . ручками тоже работаем над трейла единственная у нас нету как будто кого скрама нет периодичности вот эти вот три зав мы скорее это больше похоже на какие-то релизные поезда до накопите какое количество fitch готова взяли их зарелизили еще тогда вопрос меня по зарплатные вилки потому что вакансия на не указана вы по моим отталкивайтесь от 8 правильно ну окей наш вилку вы входите
00:22:06 - 00:23:51
ну а вот вы оценивают там мой опыт мое знание сколько вы готовы были предложить лет вы можете ответить на этот вопрос да я просто не знаю максим технические вопросы любые можете задать здесь это скорее вот самый спала надо обсуждать от момент возможно мы просто нами после нашего интервью обсудим вместе ли они с чем-то к вам вернутся [музыка] хорошо тогда вопросов вроде больше нет максим есть это вопрос олег но наверное вы тогда не нужны мы можем пообщаться чтобы вас не задерживать спасибо большое да и вам тоже спасибо
00:23:09 - 00:24:49
всего хорошего максим хотела бы уточнить вот если у тебя сейчас есть какие-то предложения по работе до или будут несколько выше выбирайте сравнить ну конечно самое важное это зарплатная рука сейчас у меня вот сегодня еще будет несколько собеседований ну плюс конечно комфорт общения потому что иногда бывает собеседование проходишь но очень некомфортно иногда бывает а ты сразу с людьми как бы волна уловишь и ты понимаешь что тебе уже с ними будет комфортно работать это наверное второй фактор ну и третий
00:24:07 - 00:25:22
фактор буду смотреть также на то чем занимаются конечно люди какая может быть команда какие там цели это тоже важный момент истории про третий пункт вам ясно было очень ответ но в целом я понял да что будет какие требования какая команда я все помню лакей и все-таки вернуться хотела бы заработной плате я проект понимаешь 180000 для вас комфортная сумма честно сказать о просто забыл в резюме поменять и уже сейчас ничего говорить не стал но хотелось бы конечно побольше ну то есть какая сумма нас комфортно
00:24:46 - 00:26:09
существовать для всех же по-разному и найти но я понимаю да ну как бы обычно в вакансии указывается вилка как бы вот еще от конкретного человека там например медиа front-end разработчик там от 150 до 250 сеньор 250 и высшей человек уже от этих рамок как-то отталкивается вот тут вот хитрая ситуация вы не указали ситуация например даму смотрим и и познанием и вообще в целом и очень гибкие да то есть мы можем написать одну сумма вы захотите на 5 тысяч больше подвинемся бы нету такого компания что я
00:25:32 - 00:26:54
не знаю у нас учетка вид белка я не за то 50 60 и все поэтому она и не указано по этой причине поэтому тогда я предлагаю вам с олегом обсудить оценить объективно там мои знания мой опыт и прийти уже вот на вот эту цифру 80000 не смотреть и самим прикинуть сколько бы вы готовы мне были дать и от этой цифры уже будем отталкиваться хорошо если у вас какие-то еще вопросы да нет целом я всё понял вопроса фронте нет но хорошие таким образом мы обсудим и я думаю что до конца недели мы вернемся к ответу хорошо спасибо
00:26:12 - 00:27:41
до свидания буквально в тот же день или на следующий день мне и чар снова написала но честно говоря у меня какого-то желания уже продолжать диалог не было поэтому я ответил вот такой вот фразой и на этом как бы все и вот такой вот собес получился друзья что скажете пишите свое мнение в комментариях как по мне есть какое-то напряжение с деньгами в конце что тоже юля увидят что как бы знание есть явно не стоят они 80000 но вот все равно это вот и вилка заработная не указано ну в общем делают так чтобы не
00:27:03 - 00:28:18
продешевить в общем очень интересно услышать ваше мнение пишите его в комментарии почитаю обсудим подискутируем кстати на экране в течение этого ролика было начало курса по angular у которой на канале так и не вышел он у меня записан три часа отборного материала если вы в комментах дадите мне об этом знать о том что этот курс нужен я его озвучу смонтирую и выложу и опять же 20000 лайков под этим видео я вижу что вам интересно если будет много комментариев то идем проходить собеседование на мидла на
00:27:40 - 00:28:48
сеньора первостепенно все же на сеньора ну а там как получится ну и на этом я с вами прощаюсь увидимся в следующем ролике
00:28:14 - 00:28:31