Полезные ссылки за эту неделю😊

1️⃣Конференция от Яндекса для фронтендеров, которая будет завтра, можно ещё успеть зарегаться
https://events.yandex.ru/events/ya-love-frontend-2023

2️⃣Библиотека компонентов, которая построена на Radix UI и Tailwind CSS. Я уже очень давно хочу попробовать нестилизованную(Radix UI или Headless) библиотеку + tailwind, но лень как-то в это погружаться.
https://ui.shadcn.com/

3️⃣Справочник по Node.js, а так же и по другим темам. Есть и доки и другие руководства и ещё много всего.
https://nodejsdev.ru/

4️⃣State of frontend 2022 - как то прошло мимо меня, изучал только state of js и state of css
https://tsh.io/state-of-frontend/

5️⃣Ну и свеженький подкаст на вечер
Кого и как набирают работать программистами в банк – Алексей Кубко и Елена Демченко | Alfa Digital

👩‍💻 Фигма представили developer mode, наконец-то.

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

Почитать обо всех фичах можно тут ⬇️
https://www.figma.com/blog/introducing-dev-mode/

Мерч от☄️💚

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

Попросили ссылку на блог и по итогу мне выслали мерч.

Изначально худи должна была молочной, но перед отправкой мне сказали, что она больше в розовый отдаёт(хотя там есть прям отдельно розовая), а приехала вот такая, которая прям розовая. Жена уже хочет забрать себе😁

Осознанный поиск работы

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

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

Далее определитесь с инструментом, в котором будете фиксировать всю информацию (например Notion или Excel), и создайте там таблицу, которая будет содержать столбцы, такие как: приоритет, название компании, ссылка на вакансию, контакт рекрутера, даты собеседований, фидбэк, свои выводы по собеседованию и т.д.

Самый важный столбец - приоритет, и их будет 3. О каждом из них я расскажу подробнее.

🟢Низкий - это компании, в которых вы не планируете работать. Скорее всего, это будут большинство компаний, на которые вы будете откликаться на hh, habr и т.д. Они нужны только для тренировки и лучшей подготовки к остальным собеседованиям. Но не стоит забывать, что здесь также есть большая вероятность найти хороший проект и с хорошими условиями.


🟡Средний - компании, в которых вы бы не отказались работать, но они не входят в ваши цели. Например, если ваша цель - работать в бигтех, то здесь вы можете выделить несколько хороших компаний (например МТС, Ростелеком, ВТБ, Точка банк, Учи.ру, Леруа Мерлен и т.д.). Я выделяю ряд отличий от компаний с низким приоритетом ⬇️

1️⃣Серьезнее относиться к этапам собеседований и лучше готовиться к ним.
2️⃣Узнавать в тематических чатах о этапах собеседований. Возможно, найдется тот, кто уже проходил там собеседование и сможет поделиться информацией.
3️⃣Постараться найти людей, которые смогли бы вас зареферить в эту компанию(это самый лучший вариант)
4️⃣Можно напрямую писать рекрутерам в LinkedIn/Telegram о вакансиях, а также мониторить карьерные сайты, на которых откликаться в приоритете перед hh, habr и т.д.


🟣Высокий - компании, в которых вы хотите работать. Здесь нужно делать все то же самое, что и на среднем уровне, но приложить еще больше усилий⬇️

1️⃣Корректировать свое резюме под каждую компанию. Как вариант, можно добавить какие-то инструменты/фреймворки, которые требуются в вакансии, обновить информацию О СЕБЕ, подстроив ее под цели и задачи компании или данной вакансии.
2️⃣Можно и даже нужно писать сопроводительные письма, в которых также выделить свои сильные стороны относительно вакансии.


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

И самое главное - относитесь серьезно к поиску работы, ко всем его этапам, и полагайтесь не только на удачу, но и на свои знания, а это прежде всего подготовка, о которой я писал ➡️ https://xn--r1a.website/frontengineer/30

