Как написать в соцсети о том, что ищешь работу, чтобы это было продуктивно

Очень часто люди пишут короткий пост: "Здрасьте, меня зовут так-то, ищу работу на такую-то роль, надо срочно, репостните". И все. Конверсия такого поста в собеседования минимальная.

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

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

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

2️⃣ Прикрепите свое фото (вы не обязаны, но у поста сразу повысится узнаваемость и появится личность). Если это твиттер - крепим к 1-му твиту;

3️⃣ Если это твиттер, в заглавном твите обязательно укажите, что резюме прикреплено твитом ниже и пометьте стрелочкой, что у вас не единичный твит, а тред;

4️⃣ Далее (если твиттер - вторым твитом) - резюме. Обязательно. Потому что "резюме по запросу" вам схлопывает воронку в ноль. Работу ищете вы, вам и делать людям удобно.

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

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

Сюда же (если твиттер - в этот же твит, по возможности) - ссылка на портфолио или гитхаб. Если нужно, воспользуйтесь уменьшаторами ссылок типа http://bit.ly, чтобы все вместилось.

Сюда же локация поиска: РФ / любая локация не в РФ / конкретная страна или город;

5️⃣ Дальше - секция "ваши достижения". 3+ пунктов (если твиттер - каждый пункт оформляем отдельным твитом).

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

6️⃣ Следующая секция (3+ пунктов) - что вы умеете и любите развернуто.

С каким стеком работали раньше? Какие задачки умеете решать? Какие задачи решать любите, что вас драйвит? Софтовые скиллы - сюда же (доклады, кейсы менторинга, блоги итд);

7️⃣ Следующая секция - что вы ищете?

Здесь можно раскрыть свои предпочтения. Хотите продукт или аутсорс? Конкретную доменную область? Вам важна атмосфера в команде - какая? Что-то конкретное по соцпакету?

Аналогично, можно указать, что вы точно НЕ ищете, на что не согласитесь;

8️⃣ Опциональная секция - дополнительное о себе.

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

9️⃣ Если это твиттер - следующим твитом дублируем твит #2, с контактами и резюме. Чтобы те, кто дочитал до конца, не крутили вверх, а сразу могли с вамит связаться.

🔟 В конце поста или следующим твитом, опционально, тегаем тех, от кого хотим помощи в распространении вашего запроса;

🔟 Примеры отличных тредов с поиском работы: один, два;

Ну а больше интересного можно найти у меня в твиттере.

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

Решила поэксприментировать с новым форматом и составлять короткие (или длинные, как повезет) дайджесты контента, который я делаю, и интересных штук, которые мне попались за прошедшую неделю

❗️ Важное:

🔘 У нас есть армянский филиал для оффлайн-встречек. Он маленький, но гордый, и, если вы в Армении и хотите встретиться с другими айтишниками в хорошей компании - заходите!

🔘Вышел тред работ победителей благотворительного хакатона! Со скринами, гифками и ссылками на мини-игры. Пост в телеграме попроще, но тоже есть

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

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

🦄 Мои работы:

🔘 Halloween Icons set (Pure HTML/CSS ) - сделала набор из 5 хэллоуинских иконок на чистом HTML/CSS и выложила. Чистое версточное хулиганство, очень обаятельное;

📎 Хардовое:

🔘 Пост о том, как выглядит найм фулстеков в Хекслет - Кирилл Мокевнин рассказывает о том, как они в компании отстроили процесс собеседований, какие дают задачи на техсобесе и на что обращают внимание на culture fit

🔘 Байки погромиста. Если кто-то скажет, что программирование — это скучно - очень обаятельный и забавный разбор сеньор-питонистом Александром Гончаровым своих рабочих косяков. Поняла оттуда не все (за неимением бэк-опыта), но что поняла - то изрядно повеселило. И вообще, такое отношение к своим провалам - то, чего самой бы хотелось.

🌸 Софтовое:

🔘 Доклад «Как читать книги с пользой для ума и дела» Евгения Антонова - классный доклад о том, как структурировать чтение, чтобы не терять половину полезного по пути и не забывать все прочитанное через неделю

🔘 «Питомцы vs. Скот». 99% вашей работы в итоге выбросят. Но это и сделает вас профессионалом - прекраснейшая статья Вастрика о том, что не надо воспринимать близко к сердцу то, что задачи в компании требуют "все переделать и выкинуть красивый, с любовью сделанный код в мусорку". И об альтернативном взгляде на коммерческую разработку в принципе

❤️ Красивое:

🔘 Scroll with light (CSS only) - очень любопытный скроллбар, сделанный на чистом CSS с помощью @property, наконец-то получившим полный браузерный саппорт;

🔘 Dancing Ring Loader - завораживающий прелоадер на чистом CSS

🔘 Loaves and Fishes - CSS-арт, сделанный в один <div>. Обожаю этот жанр, и иллюстрация - прелесть

🔘 React Range Sliders - набор range-слайдеров (горизонтальные, круговые, хитрых форм) на React. Можно и в проект свой забрать, и просто посмотреть, как делаются такие штуки

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

Менторинг на работе, личный менторинг и наставничество на курсах

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

Это, как говорится, три большие разницы.

Почему пишу: увидела в блоге замечательного лида Саши Кучука ссылку на дивную статью от сеньора-помидора, который пришел менторить на курсы и наделал выводов 🤌

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

У менторинга на работе есть ряд очевидных для ментора преимуществ

🟣 ученика надо готовить не с нуля, он уже достаточно подготовлен, раз нашел работу;

🟡 на одного ментора - один ученик (может быть побольше, но точно не группа на 20-30 участников);

🔵 часто ученик - прямой подчиненный ментора или официально к нему прикреплен: стало быть, "заказчиком" обучения мы можем считать именно ментора. Он рулит парадом;

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

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

Далее - репетиторство, оно же менторство внерабочее

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

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

🟡 если брать ученика с нуля, уровень сложности выкручивается на супер-хард. Лично я один раз брала (и довела таки), но больше, в обозримом будущем, никогда в такое не полезу. Аналогичные эмоции у многих моих знакомых менторов. Нужна мастерская работа с мотивацией, чтобы не потерять человека и не демотивировать. И со своей мотивацией, чтобы не скиснуть по ходу дела;

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

Вот это, что в цитатах ниже - норма для обучения с нуля:

Студент запрашивает личную консультацию по HTML‑верстке. На консультации понимаю, что студент вообще не понимает ничего в компьютерах — что такое папки, файлы. Поэтому он не понимал как написать путь к картинке в HTML файле и что такое вообще путь.

Как вам фраза от студента: «Я все делал как в задании и у меня вот такая ошибка. Какой код написать, чтобы работало?». Я слышал эту фразу очень часто. Так и хочется сказать «загугли ошибку». Но в итоге ты гуглишь ошибку сам и отправляешь ответ из первой ссылки.

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

🔵 еще вариант выкрутить сложность на режим "кошмар" - бесплатный менторинг.

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

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

Переходим к менторингу на курсах

Тут динамика "ментор - менти" съезжает еще сильнее "в пользу ученика".

Почему так:

🔽🔽🔽

🔼🔼🔼

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

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

🟡 и вот тут боль #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️⃣ Саммаризация

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

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

🔽🔽🔽