🔼🔼🔼

🟣 ученик за эти курсы отдал охреническую сумму, он - клиент, он заказчик, он ожидает за эту самую сумму получить не только знания, но и сервис;

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

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

Получается диссонанс между требованиями и оплатой, который приводит к вот такому в цитатах:

Студенты могут позволить себе подобные высказывания:

Мне ответит кто‑нибудь? Наставники, алло!

Я уже третий раз переделываю домашку! Сколько можно?

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

Я проработал в таком режиме почти 2 месяца. За это время получил столько негатива, сколько не получал за 7 лет карьеры в IT.

Если говорить о наставничестве как о способе заработать, то тоже нет. Наставникам платят откровенно копейки. Видимо, все ушло на маркетинг 🙂 Чтобы заработать обещанные 150к, нужно было бы бросать основную работу.

🔵 на наставника падает сразу куча учеников, и всем что-то надо, и все бегут-орут из-за диких дедлайнов, установленных на курсах. Там не будет у учеников глубокого погружения (массово), там если выжил и крышей не съехал - уже молодец.

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

Наставничество на курсах не про вдумчивый шеринг знаний, а про то, чтобы хоть немного принести пользы уставшим, задрюченным ученикам, которые после фултайма обычной работы, еще по 25-30 часов в неделю пытаются учиться. И надо очень четко понимать, зачем оно тебе надо - вписываться в это все.

Бывают ли счастливые исключения?

Конечно, да, как и везде.

Но я про общую тенденцию говорю. А еще хочу приложить прекрасные тезисы Валерия Степанова "Почему большинство студентов не заканчивает онлайн-курсы": в статье очень круто описаны проблемы курсов, из-за которых студенты бросают учебу.

Если резюмировать

🟣 менторить сложно. За деньги - еще сложнее. Сразу многих - еще сложнее. Когда ученики платят деньги не напрямую тебе, да еще и чужая инфраструктура - это хард-уровень;

🟡 это не про "понаприходили а айти немотивированные люди", с "мотивированными" (исходя из идеалов индустрии) было бы еще жестче: у них требования были бы в квадрате и к качеству подачи материала, и к качеству менторинга, и к качеству разбора работ;

Так что, господа читатели, наставники, ученики и сочувствующие: берегите кукуху, цените своих менторов/менти, свое время и силы и старайтесь искать нагрузку и учебный формат под потребности и тип мотивации.

Недельный дайджест айтишных интересностей #2

❗️ Важное:

🔥 Мы устраиваем "Тайного Санту"! Можно зарегистрироваться до 15 декабря и напитаться новогодним настроением вместе с нами 🎄;

🔥 На базе нашего сообщества, появился "Вадимов чат для прогулок" - чат для тех, кто хочет регулярно гулять и хочет поддержать других гуляющих и сам получить поддержку. Там не обсуждаем ни код, ни айтишку, только прогулки. Кидаем фотки прогулок, записываем кружочки!

🔥 Прекрасный Виталя Шароватов, мощнейший лид, деврел и человек-машина, написал про наш хакатон у себя в лидовском канале. Спасибо тебе, дорогой! ❤️

✍ Мои статьи и посты:

🟡 Лонгрид для менторов про "Менторинг на работе, личный менторинг и наставничество на курсах" - о том, почему наставничество на курсах куда сложнее, чем менторинг на работе, хотя, казалось бы, должно быть наоборот;

🦄 Мои работы:

🟡Progress Bars Collection - набор из 4 ярких прогресс-баров на HTML/CSS/JS. Их очень удобно использовать в верстке, они собраны в парадигме Single Element, когда в верстку встраивается один тег, а под капотом уже собирается удобная для стилизации кросс-браузерная версия;

📎 Хардовое:

🟣прошла State of JavsScript 2023 - большой опросник о том, какие новые (и не только новые) фичи языка и экосистемы используешь на регулярной основе или какими интересуешься. Когда голосование централизованно завершается, на почту падает классная статистика по ответам.

В чем польза: узнаешь о новых штуках и фичах, вспоминаешь, что хотел бы освоить, но откладывал в долгий ящик. Я для себя узнала про несколько новых методов массивов, отложила посмотреть пару библиотек для анимаций и экосистемных библиотек, передвинула выше в списке на освоение Astro и поиграться уже с WebSocket

🟣 Погромист. Мои самые эпичные провалы за всю карьеру - еще один замечательный и веселый разбор своих программистских косяков разной степени болезненности от сеньор-питониста Александра Гончарова. Про первый разбор я писала в прошлом дайджесте. От души советую, даже если вы - не бэк. И искренне завидую потрясающей, здоровой самоиронии автора.

🌸 Софтовое:

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

Что мне нравится: это не про "тупые пошли студенты, ничего выучить не могут", это про то, как сами курсы (по умыслу ли, по неповоротливости ли) вкладываются в то, чтобы часть людей отсеивалась по ходу обучения

🟢 Доктор Кот: Меня увольняют, потому что я не схожусь с руководителями - свежий выпуск "Доктора Кота" о динамике власти в командах, о том, как субординаты видят работу менеджеров, как менеджеры видят субординатов и о том, почему на этом контрасте расцветают пышным цветом конфликты разной степени тяжести. А еще о том, что делать, если очень бесячий коллега выдает дельные тезисы, а ты хочешь ему эти тезисы засунуть в жопу.

❤️ Красивое:

🟡 Text scroll and hover effect with GSAP and clip - красивый эффект с минимальным присутствием GSAP и очень наглядной работой с clip;

🟡 Future Sticky Navigation with Glass Effect - тут можно научиться, как делать эффект "стекла" с помощью CSS фильтров, а еще тут классный эффект открытия навигации после скролла;

🟡 Easy comparison slider - прелюбопытно сделанная фича сравнения двух элементов с минимальным JS и концептуальным CSS. Можно и нужно разобрать для себя, как эта штука работает и почему;

🟡 Steve Jobs (Animated) - анимированный, собранный на чистом HTML/CSS, Стив Джобс смотрит на вас сурово и укоризненно: почему это вы еще не купили новый айфон? 😄

#наташа_для_джунов_дайджест

Недельный дайджест айтишных интересностей #3

❗️ Важное:

🔥 Прошел Митап Джуниоров #20 - последнее мое мероприятие 23-го года. В программе был доклад для джунов-девопсов и интересующихся «IaC инструменты: HashiCorp Terraform» и круглый стол "“Достигаторство. Плюсы, минусы, последствия”.