Полезные ссылки за эту неделю😊

1️⃣Наташа написала несколько интересных наблюдений касаемо собеседований, со многим прям согласен т.к нахожусь по ту сторону экрана
https://threadreaderapp.com/thread/1673697583938633728.html

2️⃣Очередной сборник интересных статей
https://www.joshwcomeau.com/

3️⃣И ещё один
https://fullystacked.net/posts/

4️⃣И еще один, но посвящённый только CSS
https://moderncss.dev/

5️⃣И еще много визуализированных статей, часто всем скидываю, но сюда вроде не выкладывал
https://dev.to/lydiahallie

Полезные ссылки на эту неделю😊

1️⃣Итоги интересного Эксперимента 🕐Волк в овечьей шкуре🕚 по факту всё так и есть, хоть выборка и не такая большая была, но всё явно видно
https://medium.com/@M0rtyMerr

2️⃣Интересная статья про перфоманс, очень советую ознакомиться
https://3perf.com/talks/web-perf-101

3️⃣Прямо сейчас увидел, что АйТи Синяк сегодня в 19:00 проведёт трансляцию, где расскажет про свой курс, интересно будет посмотреть, что в итоге представит. Люблю его контент и надеюсь там будет что-то годное
https://www.youtube.com/watch?v=xHkNQ6qPynM

4️⃣Пока Влад Тен в очередной раз всё удаляет, Разрабы продолжают подкидывать его. Но тут мне больше понравилась интеграция с Авито Тех в первые 2 минуты🫡
https://youtu.be/uCwqp5CKPSU

5️⃣Статья 🕐Как задачи на LeetCode прокачали меня как разработчика, или по-честному про алгоритмы🕚 от разработчицы из Evil Martians, помню она как-то делала тред про литкод и многих вдохновила решать каждый день, в том числе и я пытался тоже, но хватило дней на 50 где-то т.к честно перестал видеть в этом смысл на данном этапе.
https://habr.com/ru/articles/747970/

Два дня отработал в офисе 💚

Пока максимально смешанные чувства. Первый день вроде был продуктивный, а второй уже как-то к середине дня измотался. Связано это конечно больше с тем, что охото и офис поснимать/поизучать походить, а так же и таски закрывать, а ещё и по Мск погулять успеть как-то надо.

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

⁉️Вопросы на собеседовании для работодателя⁉️

Думаю, вы слышали или видели, что необходимо задавать вопросы, но многие просто говорят в конце собеседования: 🕐ну мне всё понятно🕚, но при этом становится понятно только на другой стороне, что вам абсолютно неинтересно, и вы не вовлечены в процесс. Всё это также может оттолкнуть вас от оффера.

Не стоит также забывать, что собеседование — это двусторонний процесс. Задавая вопросы, вы также проверяете компанию/команду и делаете из этого выводы.

Ну и куда же без ссылки, вот десятки вопросов, которые можно задать. Этот сайт буквально посвящён только этому.
https://askabout.company

Работа в офисе Авито💚

Целую неделю я работал в офисе. Это была не спонтанная поездка, а целенаправленная, чтобы сходить на летний корпоратив, и заодно посмотреть на бенефиты, о которых любят говорить на собеседованиях в компании и описывать в вакансиях про свои офисы. Я понимаю, что сейчас не особо удивишь красивым офисом, но попробовать поработать очень хотелось лично самому.


Я остановился в отеле, который находится в 15 минутах ходьбы от офиса, хотя был вариант снять отель в соседнем здании, но предпочел отель получше и чтобы утром можно было прогуляться. Как правило, я приходил самым первым, так как снимал и фотографировал офис, а так народ обычно подтягивается к 9-10 часам. Ниже я немного опишу свои впечатления от всего этого.


