Frontend-пятиминутка: Flex vs Grid
Пока мой опус про интерфейсы настаивается, а видосы монтируются, учреждаю новую рубрику: "Frontend-пятиминутка".
Здесь буду в картинках (и не только) рассказывать про всякие концепты, в основном, касающиеся визуала.
Потрогаем вопросы к собесам, новые CSS-штучки и вообще все:
🟢 на что у меня хватит фантазии;
🟢 и что умещаемо в 10 картинок (иначе это уже будет очень-много-минутка);
Flex vs Grid
Это - типичный собеседовательный вопрос, унылый, как зимнее небо Питера. И на него почти никогда не отвечают правильно.
Ответы у всех, как под копирку: "флекс - это 1 ось, грид - 2 оси".
А оно не так. У флекса, во-первых, 2 оси, фить-ха! А грид - это произвольная сетка, там не в осях вообще счастье.
Смотрите картинки, запоминайте, как это работает, и корректно отвечайте на собесах!
〰️ 〰️ 〰️ 〰️ 〰️ 〰️
А в комментах расскажите мне, с чем у вас самые большие проблемы в верстке, чтобы я сделала карточки про прям наболевшее.
Пока мой опус про интерфейсы настаивается, а видосы монтируются, учреждаю новую рубрику: "Frontend-пятиминутка".
Здесь буду в картинках (и не только) рассказывать про всякие концепты, в основном, касающиеся визуала.
Потрогаем вопросы к собесам, новые CSS-штучки и вообще все:
Flex vs Grid
Это - типичный собеседовательный вопрос, унылый, как зимнее небо Питера. И на него почти никогда не отвечают правильно.
Ответы у всех, как под копирку: "флекс - это 1 ось, грид - 2 оси".
А оно не так. У флекса, во-первых, 2 оси, фить-ха! А грид - это произвольная сетка, там не в осях вообще счастье.
Смотрите картинки, запоминайте, как это работает, и корректно отвечайте на собесах!
А в комментах расскажите мне, с чем у вас самые большие проблемы в верстке, чтобы я сделала карточки про прям наболевшее.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
26🔥72❤20✍9👍8😍3❤🔥1
Как выглядит ваш отклик в списке других на хехехе ру
(все указанные компании, как вы понимаете, ну очень выдуманные, а все совпадения, разумеется, исключительно случайны)
Принесла вам сегодня (и каждый понедельник буду приносить, пока не расскажу все, что хотела) кусочек внутрянки хехехе ру.
В этот раз я покажу, как выглядит карточка отклика в списке других аналогичных карточек, когда эйчар просматривает всех, кто подался на работу.
Что нам тут важно знать и учитывать
1️⃣ Плашка "активно ищет работу" - красивая такая, зеленая и приметная. Если у вас статус типа "Предложили работу, решаю" - плашка будет желтая, мол, опасность, не тратьте время.
〰️ Что это означает для вас: ставьте "активно ищу работу", даже если не ищете особо, а откликаетесь любопытства ради.
2️⃣ Плашка "Подходит по навыкам" - вот тут интересно. Я их видела только с показателем 60% и выше.
Если ваша совпадаемость ниже 60%, плашки просто нет. И профиль начинает выглядеть сиротливо на фоне конкурентов.
〰️ Что это означает для вас: у вас в профиле должны быть указаны самые частотные навыки (соберите 50 вакансий по вашему стеку, вытащите 30 самых частоупотребимых навыков и впедальте себе в профиль).
❗️ То, как вы пишете навык - важно. React и React.js - это разные навыки.
3️⃣ Плашка "Конкретные достижения" - плашка есть не у всех, а только у тех, кого нейронка, встроенная в эйчарский кабинет, сочла "достойным".
Если нейронка решила, что ваши достижения слишком общие или куцые, вы сидите без красивой плашки и обращаете на себя меньше внимания.
〰️ Что это означает для вас: теперь мы пишем достижения не только и не столько для живых людей, сколько под нейроночку, чтобы ей все понравилось.
В следующих выпусках мы поговорим на живых примерах, как получить такую плашку.
4️⃣ Плашка "Есть подтвержденные навыки" - вот помните, была такая чепуха с коллабой с госуслугами и странными тестами, которые многие из нас проигнорили?
Ну так вот, если вы прошли такие тесты, у вас появляется красивая блямба в карточке отклика.
〰️ Что это значит для вас: вам не надо подтверждать вообще все! Хватит 1-2 навыков (лучше 2, на всякий случай), и вы уже молодец.
5️⃣ Плашка "Часто отвечает" - ставится, если вы активничаете на сайте, если не игнорите тех эйчаров, кто пишет вам даже с нерелевантными предложениями.
〰️ Что это значит для вас: ведем себя вежливо, отвечаем вообще всем, кто в нас стучится, даже просто отказом. Нам 2 минуты, а пользы много.
6️⃣ Общий опыт работы vs "Опыт работы в похожих должностях" - теперь хехехе ру показывает, сколько у вас релеватного опыта, а не только какой попало.
То есть, если вы сохраните в резюме "для веса" нерелевантный опыт, лишь бы пройти фильтры, это будет заметно из кабинета работодателя.
〰️ Что это значит для вас: какой попало опыт в резюме вам не поможет, только помешает. Выкидывайте все, что к айтишке не относится.
7️⃣ Возраст - если вы указывали, его будет видно прямо отсюда.
〰️ Что это значит для вас: вы можете скрыть возраст, чтобы не сталкиваться с эйджизмом. Если вы - 40+, лично я бы скрыла.
8️⃣ Последнее место работы - название компании + должность + срок работы в ней + по кнопке "Подробнее о последнем месте" можно увидеть все, что вы написали в резюме про это конкретное последнее место.
〰️ Что это значит для вас: пишем должность, релевантную рынку и обязанностям, а не как у вас в трудовой написано. А последнее место работы прописываем так красиво, чтоб вау-эффект был.
Это, и так, очень важно, а с учетом возможности посмотреть этот опыт, даже не переходя в ваше резюме, тем более, постарайтесь сделать по красоте.
9️⃣ Сопроводительное письмо - если оно есть, появляется ярко-красная иконка.
Пишут не все, примерно 30-40%.
〰️ Что это значит для вас: напишите хоть что-то. Не надо сейчас морочиться с персональными сопроводами, не надо писать огромные нейронко-полотна.
Но если вы хоть что-то напишете работодателю, у вас будет очевидный визуальный маркер, отделяющий вас от других.
〰️ 〰️ 〰️ 〰️ 〰️ 〰️ 〰️ 〰️
Что из того, что я написала, вы уже знали? Что используете? Что теперь унесете в ваши резюмешки?
(все указанные компании, как вы понимаете, ну очень выдуманные, а все совпадения, разумеется, исключительно случайны)
Принесла вам сегодня (и каждый понедельник буду приносить, пока не расскажу все, что хотела) кусочек внутрянки хехехе ру.
В этот раз я покажу, как выглядит карточка отклика в списке других аналогичных карточек, когда эйчар просматривает всех, кто подался на работу.
Что нам тут важно знать и учитывать
Если ваша совпадаемость ниже 60%, плашки просто нет. И профиль начинает выглядеть сиротливо на фоне конкурентов.
Если нейронка решила, что ваши достижения слишком общие или куцые, вы сидите без красивой плашки и обращаете на себя меньше внимания.
В следующих выпусках мы поговорим на живых примерах, как получить такую плашку.
Ну так вот, если вы прошли такие тесты, у вас появляется красивая блямба в карточке отклика.
То есть, если вы сохраните в резюме "для веса" нерелевантный опыт, лишь бы пройти фильтры, это будет заметно из кабинета работодателя.
Это, и так, очень важно, а с учетом возможности посмотреть этот опыт, даже не переходя в ваше резюме, тем более, постарайтесь сделать по красоте.
Пишут не все, примерно 30-40%.
Но если вы хоть что-то напишете работодателю, у вас будет очевидный визуальный маркер, отделяющий вас от других.
Что из того, что я написала, вы уже знали? Что используете? Что теперь унесете в ваши резюмешки?
Please open Telegram to view this post
VIEW IN TELEGRAM
71❤101✍22🔥18❤🔥5🤓1
Frontend-пятиминутка #2: Positions
Разбираем еще один типичный вопрос с собесов: "какие виды позиционирования вы знаете и чем они отличаются?".
Вопрос унылый, как бабка Ленина, но жить нам с ним приходится, и в карточках я рассказала + набросала на квадратиках все, что вам тут следует знать.
Что важно (и об этом я в самих карточках написала, но подчеркну):
〰️ 〰️ 〰️ 〰️ 〰️ 〰️ 〰️
Если у вас есть вопросы по теме - пишите, разберемся.
Если у вас "болят" какие-то вопросы с фронтенд-собесов, тоже пишите в комменты. Потихоньку разберу в пятиминутках!
Разбираем еще один типичный вопрос с собесов: "какие виды позиционирования вы знаете и чем они отличаются?".
Вопрос унылый, как бабка Ленина, но жить нам с ним приходится, и в карточках я рассказала + набросала на квадратиках все, что вам тут следует знать.
Что важно (и об этом я в самих карточках написала, но подчеркну):
Не путайте родителей с предками
Родители - ближайшие предки элемента, буквально 1 уровень выше. Все остальные обертки над ним - предки.
И позиционирование считается от предков любого уровня, отвечающих условиям из карточек.
Если у вас есть вопросы по теме - пишите, разберемся.
Если у вас "болят" какие-то вопросы с фронтенд-собесов, тоже пишите в комменты. Потихоньку разберу в пятиминутках!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
51❤48🔥22👍8❤🔥1
Топ-1 вредных советов для джунов: "просто возьмите фриланс-проект"
Я пришла в большую разработку из многолетнего фриланса (с Upwork) и этот совет на дух не перевариваю.
Сразу видно: говорящий не выходил на фриланс-биржи в последние лет 10 и ни одного проекта там не получил.
Давайте, разбираться, почему это - дурной совет, и на фриланс вам не надо.
1️⃣ фриланс, все равно, не засчитают за коммерческий опыт - и не засчитывали его уже когда я вкатывалась в 20-м году, потому что курсы учили людей врать про фриланс в резюме.
То есть, вы порветесь на флажки, чтобы получить заказы (об этом ниже), а потом эти заказы можно будет в мусорку выкидывать, их не зачтут.
2️⃣ получать первые заказы на фрилансе сложнее, чем первую работу джуном
Важно понять:
🔘 Без портфолио с вами попросту никто не станет разговаривать. Портфолио должно быть именно под фриланс, учебные пет-проекты не подойдут, оно должно выглядеть максимально коммерческим.
Вы всадите в это портфолио уйму времени без гарантии хоть какого-то результата;
🔘 У вас будет жесточайшая конкуренция.
Тут не то что кастомный сопровод писать придется к каждому проекту, наизнанку надо будет вывернуться, чтобы объяснить заказчику, почему нанять надо вас, а не вон того индийца за $3 в час.
Желающих на каждый проект сотни, и прорываться новичку даже с идеальным портфолио - режим поиска, выкрученный в хард;
3️⃣ Вам еще и заплатить придется за все это безобразие
Вопросы высокой конкуренции каждая платформа решает по-своему, и многие опции чертовски циничные, куда там хехехе ру.
Upwork много лет назад столкнулся с тем же, с чем ру-аггрегаторы сталкиваются сейчас: сотни и тысячи откликов, которые невозможно разгрести.
Проблему они решили радикально - сделали подачу на работы платной. Ты покупаешь внутреннюю валюту - коннекты, 1 коннект - $0.15. Подписка на каждую работу - ~20 коннектов (около 3 баксов).
Поиск приличного заказа человеку с раскачанным профилем сейчас встает в ~$200. Стоимость поиска для новичка улетает в космос.
Другие платформы делают платные профили и ставят лимиты на отклики или просто забивают, нехай, в этих голодных играх победит сильнейший.
Upwork на этом не остановился и сделалказик аукцион. Стало можно выкупить топ-3 слота в выдаче откликов к проекту. Как раз, чтобы отчаявшиеся люди получили иллюзию, что их заметят.
Ты делаешь ставку и выкупаешь слот, и твой отклик показывается 1-м. Как только кто-то перебивает твою ставку - ты смещаешься на 2-е место и или вливаешь еще бабла, или остаешься на 2-м, пока кто-то еще не перебьет 2-е место.
В среднем, люди платят по ~$25 за вакансию, чтобы выкупить слот.
Удовольствие для обеспеченных 🤌
А когда идти на фриланс?
Когда вы очень четко понимаете, зачем вам это надо и почему именно туда.
Фриланс - история очень долгая и муторная. Выход на уровень заработка, примерно равный среднему для миддла в айтишке, у вас займет больше времени, чем если бы вы сразу прорывались в коммерческую разработку.
У фриланса есть мощная специфика, которую надо понимать и к которой надо быть готовым.
Сиять и торговать лицом там надо куда как больше, чем в коммерческой разработке (не для "несоциализованных интровертов" история), и софтов там надо на пять километров больше, иначе не вывезешь всех этих заказчиков.
Резюмирую
🟣 не слушайте тех, кто не залетал на фриланс и не работал там плотно в последние ~8-10 лет.
Они несут чушь и, если их сейчас заставить выйти на фриланс и пожить только на доходы оттуда, они не переживут зиму;
🟣 не тратьте время на freelance-first портфолио, оно никак не поможет вам получить первую работу джуном;
🟣 сосредоточьтесь на конкретной цели - зайти в айтишку в желаемую сферу, и не распыляйтесь на чепуху, которую потом даже в опыт записать не сможете;
〰️ 〰️ 〰️ 〰️ 〰️ 〰️
Что сами думаете про этот совет? Есть тут кто-то, кто начинал с фриланса, как и я? Как это вам помогло в карьере?
Я пришла в большую разработку из многолетнего фриланса (с Upwork) и этот совет на дух не перевариваю.
Сразу видно: говорящий не выходил на фриланс-биржи в последние лет 10 и ни одного проекта там не получил.
Давайте, разбираться, почему это - дурной совет, и на фриланс вам не надо.
То есть, вы порветесь на флажки, чтобы получить заказы (об этом ниже), а потом эти заказы можно будет в мусорку выкидывать, их не зачтут.
Важно понять:
Фриланс - не богадельня для безработных джунчиков.
Там не стоит толпа жаждущих дать вам первый проект и помочь начать карьеру. Фриланс - это Дикий Запад, хехехе ру попросту отдыхает.
Вы всадите в это портфолио уйму времени без гарантии хоть какого-то результата;
Тут не то что кастомный сопровод писать придется к каждому проекту, наизнанку надо будет вывернуться, чтобы объяснить заказчику, почему нанять надо вас, а не вон того индийца за $3 в час.
Желающих на каждый проект сотни, и прорываться новичку даже с идеальным портфолио - режим поиска, выкрученный в хард;
Вопросы высокой конкуренции каждая платформа решает по-своему, и многие опции чертовски циничные, куда там хехехе ру.
Upwork много лет назад столкнулся с тем же, с чем ру-аггрегаторы сталкиваются сейчас: сотни и тысячи откликов, которые невозможно разгрести.
Проблему они решили радикально - сделали подачу на работы платной. Ты покупаешь внутреннюю валюту - коннекты, 1 коннект - $0.15. Подписка на каждую работу - ~20 коннектов (около 3 баксов).
Поиск приличного заказа человеку с раскачанным профилем сейчас встает в ~$200. Стоимость поиска для новичка улетает в космос.
Другие платформы делают платные профили и ставят лимиты на отклики или просто забивают, нехай, в этих голодных играх победит сильнейший.
Upwork на этом не остановился и сделал
Ты делаешь ставку и выкупаешь слот, и твой отклик показывается 1-м. Как только кто-то перебивает твою ставку - ты смещаешься на 2-е место и или вливаешь еще бабла, или остаешься на 2-м, пока кто-то еще не перебьет 2-е место.
В среднем, люди платят по ~$25 за вакансию, чтобы выкупить слот.
Удовольствие для обеспеченных 🤌
А когда идти на фриланс?
Когда вы очень четко понимаете, зачем вам это надо и почему именно туда.
Фриланс - история очень долгая и муторная. Выход на уровень заработка, примерно равный среднему для миддла в айтишке, у вас займет больше времени, чем если бы вы сразу прорывались в коммерческую разработку.
У фриланса есть мощная специфика, которую надо понимать и к которой надо быть готовым.
Сиять и торговать лицом там надо куда как больше, чем в коммерческой разработке (не для "несоциализованных интровертов" история), и софтов там надо на пять километров больше, иначе не вывезешь всех этих заказчиков.
Резюмирую
Они несут чушь и, если их сейчас заставить выйти на фриланс и пожить только на доходы оттуда, они не переживут зиму;
Что сами думаете про этот совет? Есть тут кто-то, кто начинал с фриланса, как и я? Как это вам помогло в карьере?
Please open Telegram to view this post
VIEW IN TELEGRAM
71❤63💯24✍10😱5🥰4❤🔥2🏆1
Коллаба с Антоном Назаровым
О чем поговорим с основателем сообщества волков:
🟣 можно ли наниматься "в белую", без накрутки и списываний на собесах, так, чтобы это было эффективно, и зачем париться с этой вашей честностью;
🔵 как нейронайм поменял рынок, как на нем теперь выживать + ряд неочевидных тезисов о найме, о которых мало говорят;
🟢 потрындим о личном: о чем и с кем я срусь в твиттере, что делаю с карьерой и какие планы вообще;
Все приходите, стрим обещается крутой и плотный!
🗓 Когда
12 марта, 18:00
https://www.youtube.com/live/dbscXflQEW0
О чем поговорим с основателем сообщества волков:
Все приходите, стрим обещается крутой и плотный!
12 марта, 18:00
https://www.youtube.com/live/dbscXflQEW0
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Как устроиться в IT честно и эффективно feat Наталия Давыдова
Отринем все волчьи методы и обсудим, как эффективно подходить к найму исключительно с белыми практиками. Как попасть на собес без вранья, пройти собес без списывания, вырасти по зарплате быстрее. Рекомендовано к просмотру всем тревожным или хорошим людям…
10🔥59❤20😱14👍5🤯4😐3😁1🤔1
Forwarded from Осознанная Меркантильность | Антон Назаров
Обсуждаем честные и эффективные методы трудоустройства с Натальей Давыдовой
https://youtube.com/live/dbscXflQEW0?feature=share
https://youtube.com/live/dbscXflQEW0?feature=share
YouTube
Как устроиться в IT честно и эффективно feat Наталия Давыдова
Отринем все волчьи методы и обсудим, как эффективно подходить к найму исключительно с белыми практиками. Как попасть на собес без вранья, пройти собес без списывания, вырасти по зарплате быстрее. Рекомендовано к просмотру всем тревожным или хорошим людям…
🔥32❤4🎉1🐳1🤪1
Онлайн-конфа "Продвинутый React" от Podlodka React Crew
Этот сезон конфы будет посвящен внутрянке реакта: подкапотным механизмам, отладке и профилированию, паттернам построения приложений и серверным компонентам.
Программа отменная, доклады обещаются очень крутые, расскажу о них ниже.
🗓 Когда
23-27 марта, по 1-2 ивента в день.
Все записи останутся!
💙 Для кого
Подойдет всем реакт-разрабам, кто уже попробовал с реактом поработать, набил шишек и хочет апнуть уровень.
🎙 Что будет
Что вас ждет:
🔵 «Concurrent React: Suspense, useTransition, useDeferredValue» - Ярослав Силкин расскажет, зачем все это нужно, в каких кейсах используется и как поможет вам в работе с загрузками и производительностью;
🔵 «Best practices от Vercel — чему они могут научить нас?» - Костя Логиновских разберет внутренние гайды Vercel по бест-практисам реакта и некста, покажет вам на конкретных метриках, что действительно важно делать с кодом, а чем можно пренебречь;
🔵 «Современные паттерны в React-приложениях» - Дима Лимонов поможет разобраться, как не превращать свои компоненты в кучу грязищи, как не вляпаться в неконсистентные стейты и как не делать пропс-дриллинг на 100 компонентов вложенности;
🔵 «npm install malware: тёмная сторона фронтенд-экосистемы» - Анастасия Егорова покажет, как не облажаться по безопасности и не установить себе черт-те что;
🔵 «React Server Components под продакшен-нагрузкой» - Олег Постников продемонстрирует, что такое RSC, чем отличается от SSR, что это вообще такое и как может нам помочь;
🔵 МК «React Performance: что, где и как профилировать в 2026 году» - Виктор Хомяков соберет нам внятную картину профилирования: как измерять перфоманс, как чинить проблемы после измерения и не допускать новых;
➡ Пойдемте вместе слушать крутые доклады! Забирайте early-bird билеты со скидкой, а от меня вам еще промик на 500р NATTI
Этот сезон конфы будет посвящен внутрянке реакта: подкапотным механизмам, отладке и профилированию, паттернам построения приложений и серверным компонентам.
Программа отменная, доклады обещаются очень крутые, расскажу о них ниже.
23-27 марта, по 1-2 ивента в день.
Все записи останутся!
Подойдет всем реакт-разрабам, кто уже попробовал с реактом поработать, набил шишек и хочет апнуть уровень.
Что вас ждет:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤18🔥1