В круглом столе участвовали ребята разных грейдов, но всех объединяло одно: все выгорели в угли, как минимум, по одному разу и прочувствовали на себе обратную сторону стремления фигачить 24/7

🔥 Записали с Матвеем Климовским спонтанный подкаст HR-БАЗА от Самокат Tech, причем без иронии - посмотрели отличное видео по тому, как проводить собесы от HR Samokat_tech Влада Шаргина, прокомментировали, поболтали про собесы и вспомнили (не)забавные кейсы из своей практики.

📎 Хардовое:

🟣Прошла State of CSS, 2023 - формально, опрос завершен, но все вопросы и статистику можно посмотреть. Чем вам это может быть полезно: вы узнаете об огромном количестве новых крутых штук в CSS и крепко пополните список на изучение. Лично я не знала около 95% инструментов, которые вышли за последние 2-3 года, а там, скажу я вам, до чертиков полезного. Советую от души.

🟣 Жизовый микрокомикс об отношении фронтенд-разработчиков к CSS. Ни добавить, ни убавить.

🌸 Софтовое:

🟢 Отличная статья о том, как работают агентские рекрутеры от Анны Зайцевой.

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

А еще Анна рассказывает, как должен выглядеть телефонный скриниг здорового человека, и зачем вводить в него технические вопросы.

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

❤️ Красивое:

🟡 3D Little Bakery - очаровательная 3D-сцена пекарни на Three.js. Уютная, классная, волшебная штука.

🟡 Pure CSS: Scroll-driven Animations (Responsive Webpage) - охренительный пример скролл-анимаций на новейшем CSS без капли JS. Стоит того, чтобы разобрать по косточкам и понять, как эта магия работает

🟡 Parallax Seasons - симпатичный маленький параллакс с сезонными картинками на GSAP. Если хотите поиграть с параллаксом, отличный пример для повторения и изучения

🟡 Long & Short Giraffe Neck - мультяшный жираф на чистом CSS, с трогательной анимированной шеей. Я влюбилась просто!

#наташа_для_джунов_дайджест

Опрос для тех, кто проводит собесы: расскажите о ваших факапах

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

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

Итак, господа собеседующие:

1️⃣ расскажите про свои самые дивные, самые дурацкие факапы с собесов? Где вы наерундили и как сейчас это воспринимаете?

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

Фронтенд-инструменты для пет-проектов

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

Основные боли у тех, кто делает проект:

▪️откуда взять референсы дизайна и как ими пользоваться?

▪️как собрать нормальную палитру?

▪️что делать, если хочется сложных форм?

▪️как быть с анимациями?

▪️как потестировать в разных браузерах? (в более старых версиях, в Сафари итд)

Итак, двигаемся по порядку.

1️⃣ Откуда брать референсы

Предположим, вы хотите сделать самый типичный проект - тудушку. Лучший способ поймать дизайнерское вдохновение - обратиться к опыту профи, а стало быть - пойти на Behance, куда дизайнеры выкладывают свои концепты.

Вы приходите на Behance, забиваете в поиске 'Todo List' и смотрите, что понравилось. Останавливаетесь, например, на таком варианте. А что дальше?

‼️Важно: нельзя просто так снимать 1 в 1 чужие дизайны без указания авторства. Обязательно в репозитории проекта давайте ссылку на автора.

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

Теперь перед нами стоит 2 основных вопроса:

▪️ Как "снять" с референса размеры, чтобы у нас было более-менее все нормально с визуальной частью

Тут ваш лучший друг - экранная линейка. Лично я очень люблю расширение Page Ruler для Хрома.

▪️ Как "снять" палитру, чтобы не подбирать на глаз

Тут нам нужна пипетка, у меня - ColorPick EyeDropper (тоже для Хрома)

2️⃣ Что делать, если палитра нужна другая

Тут есть сразу 3 прекрасных инструмента.

▪️ Coolors поможет, в принципе, подобрать цветовую гамму из подходящих друг к другу цветов.

Его фишка в том, что вы можете "закрепить" в палитре какой-то цвет, и сервис будет подбирать вам остальные так, чтобы подходили к выбранному.

▪️ Если вам нужно красиво разложить цвет на оттенки от светлого к темному, вам нужен UiColors

Сервис делает красивую раскладку из 11 оттенков на каждый цвет с равномерным "шагом" между ними + покажет сразу, как эти оттенки будут работать в UI

▪️ Если вы хотите классных, современных градиентов, вы можете пойти, опять же, на Coolors и взять из уже готовых. Там прям можно сразу скопировать CSS-код. Кроме того, есть ручной генератор для большего контроля

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

3️⃣ Досыплем анимаций!

Итак, мы определились с палитрой и отступами. Дальше вопрос: хотим добавить каких-то прикольных анимаций, но сами или не умеем писать, или, опять же, нужно вдохновение.

Вам тогда к Animate.css: штука простая, легкая, удобная.

Я когда-то экспериментировала с ней и делала концепт кнопки Load More с анимированной подгрузкой элементов (анимации брала, как раз, из Animate.css), можно посмотреть, как это работает

4️⃣ Как сделать объекты сложной формы

Предположим, вам захотелось в качестве украшения использовать сложные формы. Тогда вам в Fancy Border Radius.

С помощью удобных переключалок и контролов он дает офигенную гибкость в создании элементов.

5️⃣ Тестируем кроссбраузерность

Теперь надо потестировать наше творчество в других браузерах, а то мало ли, где что съехало или отвалилось.

Если вам нужно потрогать более старые браузеры/живые девайсы (например, айфоны) или пресловутый сафари (а у вас винда), вам на LambdaTest.

Это платная штука, но все такие тулзы платные. Стоит она примерно вдвое дешевле, чем BrowserStack, и покрывает все нужды кроссбраузерного тестирования. За последние годы даже и не помню, где бы мне с ней было не ок.

Собственно, это все, что я хотела рассказать на сегодня.

Всем классных пет-проектов, красивых дизайнов и творческой атмосферы 🤌

Недельный дайджест айтишных интересностей #4

❗️ Важное:

🔥 Матвей Климовский разыгрывает места на 4 бесплатных мок-собеса для джунов-фронтов: единственное условие, что собесы эти будут публичными. От вас надо пройти по ссылке и тыкнуть в голосовалку, а дальше рандомно будет выбрано 4 человека;