Плюсы➕
1️⃣Живое общение. Я лично познакомился с интересными ребятами, с которыми ранее сталкивался при выполнении задач и не только. Я очень люблю живое общение и получаю от него огромное удовольствие, да и таким образом нетворкинг получается намного лучше.
2️⃣Рабочая атмосфера. Да-да, я заметил, что не было бесконечных походов покурить или попить кофе. Все были максимально погружены в процесс работы, обсуждения и т.д.
3️⃣Места для работы. В офисе много этажей, каждый из которых оформлен на разную тематику, что добавляет атмосферности. Можно заранее забронировать место и работать, где душе угодно, даже на летней веранде и даже в норе (два раза отдыхал там, классно очень).
4️⃣Зал и массажист. Ну тут без комментариев.
5️⃣Вкусные приятности. На каждом этаже есть 1-2 кухни, где можно найти фрукты, овощи, мороженое, разные завтраки (мюсли, гранола и т.д.), молоко без лактозы, соки Rich и J7, кофе/чай, энергетики Adrenaline Rush и Red Bull с сахаром и без него... В общем, это было прекрасно.

Минусы ➖
1️⃣Усталость. Заметил, что я уставал очень быстро, и из-за этого страдала продуктивность и появлялась лень.
2️⃣Дорога до офиса. Очень многие тратят 1-2ч на дорогу только в одну сторону, о каких там силах после работы можно говорить - даже не знаю. Для меня действительно самым отталкивающим фактором является именно эта причина.
3️⃣Отсутствие столовой. Очень часто в различных компаниях FAANG и подобных мне попадались видео, где люди приходили в офис и бесплатно(по крайне мере так говорили) завтракали, обедали и ужинали. Здесь же покушать можно только из вендоматов или в кафешках, которых очень много вокруг офиса. Хочу отметить, что компания оплачивает обеды, и в целом этого хватало на бизнес-ланч или бигкомбо😁
4️⃣Отсутствие команды. Я единственный из команды живу в РФ, и если и ходить иногда в офис, то хотелось бы, чтобы там был кто-то из моей команды.


В общем и целом я остался доволен, всё очень красиво и очень продумано, да и сам БЦ приятный, всегда везде чисто (клининг круглосуточно работает). Хотя опыт и был приятным, ходить на постоянной основе в офис я бы не хотел, максимум пару раз в месяц.


Буду рад, если вы поделитесь своими впечатлениями, если работаете или работали в классном офисе.
P.S. В инсте я выложил рилс одного из своих дней (ник evshushkov), буду рад вашим лайкам и подпискам😝

Кстати, у нас открылась возможность попасть на оплачиваемую стажировку, податься можно до 14.08.

Всего будет 6 направлений:
🟡Frontend
🟡Backend
🟡iOS
🟡QA
🟡IT-Security: аналитик-SOC
🟡IT-Security: DevOps
🟡Продуктовый дизайнер
🟡UX исследователь

UPD: Уточнил, что подаваться можно даже если вы не студент, но лучше всего иметь какие-нибудь сертификаты/дипломы о переподготовке.
UPD2:
1) Устройство в российское юр. лицо
2) Нужно иметь разрешение на работу в РФ
3) В день оформления 100% нужно быть в РФ
UPD3:
Так же открылась стажировка на продуктовых дизайнеров и UX исследователей ➡️ https://start.avito.ru/design-internship

Расписывать подробности не буду, можно ознакомиться со всей информацией тут ➡️ https://start.avito.ru/tech

Уже только ленивый не говорил, что Safari👩‍💻 это новый IE👩‍💻 .

Недавно у нас на работе был случай: мы выполнили задачу, протестировали и залили в прод. Нам сразу же стали писать, что в Safari не отображается ссылка(она есть, но прозрачна). Мы выяснили, что это происходит только в версиях Safari ниже 15.5.

В общем, у нас была ссылка, окрашенная в градиентный цвет, который создавался с помощью двух свойств, имеющих уже давно хорошую поддержку (если кому интересно, ссылки на caniuse):
🟢text-fill-color: transparent
🟢background-clip: text

