#ПолезныеШтуки@front_everyday

Responsively
Открываешь проект и сразу видишь, как он выглядит на всех экранах. Не нужно 10 девайсов или 100 вкладок — всё в одном окне. Работает быстро, кастомизируется. Устанавливается как приложение Mac/Windows/Linux.

codepen.io
Онлайн-песочница для HTML/CSS/JS. Быстрая, с поддержкой фреймворков. Удобна, когда хочется протестировать идею или поделиться сниппетом без создания нового проекта.

VisBug
Расширение для Chrome от Google. Прямо на живом сайте можно:
- двигать элементы, менять отступы и стили
- подсвечивать сетки, контейнеры, z-index
- "на лету" редактировать текст, шрифты и цвета
Подходит для быстрой проверки верстки, подгонки UI и даже для обсуждений с дизайнером — без открытия кода.

Can I Use
Уверен, почти все знают про этот сервис, но все же. Вбиваете любую CSS/JS-фичу и сразу видно: где она поддерживается, а где сломается. Мастхев.

Animasta
Готовые CSS-анимации: fade, slide, rotate, bounce и десятки других. Настраиваете визуально, жмете — и получаете чистый CSS-код. Помогает, если надо быстро оживить интерфейс или протестировать идею.

А у вас есть полезный список расширений и сервисов, которым часто пользуетесь?

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

Попробую новые хештеги в блоге, а то старые приелись 😁

#БезКода@front_everyday

Как не перегореть во фронте и кайфовать от процесса

Если вы хоть раз закатывали глаза от фразы "всё работает, только в Safari нет" — вы наверняка фронтендер 😁

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

Вот 3 штуки, которые реально помогают кайфовать от фронта, а не сгорать:

✅ Маленькие победы — каждый день
Пофиксили баг, который бесил 2 недели? Запишите себе в заметки, похвалите себя. Ваша голова — не CI/CD, ей нужен фидбэк.

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

✅ Делайте "ничего" — но по-честному
Переключение — это не Telegram с новостями по Vue, это вообще без экрана. Прогулка, игра с ребёнком, кофе на балконе. Без совести, с удовольствием.

Я понял, что фронт (да на самом деле любая разработка) перестаёт выжигать, когда вы перестаёте от него всё время "бежать вперёд". И начинаете иногда просто наслаждаться процессом.

А как вы справляетесь с выгоранием? Есть свои фишки?

#frontend_usefule@front_everyday

Знаю, вы не любите рекламу, но это позволяет мне покрывать некоторые расходы на ведение блога 🙂

Ну теперь рекомендация по небольшой работе лично от меня 🙂

Необходимо сверстать пару страниц (дизайн Figma, самые нижние 2 страницы).

В дальнейшем, если все сложится хорошо, можно будет взять весь остальной макет.

Еще необходимо сделать адаптив (на свой вкус, отдельного дизайна под это нет).

Все вопросы можно написать сюда. Ну и по оплате/предоплате и срокам тоже договориться там же 🙂

Большая просьба: когда будете предлагать свои услуги - приложите пару-тройку своих работ 🤝

26–27 апреля проводим Weekend Offer Frontend

Устроиться в Яндекс за выходные — реально. Ищем крутых фронтендеров с опытом работы от 4 лет, готовых работать в офисном или гибридном режиме в России.

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

Узнать подробности и зарегистрироваться.

#frontend_mylife

Залетаю в последний поезд хайпа по сгенерированным куклам в ChatGPT)

Я б купил такую фигурку себе 😁

А вы тоже можете попробовать и поделиться результатом)

Даю промт, найденный во всемирной паутине)

Создай персонализированную экшн-фигурку с человеком на фотографии в прозрачной пластиковой блистерной упаковке. Фигурка должна быть в полный рост.
Коробка должны быть [жёлтого] цвета.
В коробке рядом с фигуркой должны быть её аксессуары: [стаканчик кофе, ноутбук, книга «Мастер и Маргарита»].
На верху коробки добавь надпись [имя человека или название бренда в кавычках], а под ней — [должность или любая другая подпись в кавычках, если нужна].