🔥 Виталя Шароватов запускает некоммерческий опен-сорс для приютов для животных. Ищет ребят любых грейдов (джуны без опыта - еще как велкам) для разработки проекта. Если хотите поучаствовать в классной инициативе под надзором мощнейшего лида - пишите Витале в комменты под постом по ссылке.

✍ Мои статьи и посты:

🟢 Фронтенд-инструменты для пет-проектов - рассказываю про прикольные тулзы, которые помогут вам сделать красивый пет-проект: откуда взять референсы и как с ними работать, как подобрать цвета, формы и анимации, и как потом потестировать кросс-браузерно получившуюся штуку.

📎 Хардовое:

🟣 Realtime Colors - отличный сервис для тестирования цветовых палитр. Вы выставляете цвета шрифтов и темы, выбираете (если хотите) сами шрифты и на предустановленных примерах (дашборд и пост в блоге) смотрите, как ведет себя эта самая палитра в боевых условиях.

🌸 Софтовое:

🔵 Доклад: Феномен самозванца: как его осознать и пережить от Евгения Кота - пока лучшее, что я видела на тему синдрома самозванца, по которой, казалось бы, еще только ленивый не высказался.

Почему стоит смотреть этот конкретный доклад: он IT-based, затрагивает именно уникальные для сферы аспекты, он очень внятно структурирован и без советов типа "просто станьте увереннее в себе".

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

Подкаст получился спокойный, нейтральный, уважительный и непровокационный. Эта тема тоже затрагивается, кстати.

❤️ Красивое:

🟡 Box Shadow Stardew Valley Chicken - курица из Stardew Valley нарисована пиксель-артом в один div. Искусство 🤌

🟡 Glowy Hover Effect - простая и неброская таблица... пока не начинаешь наводить на нее курсор. А как наводишь, видишь охренительный градиентный ховер-эффект. Сделано на ванильном JS.

💡 Идея для пет-проекта: повторить такую штуку на вашем фронтенд-фреймворке (не копируя авторский код).

🟡 Background Slider - берем простой советский Swiper и немудреный клиппинг для анимации и получаем чертовски эффектный фулл-скрин слайдер (работает на скролл мыши и дрэг, картинки могут грузиться долго). Ай, хорошо как вышло!

🟡 CSS Responsive Scroll-Driven Text Reveals (modern browsers, Chrome 115+) - раньше такую анимацию можно было сделать только через JS, и я не могу поверить, что все, больше для ряда скролл-анимаций не нужны скрипты, CSS достаточно

#наташа_для_джунов_дайджест

Пост о том, как я пишу конспекты

Для меня конспекты - неотъемлемая часть работы с информацией: не важно, курс это по IT, статья или образовательное видео, не имеющее отношения к профессиональной деятельности. Расскажу о том, как их делаю, чтобы они мне помогали.

Мои методы работы с информацией упираются в то, какие я себе ставлю цели.

У меня нет цели пробежать как можно больше информации за как можно более сжатые сроки: лично для меня это непродуктивно. Я поглощаю меньше контента, но фокусируюсь на том, чтобы его хорошо понять, уложить и подготовить к использованию.

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

Сначала я расскажу, как, в принципе, строю конспект, а потом расскажу, как работаю с отконспектированными данными

Построение конспекта

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

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

🔜 Пример такого конспекта прикладываю ссылкой.

1️⃣ Структура

Одна тема у меня расположена на отдельной странице, и навигация в ней сделана с помощью Table Of Contents в ноушне, автоматически генерируемой из заголовков. Похожую штуку можно сделать в любом другом электронном сервисе мануально. Смысл в том, чтобы у вас было иерархическое содержание контента.

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

2️⃣ Уникальность формулировок

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

На этапе этой переформулировки:

🟢 чувствуешь слабые места в понимании конспектируемого тезиса;

🟡 больше на нем концентрируешься, лучше воспринимаешь и запоминаешь;

Простое копирование быстрее, но "работает" в средне- и долгосрочной перспективе куда хуже

3️⃣ Цветовое выделение

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

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

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

4️⃣ Ориентация на практику (опционально)

Если я конспектирую что-то, я пытаюсь дополнить (где это необходимо) конспект скринами, схемами, кусочками кода с пояснениями или "песочницами" с кодом, могу записать видео из браузера, сформировать "до - после" итд.

🟢 это помогает обогатить конспект и сделать его более пригодным для дальнейшей работы;

🟣 пока вкладываешься в разнообразную подачу информации, трогаешь ее руками, нащупываешь слабые места в своем видении, экспериментируешь с ней;

Когда конспект готов - это только полдела. Вторые полдела - не дать информации вылететь из головы.

Для этого использую:

🟣 саммаризацию;
🟡 повторяемость;
🟢 доосмысление;

1️⃣ Саммаризация

Отконспектировала главу/логический кусок/раздел? Останавливаюсь и в моменте повторяю, что я только что прошла (по возможности, не подглядывая в конспект).

Закончила на сегодня конспектировать в принципе этот источник? Повторяю то, что сегодня по нему узнала.

🔽🔽🔽

🔼🔼🔼

2️⃣ Повторяемость (опционально)

Информацию, которую проходишь, далеко не всегда в полном объеме (особенно, если это что-то теоретическое) используешь ежедневно, и она начинает выскальзывать из головы.

Чтобы не терять то, что мне важно помнить (например, для собесов), я делаю так.

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

Перечитывание материала считается самым непродуктивным форматом повторения

Я рассказываю про себя материал, опираясь на table of contents, и потом проглядываю конспект на предмет пропущенных деталей (тут пи приходит на помощь цветовое выделение). Пропущенные детали саммаризирую отдельно.

3️⃣ Доосмысление (опционально)

Это поможет отложить какие-то важные для вас концепты и аспекты на макро-уровне.

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

🟡 еще отлично работает превращение конспектов в другой контент: посты, статьи, видео, в которых делишься тем, как обработал, осмыслил, скомпилировал несколько источников;

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

В краткосрочной перспективе все эти шаги замедляют работу с информацией. За то время, которое я читаю одну книгу, кто-то прочтет пять.

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

А как вы работаете с конспектами и информацией? Расскажите, пожалуйста!

Недельный дайджест айтишных интересностей #5

❗️ Важное:

🔥 Вот тут ищут отличного верстальщика на проект. Нужна только верстка, но в идеальном соответствии с макетом. Писать автору сообщения.

✍ Мои статьи и посты:

🟢 Написала объемный пост в двух частях про то, как делаю конспекты, чтобы они не валялись потом мертвым грузом и не покрывались пылью. Рассказываю, как формирую их читаемыми и удобными и что делаю, чтобы регулярно к ним возвращаться;

🦄 Мои работы:

🟡Сделала красивый "стеклянный" таймер: функциональность минимальная, но получилось чертовски классно визуально. Если вам понравилось, буду рада звездочкам на гитхабе;

📎 Хардовое:

🟣 Открытое техническое собеседование на джуна-фронта - это просто прекрасный образец сразу для двух целевых аудиторий.

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

Для начинающих собеседующих: вы увидите, как собеседовать НЕ надо. Очень душный, очень затянутый собес, в котором собеседующий постоянно пытается "подловить" человека, сбивает его с толку странными формулировками вопросов (а часть вопросов вызывает недоумение одним своим наличием), морально поддавливает. Посмотрите и сами так никогда не делайте.

🟣Отличная статья для фронтов, которые хотят сделать дизайн своих петов лучше - 16 little UI design rules that make a big impact. Автор берет неудачный дизайн карточки продукта и в 16 маленьких шагов улучшает, объясняя, почему важен тот или иной подход. Если будете выполнять рекомендации автора, ваши дизайны станут куда приятнее, четче и проще для восприятия.

🟣 Browser Event loop: micro and macro tasks, call stack, render queue: layout, paint, composite - я видела много материалов по Event Loop в JS, но этот - лучший. Очень подробный, очень понятный, выходит за рамки простого: "ну есть вот макро- и микротаски, ну и все". Статья огромная, с рисунками и схемами, и стоит каждой потраченной на нее минуты.

🌸 Софтовое:

🔵 Очередной взгляд на собеседования. Часть 1 - очень классный и продуктивный взгляд Миши Толстого из Ozon Tech на собеседования с лайвкодингом. Он рассказывает, зачем ему на собесах нужен лайвкодинг и из каких принципов он подбирает задачи. Исключительно здравый подход + рекомендации для читателей по формированию лайвкодингов;

🔵 Улучшая performance review - статья от Егора Толстого, создателя Podlodka, о том, как он конструировал систему Perfomance Review для Avito. Почему вам это может быть полезно: вам станет немного яснее, как подобные этой системы выглядят изнутри и что все чуть сложнее прямолинейного "хорошо поработал -> хорошие отзывы -> повышение";

🔵 Как найти работу с помощью креативных откликов - эпизод подкаста Киры Кузьменко "Собес", в котором они с гостьей обсуждают, как можно сделать нестандартные отклики на вакансии.

В чем плюсы именно этого выпуска относительно аналогичных материалов:

🔘здесь обсуждаются, среди прочего, варианты для джунов не в вакууме, а реально приводящие к получению работы;

🔘 здесь обсуждаются трейд-оффы такого максимально персонализированного подхода и его минусы;

❤️ Красивое:

🟡 CSS scroll-driven animation timer - очень простой и наглядный пример новой работы со скроллом на чистом CSS. Скролльте страничку, смотрите эффект и разбирайте, как он работает;

🟡 mix-blend-mode fixed button - маленький эксперимент с blend-modes. Открывайте пример, скролльте вниз и смотрите, как классно меняется кнопка 'Order Now';

🟡 Trending Photography Banner Concept - очень стильный концепт Hero-секции или главной страницы. Минимум JS, крутые и аккуратные анимации;

🟡 Focus Effect - симпатичный, простой и эффектный фокус с blur и масками. Сделан с минимальным JS, чисто на современном CSS. Советую его "распотрошить" и попробовать повторить;

#наташа_для_джунов_дайджест

Про положительный фидбек

Благодарите коллег за хорошую работу и приятную коммуникацию, не стесняйтесь.

Да, это их обязанность: делать нормально и быть адекватными, но почему бы не похвалить от души того, кто свои обязанности добросовестно выполняет? То, как люди расцветают от "спасибо" или комплимента - бесценно 🤌

Я за то, чтобы хвалить (заслуженно) всех, до кого дотянешься: лида, коллег, субординатов, менторов, учеников, собеседующих, собеседуемых, авторов помогающих учебных материалов, видосов и статей. Короче говоря, всех, кто прямо или косвенно постарался, чтобы тебе было хорошо и полезно в моменте.

"Спасибо, что ты классно сделал вот это" - требует от написавшего капельку тепла и минимум личного времени, зато радует и вдохновляет того, чьи усилия заметили и оценили.

☹️ Как не надо

🟣 хвалить обезличенно, сразу многих, особенно, если эти многие овертаймили или еще как-то особенно вложились. "Коллеги, вы отлично закрыли спринт, вы молодцы!", кинутое в общий чат, вызовет у переработавших коллег предсказуемое сгорание жопы;

🟣 хвалить покровительственно. "Ну ты неплохо справился для джуна" - и джун захочет в следующий раз "неплохо справляться подальше от вас";

🟣 хвалить гипертрофированно. "Твой код - лучшее, что я когда-либо видел, гениально, беллиссимо" - если это, и впрямь, не роспись Сикстинской капеллы в кодовом эквиваленте, ваш собеседник решит, что вы над ним издеваетесь;

🟣 хвалить "с говнецом". "Ну наконец-то ты хорошо провел планирование спринта!" - а в смысле, а почему "наконец-то"? а раньше было плохо? Вместо того, чтобы порадовать, вы только спровоцируете негатив, а то и комплексов человеку наделаете;

✔️ Как надо

🟢 лично, выделяя заслуги человека. Даже если отлично справилась целая команда, пишем прочувствованное письмо и хвалим всех поименно (а если вы по каким-то причинам хотите похвалить не всех, лучше писать в личку людям по отдельности);

🟢 за дело. Это требует навыка выделять конкретные старания конкретного человека, но этому можно быстро (а главное, приятно!) научиться;

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

Примеры:

🔘"Маша, спасибо, что закрыла задачу раньше срока, продакт порадовался!";

🔘"Петя, твои дизайны новой фичи просто огонь, мне очень зашла новая модалка!";

🔘 "Вася, ты круто провел ретро, было очень полезно: формат кораблика помог выявить больше проблем";

🔘 "Автор, спасибо за классную и структурированную статью! Я лучше уложил в голове Event Loop!";

Хвалите людей: это и им, и вам будет и полезно, и приятно. Сажайте в чужие сады ромашки, радуйтесь, когда посадят в ваш: жизнь станет радостней и теплей, а коллеги/менторы/субординаты/авторы контента - счастливей.