Родителю был задан display: inline-flex, и на первый взгляд всё кажется ок. В начале никто и не подумал, что проблема может быть связана со свойством display. Мы попробовали пару способов, но ничего не сработало. В конечном итоге случайно изменили display на inline-block и - о, чудо - ссылка появилась. Мне стало интересно почему это так произошло, и гугл в этом как всегда помог. Я наткнулся на страницу с багом в движке webkit, который описали ещё в 2017 году, а пофиксили только в версии 15.5, выпущенной в 2022 году. Оказалось, что это не работает так же и с display: flex. Ломается там, где уж точно не ожидаешь😁. Ещё забавно то, что кто-то даже eslint правило писал на это.


Если сталкивались с багами в браузерах, а особенно в Safari, то делитесь!

Сегодня послушал Яндекс субботник. Из 5 докладов мне понравились 3.

🟢Что делать, когда бандл нужно «посадить на диету» - интересно было посмотреть на инструмент для анализа бандла Statoscope.

🟢Сотни компонентов, сотни экспериментов и всего одна страница - тут был доклад про поиск. Действительно было интересно послушать как у них всё организовано и про то, что пробуют слезать с вебпака и тестируют другие сборщики.

🟢Ускоряем Time To Market - а тут просто о том, как быстрее и безболезненнее доставлять изменения в прод, рассказали о разных флоу в работах, которые пробовали.

Ведение бюджета🪙

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


Bank applications
Всё началось с того, что я стал отслеживать свои расходы и доходы через банковские приложения. Фактически, я просто наблюдал за своими расходами и доходами, без какого-либо планирования бюджета и прочего. В итоге плюсов я вообще не увидел, зато минусы были следующими:
🟣Переводы считаются как траты;
🟣Многие магазины/сервисы присваивают неверные MCC-коды, из-за чего банк неправильно распределяет по категориям;
🟣Много счетов в других банках, следовательно, много разных приложений.

Google Sheets
Полноценно вести бюджет я начал только в этом году. После долгих поисков, я почему-то остановился на кастомных Google-таблицах, которые находил у финансовых блогеров. За месяц ведения меня наскучил интерфейс и разрастание таблиц, так как траты были каждый день. Плюс только один, а минусов хватает:
🟢Простота;
🟣Скучный интерфейс;
🟣Сложнее кастомизировать, хотя в целом можно найти грамотную таблицу, которая всё учтёт;
🟣Разрастание таблицы при частых тратах;
🟣Много ручных действий.

Notion
Я стал искать другой инструмент, и выбор пал на кастомные шаблоны в Notion. По факту, было всё то же самое, что и в Google-таблицах, но гораздо приятнее. Вообще я люблю Notion и считаю его наилучшим инструментом для систематизации жизни. Но опять же, минусов больше, чем плюсов:
🟢Интерфейс, можно не сильно зная Notion, создать нужное отображение всех блоков/таблиц;
🟣Сложнее кастомизировать, так как нужно понимать, как устроены все базы данных и как всё связано;
🟣Много ручных действий;
🟣Хороше темплейты стоят дорого, но вы сами знаете где можно найти.

Zenmoney
Когда мне окончательно надоела ручная работа и я столкнулся со всеми недостатками, я решил попробовать приложение, которое мне посоветовали на ретро - Zenmoney. После ресёрча альтернатив, я всё-таки выбрал его. В итоге, за почти 3 недели, я выделил множество плюсов, а минусов пока не обнаружил.
🟢Полная интеграция со всеми банками и автоматическая синхронизация. Подтягиваются все расходы и доходы, а также ваши кредиты, ипотеки и т.д.
🟢Удобное отслеживание всех счетов;
🟢Почти все расходы корректно распределяются по категориям, а если нет, то вручную можно проставить категорию и он запомнит это;
🟢Удобно планировать бюджет на следующий месяц;
🟢Удобно смотреть аналитику по тратам;
🟢Небольшая стоимость подписки/покупки навсегда.