#frontend_mylife

Недавно мне писал подписчик, который сказал «А чё так мало лайф-контента? Я что сюда, прихожу умные посты читать?» 😃

Ну вот так как мы в отпуске - ловите немного сегодняшний день)

У жены день рождения, мы в Архызе 🙂

Утро началось с очень теплого бассейна.

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

Ну и сейчас завершаем день шашлыком 🙂

Нескучный отпуск айтишника продолжается 😄

#frontend_mylife

Родители сделали раскопки и нашли мои старые фишки 😀

Почему-то из всех мне запомнились Mortal Combat, покемоны и вот эти металлические из Cheetos. Последние вообще топовое топище 😁

Давайте устроим перекличку) Кто играл и помнит что это такое?)

❤️ - Что это за игра древних?
🔥 - я стар, я суперстар, ностальгия в глаз попала

#frontend_mylife

Знаете, что такое горящая ж*па?

Когда завтра релиз, а надо успеть:
1. Сделать последние критические фиксы
2. Разобраться с CI/CD, конфигами Docker и понять, почему env переменные подставляются не те, которые нужны
3. Одновременно разрулить несколько рабочих моментов, где нужны мои действия
4. Успеть поспать, так как завтра очень ранний релиз

Делитесь своим опытом появления вулкана на рабочем стуле 😁

#frontend_useful

Решил погрузиться в тему AI и в частности разобраться, как с этим работать на уровне разработки. Очень советую видео от Антона Ларичева, очень доступно объяснил что к чему

https://www.youtube.com/watch?v=pHr179iQ6rU

#frontend_useful

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

А предыдущий опрос был не просто так 🙂

Я не совсем на ТЫ с AI в редакторах кода и IDE.

Мне не сильно зашел ИИ от Jetbrains. Часто какую-то дичь предлагает.

Дальше я попробовал TRAE - совершенно бесплатный на данный момент AI IDE. В целом понравился.

Но еще больше понравился Cursor. Пока попробовал немного, бесплатной версии достаточно. Давно откладывал знакомство с ним, но ребята бэкендеры на работе уже давно с ним работают и просто в восторге: говорят, что производительность увеличилась раза в 2-3 (в качестве агента юзают Gemini-2.5-pro).

Расскажу чуть позже, как у нас с ним сложилась история 🙂

Если есть опыт в подобных IDE - делитесь фишками, как помогает или как мешает ИИ в работе)

Впервые пришлось отключить комментарии на посте) кому-то очень не понравилось сказанное, ботяры набежали)

#frontend_post

Что такое NDA?

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

Почему это важно?

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

2. Снижение рисков
NDA помогает снизить риски утечки информации, что особенно важно в конкурентных отраслях, где любая утечка может привести к финансовым потерям или потере преимущества на рынке.

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

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

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

1. Ограничение свободы действий
NDA ограничивает вас в том, что вы можете рассказывать о своей работе. Иногда это означает, что вы не сможете добавить определенные проекты в свое портфолио или обсуждать их в публичных местах.

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

3. Юридическая ответственность
Нарушение NDA (даже если вы сделали это не специально) может привести к серьезным юридическим последствиям, включая штрафы или судебные разбирательства. Это накладывает дополнительную ответственность и требует внимательности.

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

Плюсы:

1. Защита бизнеса
NDA защищает компанию от утечек информации и интеллектуальной собственности, что позволяет сохранять конкурентные преимущества и снижать риски.

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

Минусы:

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

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

Выводы:

Стоит ли работать по NDA - решать лично вам. У меня 4 подряд проекта с NDA и я не могу показать потенциальным работодателям даже кусочки кода. Но все остальное меня не напрягает.

Но при этом я знаю ребят, которые принципиально отказывают тем компаниям, для которых NDA важен.

Что вы еще бы добавили к этому посту? Поделитесь своим опытом.

И как думаете, NDA - это круто 👍 или перебор ❤️?

#frontend_news

Насыплю вам кринжатины 🙈

РКН решила выпускать ШОУ, где будут рассказывать про заблокированные ресурсы и т.п.