Что означает "хорошо проходить собесы"?

Мы регулярно встречаем посыл "нужно уметь хорошо проходить собеседования"

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

*️⃣ Дисклеймер

Вы не обязаны вкладываться в навык прохождения собесов, чтобы построить карьеру: бывают другие, более нишевые, варианты.

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

Так вот, из чего складывается хорошее прохождение собеса? О каких навыках мы говорим?

1️⃣ Умение четко, внятно, интересно, не растекаясь мыслью, рассказать о себе и своем опыте

Нужно уметь отдельно презентовать себя эйчару, отдельно - на техсобесе, отдельно - для этапа culture-fit с лидом/командой. Это три разных формата (расскажу побольше на следующей неделе).

Самопроверка:

🔜 возьмите человека не из айти (или, хотя бы, не из смежной с вашей сферы), поставьте таймер на 2 минуты и расскажите, чем вы занимались на прошлом месте работы. Если вы уложились, если человек все понял и ему было интересно вас слушать - вы на верном пути;

🔜 возьмите человека из вашей сферы, с которым вы раньше не обсуждали работу (не коллегу), ставьте таймер на 2 минуты и рассказывайте про прошлое место работы, но уже технически. Если вы уложились, человек все понял, ему интересно и хочется продолжать - вы молодец;

2️⃣ Умение ответить на вопрос "почему вы меняете место работы?"

Тут все прозаично: на этом месте неподготовленный человек теряется и начинает нести что-то странное про "мне не дают расти", "хочу много денег" и "плохая команда". Не надо так.

Самопроверка:

🔜 попробуйте вслух на запись или другому человеку за 1 минуту объяснить, почему вы уходите с прошлого места работы, не скатываясь в жалобы на работодателя или "меняю ради бабла". Можете погуглить, как лучше отвечать на эти вопросы (я бы гуглила в англонете)

3️⃣ Умение нормально назвать вилку (особенно - вслух)

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

🔜 попробуйте наедине с собой несколько раз вслух сказать, какая вам нужна вилка. Это подчас даже вне собеса чертовски сложно. Если сможете держать твердый, позитивный тон, не сутулясь и не отводя глаза от камеры, это - первый шаг в нужном направлении;

4️⃣ Умение держать себя в стрессовой ситуации дружелюбно, позитивно, не сидеть ссутулившись с кислым лицом

Казалось бы, пустяк, но вы удивитесь, сколько людей это не умеют.

Самопроверка:

🔜 попробуйте записать на OBS любой ваш следующий собес и пересмотреть: кого вы там видите? Какого человека? Он приятно себя ведет? Он выглядит социальным? Какое он производит впечатление?

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

5️⃣ Умение отвечать на вопросы (и технические, и поведенческие), не теряя фокуса и не расползаясь мыслью на полчаса

Люди начинают рассказывать про прошлый опыт работы, а через две минуты находят себя вещающими скучающим собеседующим про свой школьный опыт с Паскалем.

Самопроверка:

🔜 берите любого стороннего человека, кто согласится, берите список типовых вопросов с собесов, ставьте происходящее на запись и просите вам рандомно эти вопросы задавать.

А если вы отклоняетесь от темы, чтоб он вам сигналил. Посчитайте количество сигналов. Если их не было, вы - молодец.

🔽🔽🔽

🔼🔼🔼

6️⃣ Умение отвечать на поведенческие вопросы концептуально

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

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

Самопроверка:

🔜 забивайте в гугл "behavioral interview questions" и пробуйте ответить на них по списку самому себе. Если у вас на все такие типичные вопросы готовы кейсы, вы - молодец.

7️⃣ Умение расширенно подавать свой технический опыт и линковать его к теоретическим вопросам

Ваш технический опыт тоже стоит разобрать на кейсы: какие задачи вы решали? какой импакт на метрики был (если знаете его)?

Желательно, как минимум, иметь кейсы, как вы что-то разрабатывали с нуля и как вы что-то улучшали, что уже было.

Кроме того, помнить небольшие технические кейсы, которые могут проиллюстрировать ваши теоретические ответы (типа "а на практике я SOLID применял вот так"). Они у вас будут не на все вопросы (и это нормально), кроме того, есть такие вопросы, к которым, при всем желании, опыт не приплести. Но важно иметь хоть что-то, а для этого - потрясти свой опыт и постараться вспомнить, а что вы делали вообще.

Самопроверка:

🔜 берете человека из вашей сферы, с кем не обсуждали пока работу, и пробуете ему кратко (2, край - 3 минуты) презентовать свои большие кейсы

Если уложились в нужное время, и у человека не скучающего замученного лица от вашего монолога, вы - молодец;

🔜 берете список типа "100 вопросов фронтендеру" и пробуете отвечать, вспоминая к ним практику. Если сможете хоть на часть вспомнить, вы - молодец;

8️⃣ Умение отвечать на практические вопросы (лайвкодинг, вайтборды) и не трястись от этого, как заяц

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

Самопроверка:

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

Если справляетесь со стрессом и делаете это без трясучки и запинок (даже если не решите задачку), вы - молодец.

9️⃣ Умение переживать локальные фейлы

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

Самопроверка:

🔜 тут нужно или записывать свои собесы на OBS и смотреть, как вы себя ведете, или искать публичные моки и вписываться в них. А дальше смотреть, как вы себя ведете, если что-то пошло не по плану;

Вот мы и разложили "умение хорошо проходить собеседование" на отдельные базовые навыки.

Я много аспектов не затронула, потому что это тогда талмуд получится, а не тред. Про это будут позже другие лонгриды. Но, в общих чертах, как-то так выходит.

Хороших вам собесов, друзья 🌸

Недельный дайджест айтишных интересностей #6

❗️ Важное:

🔥 Напоминаю, что у нас есть чудесный питерский чат для сходок. Мы собираемся каждую субботу, но можно найти ребят для посиделок в кофейне/баре/на митапе в любое удобное вам время. ⚠️ на входе в чат капча с простым арифметическим примером. Если не пройдете, вас выкинет.

✍ Мои статьи и посты:

🟢 Про положительный фидбек - пост о том, как хвалить людей, чтобы порадовать их, а не демотивировать и не оттолкнуть от себя. 4 антипаттерна, 3 бест-практиса, примеры;