Можно подвести итог. Бюджет веду уже 8 месяцев, и я понимаю, сколько я в среднем трачу денег на ту или иную категорию. Это позволяет мне с уверенностью планировать на будущее все траты.

Буду очень рад, если хотя бы кому-то это поможет.

TypeScript 👩‍💻

С первого дня работы у меня на всех проектах был TypeScript, и я обожаю его настолько, что даже не хочу больше писать на чистом JS. Если даже взглянуть на графики State of JS 2022, становится ясно, насколько TS продвигается. Я вижу лишь одну причину, по которой не использовать TS - это мини проекты.

Для себя я выделил ряд преимуществ, опишу простым языком:

🟠 Статическая типизация - даст тебе по рукам в тех местах, где может произойти ошибка;
🟠 Поддержка в IDE - потрясающее автокомплит, который экономит время;
🟠 Читаемость кода - с помощью типов мы можем явно описать структуры данных и ожидаемое поведение функций. Код становится более понятным и самодокументируемым;
🟠 Онбординг в проект - если ты новичок на проекте, то TS даст понимание проекта намного проще. Я это почувствовал на себе уже несколько раз;
🟠 Рефакторинг - из собственного опыта я убедился, что рефакторинг проходит гораздо быстрее и стабильнее.


❗️TS не исключает возможность ошибок в рантайме, и это не означает, что тестирование становится необязательным, но TS дает дополнительную уверенность в качестве вашего кода.


✏️Полезные ссылки:
Официальная документация TypeScript (EN)
Карманная книга о TypeScript (RU)
Тренировка в типизации на Type Challenges
Полный курс на Udemy (EN)
Полный курс на PurpleSchool (RU)
Расширение для вывода красивых ошибок в VS Code

Ну и мой фаворит - Мэтт Покок, который очень популяризирует TS. Он ведет великолепный Twitter. Автор замечательного курса, который я купил по очень низкой цене еще на заре его создания. Он также создатель библиотеки, которая предоставляет более точную типизацию для множества случаев.


Делитесь в комментариях своим мнением про TS, а так же ресурсами, которые считаете полезными. 👇

Ещё немного про TypeScript 👩‍💻

Недавно я выразил свою любовь к TS в своем посте. Однако вчера создатель фреймворка Ruby on Rails, DHH, опубликовал твит, в котором он сообщил о том, что они полностью убрали TS из своего проекта Turbo.

И естественно это вызвало бурные обсуждения и споры среди экспертов и сообщества разработчиков, но по статистике использования TS и реакция сообщества видно, что адептов TS в разы больше.

Даже Тео сделал PR, чтобы вернуть TS обратно в проект с измененным текстом на основе оригинальной статьи DHH, но в стиле твиттера.

Всех с днём программиста!👨‍💻

Поделюсь историей, как я стал программистом.

Ещё в 2014 году я получил среднее профессиональное образование по специальности ИСиТ.
В 2019 году, работая пожарным, я пошёл учиться на бакалавра, также выбрав специальность ИСиТ, однако я отказался связывать свою жизнь с IT. И только в 2020 году я начал первые попытки, выбрав язык Python. Дойдя до раздела с ООП, я успешно бросил😁

Позже узнал от друга, что он нашёл работу как React Native разработчик. Это меня мотивировало, и я быстро и усердно стал учить веб-разработку по YouTube каналам, уделяя всё свободное время. Поняв, что мне это нравится, я пошёл на курсы по вёрстке и стал лучшим студентом (нас было более 100 человек). Уже тогда я помогал всем ребятам на потоке и проявлял проактивность.

После завершения курса меня порекомендовали в компанию GetCourse, где я немного поработал html-верстальщиком.

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

После стажировки я нашёл свою первую работу, можно сказать, что это был стартап, где делали PIM и WMS системы для взаимодействия с маркетплейсами.

Далее я перешёл в компанию Кефир, которую нашёл через LinkedIn, где работал над множеством внутренних и внешних сервисов.

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