Странно, что в выпуске они не сказали, что уже недели 3 шатают интернет так, что многие ресурсы без трех запрещенных букв не работают 👎

#frontend_mylife

Вчера начал записывать видеокурс по Vue3 + Pinia + Supabase. Нахожусь на самом ненавистном мной этапе - в самом начале)

Вчера из 3х часов записи оставил только 15 минут 😵 На скриншоте - запись самого первого приветственного видео 🤣 Раза с сорокового получилось) дальше будет полегче, но когда я говорил, что запись сложнее разработки и подготовки материала - я не шутил 🙂

Количество видео в плане уже немного увеличилось 🙂

Как все будет готово - вы узнаете первыми)

#frontend_mylife

На YouTube давно ничего не выкладывал, но такие просмотры радуют. До Дудя, конечно, далеко, но все же приятно)

Самый популярный плейлист - по Pinia (115к просмотров). С учетом того, что там звук такой себе с лающими собаками на фоне, получилось собрать на нем:
- Почти 4200 лайков
- Почти 350 комментариев

Приятнее всего, что комментариев больше всего на последнем видео, значит плейлист досматривают до конца, а это самое важное 🙂

#frontend_post

Почему pet-проекты очень важны?

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

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

Тем не менее, учебные проекты полезны даже для опытных разработчиков.

🙂 Во-первых, вряд ли в коммерческом проекте вам дадут попробовать что-то диаметрально новое. К примеру, если у вас проект на Vue, то вероятность того, что завтра вам дадут писать на React, минимальна.

Или же вы работаете с RestAPI и тут захотелось изучать GraphQL, но под вас не будут менять архитектуру проектирования API.

Соотвественно что надо делать? Конечно, пилить свой проект и детально разбираться в том, что интересно!

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

🙂 В-третьих, портфолио. Для ребят с опытом это не так важно (у middle+ обычно проекты под NDA и особо показывать нечего), а вот для новичков и джунов наличие кода в репозитории - must have. Иначе чем вы отличаетесь от других?

Я веду это к чему? Если вы только начинаете путь или же вы уже разработчик с опытом - никогда не забывайте про pet-проекты. На них можно очень хорошо отработать свои навыки. Помню, когда только начинал заниматься разработкой, придумал некий проект. За 3 года он поменялся на 100%, хотя идея осталась прежней. Просто появились новые знания и навыки и благодаря проекту я очень хорошо ощутил это на себе.

Рассказывайте, какие pet-проекты делали? Реализовали ли то, что хотели или же забрасывали на половине пути? 😀

#frontend_mylife

Вести с полей 🙂

Подготовительная часть курса закончена!

Что точно будет:
🤝 Работа с PrimeVue новой версии и Tailwind 4
🤝 Supabase
🤝 Авторизация, регистрация, восстановление пароля
🤝 Защита роутов
🤝 CRUD операции (создание данных, их получение, редактирование и удаление)
🤝 Работа с формами и валидацией
🤝 Фильтрация данных
🤝 Пагинация

Насчитал по плану около 60 уроков, так что впереди самое сложное - запись 🧐

#frontend_mylife

- 4 месяца работы
- 68 коммитов (хотя кажется, что их должно быть 668)
- 222 измененных файла

Это неполная картинка того, как мы переходили с Vue2 на Vue3.

Впереди море работы, так как:
1. Старые компоненты еще не переписаны на Composition API и как бы странно не звучало, после релиза техдолга прибавится.

2. Не перешли на Pinia, так как не все внутренние библиотеки успели мигрировать. В скором времени займемся этим

3. Не перешли с Webpack на Vite. Тоже вопрос времени

Как показала практика, переходить на свежий стек не так просто, как хотелось бы. Даже несмотря на то, что многое писалось с нуля, определенное legacy еще осталось и впереди предстоит еще немало работы 🙂

#frontend_useful

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

Оказывается, можно получить фавиконки любого сайта с Google.

https://www.google.com/s2/favicons?sz=64&domain_url=emcd.io

В параметре sz можно указать нужный размер.

Есть разные другие бесплатные сервисы (можно найти по запросу Favicon Fetchers)