🟢 Что означает "хорошо проходить собесы"? - большая статья о том, на какие навыки распадается умение "хорошо проходить собесы", о том, как проверить, есть ли у вас эти навыки по отдельности и о том, как их прокачивать, опять же, по отдельности, чтобы от этого был толк;

📎 Хардовое:

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

🌸 Софтовое:

🔵 Что я понял о разработке начав общаться с бизнесом - маленький, но чертовски полезный пост Кирилла Мокевнина о разнице между атмосферой в тусовке предпринимателей и в тусовке программистов (не в пользу вторых). Мне было больновато читать и очень ценно;

🔵 "🍅 Я как любил помидоры, так и буду любить помидоры" - небольшая статья, написанная приятным человеческим языком, о том, как "вкатиться" в регулярное использование техники "помидорок". Еще тут обзор нескольких симпатичных и удобных инструментов (таймеры, генератор музыки под помидорки, таск-менеджеры с интегрированными помидорками);

❤️ Красивое:

🟡 Collapsible Timeline - простой, но удобно и классно сделанный концепт таймлайна с разворачивающимися элементами;

🟡 Boxy Preloaders - набор ярких, упругих, градиентных прелоадеров. Концептуально несложные, на них вы можете разобрать, как работают CSS-анимации на @keyframes;

🟡 Always great grid - красивая, удачно анимированная сетка на grids с использованием @layer и @container. Скажу честно: я пока ничерта не понимаю, как это работает, но аж руки дрожат от предвкушения, так хочу разобраться;

🟡 A Bird Trying to Fly - маленький желтый анимированный на чистом CSS цыпленок пытается летать 🐣 очень трогательная анимация;

#наташа_для_джунов_дайджест

Гайд "как зайти во фриланс для разрабов/дизайнеров", ч.1

Когда джуны пытаются найти работу, им предлагают "взять пару проектов на фрилансе", и от ребят идут запросы: "как получить первые проекты". Все куда сложнее, чем "ну вы просто зарегайтесь на бирже и откликайтесь".

Будет серия тредов, в которой я расскажу, как входить, что вас там ждет, как раскручиваться, а вы сами решайте, надо оно вам или нет: раскрутка на фрилансе - требовательный процесс, в некотором смысле, как вторая работа.

Откуда у меня опыт, который я вам описываю:

Я вкатилась на Upwork как верстальщица и работала там 2 года, вышла потолок чека для верстальщиков в $20-25 баксов в час и, в итоге, ушла. О том, почему ушла, расскажу в этих же тредах. Несмотря на то, что фрилансить перестала, держу руку на пульсе и в курсе всех новых изменений в Upwork из первых рук.

Про фриланс будем говорить как концептуально, так и про особенности конкретной платформы.

О чем поговорим в этом посте вообще:

🟢 стереотипы о фрилансе (какие - правда, какие - нет);
🟣 почему "ну вы просто возьмите заказик, чтобы набраться опыта" - не работает;
🟡 кто будут ваши заказчики и чего они от вас ждут;
🔵 плюсы и минусы фриланса;

✔️ Стереотипы о фрилансе

1️⃣ "на фрилансе ничерта не платят" - это (частично) ложный стереотип. На СНГ-биржах часто платят сущие копейки.

На Upwork и других англо-биржах разрабы и дизайнеры не из США могут дорасти (в зависимости от сферы и опыта) до $50-60 в час + можно получать долгие многотысячные контракты. Но это, конечно, не сразу.

Для людей из США чек можем домножить на 1.5-2 чисто за счет географии. Для людей из Пакистана/Индии чек, напротив, делится на 2, к сожалению. Географический коэффициент тут очень жесткий, и преодолеть его чертовски сложно.

Важно: из РФ и Беларуси Upwork сейчас заблокирован, но можно получить доки в Армении, например, и сменить свое местоположение. Получить несложно, найдите локальную армянскую группу Upwork, там есть гайды и по докам, и по выводу денег.

2️⃣ "на фрилансе сплошной говнокод" - это, скорее, правда. Вы не найдете там (почти никогда) каких-то модных красивых технологий. Даже гита вы, скорей всего, не найдете: ftp -> сразу в прод.

У заказчиков фриланса (мы поговорим об этом ниже) другие критерии успешности проекта.

3️⃣ "на фрилансе легко получить проект" - щас вам, неправда.

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

4️⃣ "на фрилансе можно красивенько 3 часа в день работать у моря" - скорее, неправда.

Это, как по мне, кратно сложнее обычной удаленки: процессов нет, вокруг бардак, все бегут-орут, надо оркестрировать несколькими проектами.

Пока не научитесь, будете херачить на разрыв (да и потом - тоже).

✔️ С какими компетенциями вам будет легче зайти на фриланс

🟢 дизайн: продуктовый (лэндинги, сайты, екоммерс, приложения), лого, иллюстрации, полиграфия;

🟡 фронтенд/фулстек на CMS: верстка, Wordpress (дико популярен, за него очень хорошо могут платить), Shopify, реже - фреймворки фронта;

🟣 приложения: android/ios/RN;

✔️ Почему "ну вы просто возьмите заказик, чтобы набраться опыта" - не работает

У меня от этого: "если у вас нет коммерческого опыта, ну выполните пару фриланс-заказов" дергается глаз. Очень хочется предложить советчику получить заказ на бирже с нуля, чтоб глупости не говорил.

1️⃣ Конкуренция проекты на хоть сколько-то популярном стеке там такая, что хэдхантер вам покажется полем с ромашками. Вы охренеете просто, я отвечаю. Мы в обычной айтишной жизни такой конкуренции не встречаем буквально нигде.

Выдержать конкуренцию на первую работу на джуна - изи катка по сравнению с конкуренцией на проекты на фрилансе на крупной бирже (если только вам не дофига повезло).

#наташа_про_фриланс

🔽🔽🔽

🔼🔼🔼

2️⃣ Клиенты на фрилансе - не благотворительная организация помощи бедным начинашкам, они делают бизнес и хотят коммерческий продукт 1) быстро 2) относительно дешево (дешево - относительно локальных цен на разработку в студиях или аутсорсе). Там умеют считать доллары и не кидают их в воздух + знают цену времени, которое - тоже деньги.

3️⃣ В продуктовой коммерческой разработке у вас есть возможность показать джуновое портфолио и получить с ним работу, потому что вы - перспективный чел. На фрилансе всем пофиг на вашу перспективность, там нет игры в долгую на вырост.