Знали про такое?
👍 - Да
🔥 - Круто, не знал/а

Как вы знаете - я советую вам только то, что мне интересно самому 🙂

Я обожаю тему онлайн-образования и сегодня хочу познакомить вас со школой Authentic Pigeon.

Уверен, вы умеете читать на английском 🤝. Да и грамматику можно изучить самостоятельно. Но вот разговорный английский — это совсем другое дело.

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

AI к такому не подготовит, а онлайн-школа английского Authentic Pigeon может вам помочь.

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

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

⚡️ Узнать подробнее о занятиях и записаться на бесплатное демо-занятие

#frontend_mylife

Пропадаю на какое-то время, но не забываю про вас 🙂

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

Во-вторых, активно готовлю курс. Для меня выход в подобном формате будет чем-то новым. Ближе туда расскажу подробнее.

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

НЕ РЕКЛАМА!

Нужен Frontend-разработчик для моего хорошего знакомого 🙂

Задача: Необходимо реализовать под ключ небольшой многостраничный проект (4 страницы)

Требования: Знание анимаций в интерфейсах, умение в адаптивную верстку

О проекте:
- Макеты и техническое задание согласованы
- Админка на Strapi CMS
- При необходимости консультации от техлида команды основного продукта.

Стек: Nuxt 3

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

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

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

{ Снежные строки } — канал о фронтенд разработке, где можно учиться вместе с автором. Здесь разбирают JavaScript, React и другие технологии, делятся опытом прохождения собеседований, тестируют новые подходы в разработке. Всё, чтобы развиваться в профессии и прокачивать навыки!

Коучинг для ИТ с Анной Бикеевой — канал коуча с 17-летним бэкграундом в ИТ, где автор рассказывает на своем опыте и опыте клиентов, как работа с мышлением помогает расти в карьере и громко заявлять о себе!

В АйТи из Уфы - канал о буднях во Frontend разработке без технических деталей.
Раушан рассказывает как перешёл из другой сферы, проходит собесы и собирается в web3 разработку.
Делится чем интересуется вне работы, чтобы держать кукуху на месте 🙃

IT Инсайты — канал лида разработки с 12-летним опытом в ИТ-сфере, где публикуются полезные мысли и советы для сотрудников ИТ и их руководителей. Канал будет интересен как начинающим, так и опытным специалистам 🤗

Фронтенд Кухня - канал, где мы вкусно готовим фронтенд, добавляем библиотеки по вкусу, делимся рецептами дебага и приправляем все это щепоткой карьерных советов 🍽

Какой автор был для вас открытием, а кого читаете уже давно?

#frontend_useful

Наверняка вы знаете, что TypeScript (сюрприз) основан на JavaScript, добавляя к нему систему статической типизации, интерфейсы, декораторы и другие возможности. Он транспилируется в обычный JavaScript, что позволяет работать с ним в любом окружении, поддерживающем JS.

Наступает новая веха TS - теперь он будет основан на Go.

Относительно скоро будет выпущена версия 6.0 - последняя мажорная версия на JS. Версия 7.0 будет уже на Go.

Microsoft обещает улучшить запуск редактора кода, сократить время сборки проектов 10 раз и существенно сократить использование памяти.

Поподробнее можно почитать и посмотреть здесь.

Что думаете?)

#frontend_mylife

Кажется я живу по принципу выпуска раз в полгода видео-курсов) Быстрее не получается)

А еще страдаю синдромом отличника 😁

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

Думаю, будет в районе 40 видео, каждое из которых наполнено полезной информацией.

Позже поделюсь подробностями 🙂

#frontend_post

Стоит ли разработчику работать бесплатно?

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

Плюсы работы бесплатно:

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

2️⃣ Портфолио: Работа над реальными проектами позволяет создавать примеры, которые можно показывать потенциальным работодателям или клиентам.

3️⃣ Нетворкинг: Работая над проектом, вы можете наладить связи с людьми, которые могут впоследствии предложить вам платные проекты или порекомендовать другим.

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

Но есть и значительные минусы:

1️⃣ Обесценивание собственного труда: Работая бесплатно, вы устанавливаете прецедент того, что ваша работа не стоит денег. Это может сделать вас уязвимым перед недобросовестными клиентами, которые будут ожидать бесплатных услуг и в будущем. Помимо этого, вы бесплатно отдаете время, которое потратили на свое обучение.

2️⃣ Демотивация: Работа за «спасибо» может привести к быстрой эмоциональной и профессиональной выгораемости. Без финансовой компенсации тяжело сохранять долгосрочную мотивацию и интерес к проекту. А еще вы же знаете, что чем меньше платит клиент, тем больше он из вас выжимает все соки?

3️⃣ Финансовые затраты: Даже если вы новичок, вы всё равно должны оплачивать жилье, интернет, оборудование и программное обеспечение для работы. Работа без оплаты только увеличивает финансовую нагрузку без возврата инвестиций.

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

5️⃣ Нет гарантии трудоустройства: Есть риск, что потраченное время и усилия не приведут к желаемым результатам - приглашению на оплачиваемую работу. Многие клиенты используют неопытных разработчиков, чтобы минимизировать собственные затраты, и не чувствуют обязательства легко переключиться на оплату ваших услуг.

Исключения и компромиссы:

Однако не стоит полностью исключать возможность работы бесплатно. Волонтёрство в open-source проектах или участие в хакатонах могут быть полезны для наработки опыта, и такие проекты дают больше возможностей для профилирования и обучения. Главное - это понимать, что такие проекты должны быть частью вашей образовательной стратегии, а не постоянной моделью работы.

Стажировки тоже никто не отменял, хоть их и стало сейчас очень мало.

А вообще - присоединяйтесь к обсуждению. Вы ЗА бесплатную работу или нет?

🔥 Айтишник, которому надоело всё

Чувствуешь себя амёбой, смотришь в телефон, а делать вообще ничего не хочется? Знакомо. Переработки, тревожность, задачи, дедлайны — и вот уже сил ни на что нет.

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

💡 Что там внутри?
✔️ Как отдыхать, а не просто переключаться с работы на бесцельный скроллинг
✔️ Как балансировать между задачами, семьёй и личной жизнью
✔️ Как бороться с прокрастинацией (и почему «просто начни» — это не совет)
✔️ Как не терять мотивацию, даже когда кажется, что всё бесполезно

Залетай в @vadimpetrovpsi, чтобы не превращаться в ходячее выгорание. В закрепе ещё и бесплатный мини-курс — забирай! 🚀

#frontend_useful

Впервые понадобилось подсчитать количество строк в проекте.

Для WebStorm есть пакет Statistic. Для VS Code не знаю, не юзаю его. Тоже можете поделиться)

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

find . -type f \( -name "*.vue" -o -name "*.js" -o -name "*.ts" \) \
-not -path "*/node_modules/*" \
-not -path "*/dist/*" \
-not -path "*/coverage/*" \
-not -path "*/someFolder/*" \
-not -path "*/store/someFile.js" \
-exec cat {} + | wc -l

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

Если вообще все-все надо посчитать, можно использовать команду ниже

find . -type f -name '*.*' | sed 's|.*\.||' | sort -u

А вам приходилось считать строки в проектах?) Как делали это?)

#frontend_mylife

За последний месяц прочитал 2 книги.

Смогу рассказать только про одну: биография Уилла Смита 🙂

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

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

В итоге очень интересно, поэтому если любите жанр биографии - обязательно прочитайте 🙂

Далее в планах почитать Дмитрия Глуховского* «Пост». Много хвалебных отзывов об этой книге.

Потом хочу начать серию «Ведьмак». А то как это - в игры играл, а книги не читал)

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

А вы что читали последнее? Вообще, какая ваша самая любимая книга? 🙂

* Выполняет функции иноагента

#frontend_post

Скриншоты экрана - путь в выгорание

Некоторые мои посты основаны на ваших вопросах, историях и опыте. И этот пост входит как раз в эту категорию.

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

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

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

Я знаю ребят, которые работали с таким контролем и это мрак.

🫤 Выгорание наступает очень быстро. Сначала вроде бы «а что такого? Ну всё равно же работаешь». Однако многие рассказывали, что от тебя требуют писать код 7 часов в день.

😟 А 7 часов кодить, конечно, можно, но только мозг потечет очень быстро. Одно дело рутинную верстку делать, другое - создавать что-то сложное. Лично у меня может уйти 2-3 часа просто на продумывание того, как должно все работать, нарисовать алгоритм на бумаге.

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

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

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

А вы что думаете? И если был подобный опыт - рассказывайте)

Очень редкая рекламная интеграция от меня 🙂 Кто знает, тот поймет 😄

👥 Совет IT-специалистам на 2025 год - чаще посещайте тематические мероприятия

❔Вы же знали, что можно одновременно интересно проводить время и развивать свои навыки?

💡Чтобы не гуглить афиши и не подписываться на сотню разных каналов, IT-мероприятия России уже собрали все самые топовые события в одном месте.

👨‍💻 В этом канале вы найдете самые актуальные и интересные события: анонсы форумов, конференций, митапов, вебинаров, хакатонов, олимпиад и многое другое.

⚡ Я уже тут - IT-мероприятия России / ITMeeting / IT events. Жду вас!

🔥 Присоединяйтесь и будьте в курсе самых топовых IT-event'ов!

#frontend_mylife

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

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

Когда начинающие разработчики спрашивают, что лучше купить: ноутбук на Windows или MacBook, а также какую клавиатуру и мышь, я всегда отвечаю - купите сначала удобное рабочее место. Без него все остальное не имеет смысла 🙂

Кстати, можете поделиться своим сетапом, интересно посмотреть)

Важный вопрос!

Как вы оцениваете свою продуктивность в работе? Есть ли какие-то лайфхаки, которые помогают не терять фокус?

Чем больше будет комментариев - тем лучше 🙂 Хочу собрать статистику ответов и тоже поделиться своими умозаключениями 🙂

#frontend_post

Как избежать эффекта первого впечатления при оценке задач?

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

1️⃣ Собирайте разные оценки
Пусть каждый член команды оценит задачу, а потом обсудите каждую из оценок. Так картина будет более объективна. Кстати, по подобному принципу работает Planning poker, когда из множества оценок вы приходите к чему-то единому.

2️⃣ Дайте себе время
Не оценивайте задачу сразу. Сделайте небольшую паузу, переварите информацию и сформируйте своё мнение. Часто первая цифра — это просто рефлекс, а не обоснованная оценка.

3️⃣ Разбейте задачу на части
Оценивать задачу целиком — рискованно. Попробуйте разделить её на мелкие этапы и оцените каждую часть отдельно. Так вы получите более детальную и точную картину, а эффект первого впечатления не сможет повлиять на итоговую сумму.

4️⃣ Опираться на реальные данные
Если есть возможность, посмотрите на результаты предыдущих похожих задач. Такие данные помогут объективно скорректировать ваши ожидания и уменьшат влияние первого услышанного числа.

5️⃣ Обсуждение и ретроспектива
После выполнения задачи обязательно проанализируйте, насколько ваши оценки были точными. Обсудите с командой, где эффект первого впечатления сыграл свою роль, и как можно было бы улучшить процесс оценки в будущем.

Эффект первого впечатления — это коварный «застрягатель», который может влиять на оценку задач и приводить к перерасходу времени и ресурсов. Собирайте мнения независимо, давайте себе время на размышление, разбивайте задачи на мелкие части и опирайтесь на реальные данные. Так вы научитесь оценивать задачи более объективно и точно.

А как вы боретесь с первым впечатлением при оценке задач? И вообще, насколько точно у вас получается оценивать задачи?

Небольшая подборочка полезных каналов для развития и мотивации во frontend ▶️

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

⚫️ Solvery — канал, где Senior и Middle+ разработчики делятся реальным опытом без воды. Как пройти путь из Макдональдса в IT и вырасти с 22К до 320К? Разбираем реальный кейс. Как не провалить собеседование? 80+ ключевых вопросов, которые вас точно спросят. Как пополнять портфолио без заказчиков? Держите готовый план действий. Ну, а если вы все еще боитесь идти на собес, то вот 30+ моковых интервью для прокачки навыков. Делимся всем, что помогает развиваться в IT, выходить на новый уровень и не топтаться на месте.