Это не значит, что проект взять не получится. Получится, но 1) не "просто" 2) не быстро 3) вам понадобится отдельное портфолио (не как джуновское обычное) 4) вы сможете делать там хоть какие-то деньги, если сместите оптику на продуктовую, а это больновато

✔️ Кто будут ваши заказчики и чего они от вас ждут

Грубо говоря, их можно поделить на 2 вида:

🟢 владельцы малого/среднего бизнеса - эти ребята ничерта не понимают в айти, они просто хотят свой дизайн/сайт/приложение, и чтоб было красиво;

🟣 перекупы - они взяли заказ или у клиентов первого типа, или они - студия, отдающая часть своих заказов на аутсорс. Например, часть крупных пафосных веб-студий типа "Бюро Горбунова" изи отдают свои проекты в разработку на Upwork (на одном таком я работала, хехе). Эти могут понимать в айти, а могут и не понимать - уж не знаю, что лучше.

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

Что из этого следует

Один из ключей к успеху на фрилансе - это продуктовое мышление, которое опирается на нужды клиента.

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

На это критично опираться буквально везде: от письма при подаче на проект до принципиального подхода к вашему портфолио, которое вам обязательно понадобится, от оформления профиля до коммуникации на всех этапах процесса.

О том, как это применять, я расскажу в следующих постах, которые будут на этой и следующей неделях.

✔️ Особенности фриланса

1️⃣ это отличная возможность поработать с живыми заказчиками без менеджерской прослойки.

Плюсы: научитесь понимать ценности и интересы бизнеса as is, прикладывать их к своей работе;

Минусы: все щепетильные вопросы придется решать самим (после этого начинаешь нежно любить менеджеров, которые от этого ограждают);

Фриланс вообще куда больше про коммуникацию, чем про харды: от того, как ты настроишь общение с клиентом по ходу проекта, как выяснишь требования, как будешь решать сложные ситуации, зависит, когда тебе заплатят и заплатят ли хоть что-то вообще

2️⃣ это возможность почувствовать живую пользу от своей работы.

Вы не просто пилите какое-то абстрактное решение для непонятно, кого. Вы буквально своими руками делаете классный бизнес-инструмент: пресловутый магазин для продажи булочек, например.

3️⃣ это, чаще, проекты короткие или средние по размеру

Плюсы: не успеваете заскучать с одним и тем же проектом и людьми (для меня не актуально)

Минусы: только привык к людям и проекту - и вот, опять, надо менять

4️⃣ это частое переключение контекста

У вас, скорее всего, будет в работе одновременно 2-4 проекта, с шансами, с заказчиками из разных часовых поясов. Это требует недюжинного навыка самоорганизации и организации процессов в своих проектах.

#наташа_про_фриланс

🔽🔽🔽

🔼🔼🔼

5️⃣ это - ненадежность, финансовая и расписания

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

С расписанием та же история: нужно приноровиться, чтобы не накидывать на себя груду проектов, и, при этом, не оказаться в ситуации, когда денег нет и проекта нет.

Ну и никаких вам ДМСов и плюшек, оплачиваемых отпусков и больничных. Сам себе плюшки покупаешь.

6️⃣ это - необходимость себя продавать, как абрикос на рынке

Многим это не нравится, их даже концепт подготовки к собесам или персонального сопровода раздражает, а во фрилансе без этого никуда.

Ты всем собой должен показывать, что именно ты - самый классный и вкусный pick me абрикос.

7️⃣ это - нишевый стек

Проблема фриланса (на Upwork точно так, я потом подробней расскажу) в том, что ты делаешь себе опыт в конкретной нише, и очень сложно эту нишу сменить.

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

8️⃣ это ноль инженерной культуры (или около нуля)

Гита, скорее всего, не будет. Команды - тоже (но есть исключения). Есть неиллюзорные шансы, что придется фигачить сразу в прод наживую.

Стек может быть кривой/косой и старый (да, там все еще пишут на jQuery много где, например).

9️⃣ и поэтому фиг вы это продадите как коммерческий опыт

Даже если вы много отработали на фрилансе, вас, все равно, будут воспринимать, как человека с 0 опыта (исключения бывают).

Но вот на техсобесах я адресуюсь к фриланс-опыту время от времени: у меня там были интересные кейсы, и вот это "продается.

🔺🔺🔺Резюме

Фриланс требует подготовки и понимания, куда вы, собственно, идете.

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

Как "быстрое получение опыта" не сработает точно.

В следующих статьях я расскажу, как собирать портфолио, делать профиль, общаться и строить процессы.

Как говорится, оставайтесь с нами.

#наташа_про_фриланс

Недельный дайджест айтишных интересностей #7

❗️ Важное:

🔥 Напоминаю, что у нас есть маленькие локальные чаты, в которых вы можете найти компанию и пойти вместе на митап/в бар/на кофеек/играть в настолочки.

Активные локации: Санкт-Петербург, Грузия, Армения.

Локация, которую мне не удается никак раскачать, но очень хочется: Москва.

⚠️ в части чатов на входе капча: нужно решить простой арифметический пример

✍ Мои статьи и посты:

🟢 Гайд "как зайти во фриланс для разрабов/дизайнеров", ч.1 - первый из серии постов, огромный, в трех частях. В нем рассказываю о стереотипах о фрилансе и комментирую их, рассказываю, почему быстренько залететь туда не выйдет и какие у фриланса есть плюсы и минусы;

📎 Хардовое:

🟣 Синтетическое "искусство" - огромная, очень подробная и интересная статья о проблематике GenAI в генерации текстов, изображений и аудио. Автор рассказывает, против чего и почему протестуют художники, сценаристы и крупные компании, почему создателей AI обвалили судебными исками и почему это не нео-луддизм.

От души рекомендую, много нового узнала и про работу AI, и про этические сложности вокруг их обучения, создания артефактов и последующего их распространения;

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

🌸 Софтовое:

🔵 Как перестать обесценивать себя и свои результаты? - Анна Обухова, традиционно, прекрасна, как рассвет. Дает четкий, понятный фреймворк, что делать со своими результатами (любыми), чтобы не проваливаться в ситуацию "я что-то делал, даже достиг чего-то, но оно совсем не радует". Дополнительно, масштабирует этот фреймворк на руководителей команд, не-технических ребят в командах и даже на приготовление яичницы.

❤️ Красивое:

🟡 Wooden Toggles - набор тогглов/свитчей, стилизованных под дерево. На переключение у них деликатные микроанимации. Симпатичная работа;