⚫️ Счастливый тимлид — блог про управление без страданий, про наём со всех сторон, про работу без выгорания и про реальную жизнь без глянцевых фильтров. Иногда жёстко, иногда смешно, но всегда по делу. У него в блоге разбираемс: Фронтенд усложняется! Или нет? Расскажет, какие навыки самые важные для разработчика. А если вас пугают алгоритмы, но базу подтянуть хочется, этот материал для вас.

⚫️ Ilnur Ryazhapov Frontend — блог Ильнура Ряжапова, фронтенд-сеньор-разработчика с 6-летним опытом. Здесь он рассказывает про жизнь программиста в Саудовской Аравии, Если ребятам нравится фронтенд и разработка на фреймворке ангуляр, то он берёт их к себе на менторинг, где обучает и выдает компетенции мидл-разработчика, даже если человек полный ноль во фронтенде. Заглядывайте в канал, чтобы узнать 1) какие навыки сейчас востребованы на рынке, 2) как добавить опыт в резюме без накрутки, или 3) что отличает тех, кто смог построить крутую карьеру.

⚫️ Рассказ фронтендера — канал о фронтенд-разработке. Алексей, фронтенд-разработчик в Сбере, рассказывает про JS, TS, React, современные веб-технологии и ИИ-сервисы для автоматизации разработки, а также делится полезными фишками. Минимум теории — максимум пользы!

Просмотрел каждый канал лично, так что гарантирую - годнота 😃

#frontend_interesting

Ну я не знаю даже, что сказать на это. Прокомментировать мне сложно данное событие) Особенно момент подтверждения навыков раз в год. Что-то не представляю, что разработчик знает что-либо, а потом взял и забыл) Что думаете?

Глядеть тут

🚀 В России появится Национальная система подтверждения ИТ-компетенций

ИТ-специалисты смогут бесплатно пройти тестирование и подтвердить свои компетенции на отечественной платформе. Эксперимент по её внедрению начнётся 14 февраля 2025 года и продлится до конца 2026 года.

🟦 Как это будет работать
С 31 мая 2025 года любой желающий, независимо от уровня образования, сможет пройти тесты и выполнить практические задания. В этом году на платформе планируется разместить материалы по 21 направлению (Python, Java, Git и др.).

Если специалист успешно пройдёт испытания, сертификат появится в личном кабинете на Госуслугах. Срок действия сертификата — один год.

🟦 Кто будет оператором платформы
Оператора платформы определят до 31 марта 2025 года. Президиум Правкомиссии изучит предложения организаций и определит оператора, наиболее отвечающего техническим требованиям.

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

🟦 Почему это важно
Это возможность для работодателей и образовательных учреждений точнее определять уровень ИТ-компетенций и подбирать подходящих сотрудников, а для специалистов — проверить свои знания и получить сертификат, подтверждающий их уровень.

@mintsifry #образование

#frontend_post

Что-то полезное техническое нет времени придумывать, но вот про опыт в стартапах расскажу 🙂

Неделю назад меня просили написать пост про то, стоит ли идти работать в стартапы. Кандидату предлагают +20% к текущей заработной плане. То есть есть ли смысл переходить со старой работы на проект без возможного будущего.

Если кратко: а хрен его знает 😁 Стартапы имеют свойства как загибаться через полгода, так и неплохо так вырастать.

Именно в стартапе я работал один раз. Это был и положительный, и отрицательный опыт.

Положительное:
1. Небольшая молодая и амбициозная команда профессионалов (да да, именно так) 😁
2. Ты выбираешь стек технологий и максимально погружен в проект.
3. То, что ты предлагаешь и делаешь скорее всего окажется в продакшене.
4. Нет всяких Agile, Scrum и т.п. Нет бюрократии