🟡 Proximity Glow Cards - карточки с очень классным direction-aware ховер-эффектом. Когда переводишь курсор с карточки на карточку, особенно красиво выходит;

🟡 Scroll-based image sequence with GSAP - автор взял библиотеку JS-анимаций GSAP и картинки наушников и собрал стильную анимацию, как будто с лэндинга эппловского промо 🤌

🟡 iPhone Widget Scroll Animation - еще одна стильная скролл-анимация, красивое промо виджетов приложений. Будете смотреть, не скролльте быстро, иначе впечатление смажется;

#наташа_для_джунов_дайджест

Гайд "как зайти во фриланс для разрабов/дизайнеров", ч.2

Часть #1

В этот раз поговорим про портфолио. Я расскажу про портфолио для дизайнеров, фронтов и фулстак на CMS. Про бэк не знаю, но подскажу, как искать референсы.

Портфолио - обязательная часть самопрезентации на фрилансе

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

Какое портфолио продающее?

Тут 2 критерия:

1️⃣ проекты в нем максимально похожи на коммерческие: нам надо убедить клиента в том, что мы справимся с его задачами;

2️⃣ это портфолио красиво оформлено: оно понятное, структурированное и эстетичное (для бэка - тоже);

Что класть в портфолио

🟢 Если вы - верстальщик/фронт/фулстак на CMS, вам важно иметь:

🟢1-2 лэндосика, ярких, цепляющих, с анимациями. Можно сделать один прям очень креативный, один - построже;
🟣1 мультистраничник;
🟡1 магазин (главная, товары, простые фильтры, корзина, форма логина/реги);
🔵желательно, но необязательно - дашборд на каком-то известном UI-фреймворке (Material, Bootstrap);

Это такой набор чемпиона, которым вы сможете покрыть почти любые проекты, на которые будете подаваться;

🟢 Аналогичная история для UI/UX-дизайнеров;

🟢 Если вы - фулстак на Wordpress или другой CMS, вам (кроме перечисленного выше) желательно (но необязательно, можно делать в параллель с поиском проектов) иметь 1-2 плагина к ней, которые вы сами сделаете и выложите.

Ничего крупного, опирайтесь на те, что уже есть в коммьюнити;

🟢 Мобильщикам лучше бы повторить (с другим дизайном, ясное дело) несколько мобильных приложенек. Навскидку: магазин, планировщик, что-то с бронированием (типа отеля) и что-то детское;

🟢 Если вы - графический дизайнер/иллюстратор/бэк/любая другая специализация, которую я не затронула, потому что вообще не в курсе специфики, вот, что надо делать:

🟢 топаете на выбранную биржу, регаетесь, если надо;

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

🟣фильтруете вакансии по вашему стеку и смотрите, что просят;

🟡собираете оттуда выполнимые ТЗ и пробуете сделать сами;

А что с дизайнами?

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

Хороший бесплатный многостраничный дизайн с нормальным набором ассетов найти практически нереально.

Если вы - верстальщик/фронт/фулстак на CMS/мобильщик, могу посоветовать такие варианты:

1️⃣ Themeforest - там много дизайнов в секции UI Templates

✔️ плюсы: в основном, это недорогие дизайны ($10-15 за набор, для мобилок - $20-30);

✖️ минусы: почти все дизайны (кроме мобилок) там в фотошопе. Это просто добавляет небольших неудобств (открывать придется в AdobeXD или photopea);

2️⃣ UI8 - тоже много классных дизайнов и UI kits для мобильщиков

✔️ плюсы: дофига всего есть в формате фигмы, не надо маяться с лишним софтом; качество дизайнов выше, чем на themeforest;

✖️ минусы: ощутимо дороже ($30-40 за веб, $40+ за мобилки)

#наташа_про_фриланс

🔽🔽🔽

🔼🔼🔼

Важно: на themeforest есть уже сверстанные темы и даже темы под CMS.

Чем они хороши: вы можете подсмотреть всякие модные эффекты, паттерны адаптива.

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

Оформление проектов

🟢 лично я набрасывала микролэндинг в стиле продукта для каждого проекта со стеком, фичами и списком страниц. Пример и еще пример (картинки мониторов взяла со стоков и приделала к ним превью страничек). Аналогично заполняла карточки проектов; в самой бирже. Это только один из вариантов.

Что советую сделать: поищите на бирже ваших конкурентов и посмотрите, как они оформляют кейсы. Мониторинг конкурентов - концептуально очень важная штука, от души советую: можно много полезного подцепить;

🟣 оформляйте нормально гитхаб-репозитории с кодом

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

🟡 в портфолио-проектах используйте максимально близкие к продакшну картинки и тексты.

Не надо Lorem Ipsum, пожалуйста - попросите ChatGPT нормально вам отписать тексты и заголовки. Красивые картинки бесплатно можно взять с Unsplash. Векторные иллюстрации берите с freepik, там много классного в бесплатном тарифе. Если нужны иконки - вам на flaticon, там тоже изрядная их часть бесплатна.

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

🟢 Для фронтов/верстальщиков/фулстеков - критично делайте свои проекты полностью адаптивными, это очень важно.

Их могут потыкать и посмотреть на адаптиве: на это обращают внимание (конечно, тыкают проекты не у всех подписавшихся, но вот если вас добавили в шорт-лист, шансы кратно повышаются).

⚠️ В платных макетах очень не всегда есть адаптивные макеты - придется придумывать самим (у клиентов, кстати, тоже очень часто нет макетов на адаптив, но по дефолту его от вас всегда ожидают);

🔵 далее, для этих же ребят: микроанимации - рулят.

В макетах их не будет, придумывайте сами, смотрите бест-практисы. На ховеры, на клики (а на лэндосах - на прокрутку) должны быть красивые и ненавязчивые эффекты. Это любят и ценят;

🟣 проверяйте свои проекты на w3c-валидацию и метрики скорости (google speed, lighthouse итд);

Не стесняйтесь указать в описании проекта, что у вас там классные статы. Это очень ценится.

Обязательно ли этим всем запариваться? Нет, конечно.

Но каждый пункт докинет вам конкурентных преимуществ, а это чертовски важно, если вы всерьез хотите получить свои первые проекты.

Да и вообще, фриланс очень щепетилен в плане самоподачи, там она еще важней, чем в обычном найме.

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

Stay tuned

#наташа_про_фриланс