Отрицательное:
1. Кранчи. Сильны кранчи. У нас был жесткий срок по готовности MVP и помню, что 3 месяца мы работали почти без выходных с утра до поздней ночи, в том числе в новогодние праздники
2. В какой-то момент начались проблемы с финансированием, то есть пошли задержки заработной платы
3. Нет бюрократии. Да, как ни странно, это как плюс, так и минус. Так как разработка должна быть под контролем. Иначе за ней сложно уследить.
4. Часто работаешь в стол. Да, многие твои идеи дойдут до финального релиза, но что-то выкинется. А это недели работы.

Я работал на проектах, которые при мне превращались из стартапов в большие команды. За этим реально интересно наблюдать 🙂

Ну и обратную сторонку видел: когда проект не взлетает и загибается.

Мой совет: смотрите на то, готовы ли вы рискнуть.

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

Если бы мне сейчас предложили пойти в стартап - я бы не пошел (недавно приглашали на зарплату x2 от текущей). Но если нет других вариантов или вы понимаете, что новые условия вам помогут жизни - почему бы и нет? Грамотный специалист всегда найдет работу если стартап не взлетит)

А у вас опыт в подобном был? И как вы относитесь к стартапам? 🙂

#frontend_mylife

Неделя выдалась слишком насыщенной.

Понедельник - 11 часов из Астрахани в Краснодар

Вторник-среда более или менее свободные

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

Завтра - операция. Ничего страшного, просто долго шли к этому.

По приезду домой плотнее займусь апгрейдом ваших знаний и приступлю к записи обещанного курса 🙂

#frontend_post

Делюсь статьей из закрытого канала. Если работаете с Vue - советую почитать. Думаю, что-то новое точно узнаете.

Как улучшить производительность приложения на Vue

#frontend_mylife

Короче подключил у меня ребенок нечаянно Иви подписку. Думаю, дай отменю.

Столько подтверждений я встречал, наверное, только при отмене подписки в Яндексе 😁

Кажется, я был на базаре и со мной пытались торговаться 😃

#frontend_mylife

Пост для тех, кто любит игры, как и я 😄

Прошел очередную игру на Switch. В этот раз Prince of Persia: The Lost Crown.

Серия Prince of Persia идет из детства: паркур, крутые спецэффекты, перемотка времени - все это я увидел именно в этой серии, когда только появился дома ПК.

Много лет новых частей не было и в 2024 вышла The Lost Crown. Причем не в том виде, в котором ее привыкли видеть, от 3 лица, а прям настоящий платформер.

Что могу сказать: у меня пригорело от этой игры знатно 😁

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

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

Судя по обзорам и комментариям, я такой не один, что радует (значит, я не один такой криворукий 🫣).

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

8 принцев из 10 (и то, только потому что лично у меня пригорело из-за сложности 😁)

#frontend_post

Почему Skeleton — это не просто украшение, а спасение для UX?

Сейчас время терпеливых пользователей закончилось. Если страница грузится больше пары секунд и не даёт никакой обратной связи, 50% людей просто закроют её. Но мы же разработчики и должны удержать юзера. Поэтому Skeleton — это мастхэв.

1️⃣ Skeleton создаёт иллюзию скорости

Нет, он не ускоряет загрузку данных, но он обманывает мозг. Если человек видит, что что-то уже «отображается», он терпеливее ждёт. Это давно доказанный UX-приём. То есть здесь мы уже решаем задачу удержания юзера.

2️⃣ Компонентный подход спасает кодовую базу

Если у вас в проекте карточки товаров, посты в блоге, аватарки и таблицы — у каждого из них должен быть свой Skeleton. Так не придётся придумывать велосипеды каждый раз.

3️⃣ Skeleton решает проблемы с «дерганьем» верстки (CLS)

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

4️⃣ Можно кастомизировать под бренд

Skeleton — это не обязательно скучные серые блоки. Хочется плавную анимацию? Без проблем.

5️⃣ Со Skeleton продукт выглядит дороже

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

Если ваш дизайнер не предусмотрел этого - советую спросить у него причину 😀

#frontend_mylife

Как говорится, 31 год бывает раз в жизни 😀

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

Не теряйте 🙂