Looping words

Стилизовано в CSS и анимировано библиотекой gsap.

👉 @seniorFront

​Почему программисты никогда не вымрут

Буквально 20 минут назад прочел статью - Сгенерированный ИИ код сделает вас плохим программистом. И у меня созрела мысль, которую я до этого нигде не читал.

Итак, о чем статья то. Я ни в коем случае не обесцениваю труд автора, но я прочел ее краткое содержание примерно так:

Почему нельзя писать код с помощью нейросетей:
- Вы станете тупым
- Вас никто не будет уважать
- Это вообще не дело

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

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

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

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

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

Тоже самое, что сказать - "код на C++ говно, на python гораздо лучше. Кто пишет на python, за тем будущее". Ах, да... Такой тезис периодически звучал последние несколько лет.

Хороший программист - это профессионал, финальный продукт деятельности которого удовлетворяет заказчика. Если тебе надо выбивать дырки на перфокарте и написание "hello, world!" отнимает у тебя неделю, то это не удовлетворит ни одного заказчика. Если вносить правки в систему умеет 2 человека в мире, такой продукт ни одного вменяемого человека также не устроит.

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

👉 @seniorFront

Как убить самоорганизацию в команде: вредные советы для лидера

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

👉 @seniorFront

Responsive app switcher or carousel

Реализовано на чистом CSS при помощи CSS animation-timeline.

👉 @seniorFront

Cursor in & Out Ripple Effects

В этом видео создается анимация при наведении на карточку, зависящая от положения курсора пользователя. Параметры анимации задаются в JS при срабатывании события mousemove.

👉 @seniorFront

В жизни каждого разработчика однажды наступает момент, когда перед ним возникает оно… ЛЕГАСИ 👻

Что такое легаси код и откуда он берется? Как обнаружить легаси в проекте? Какую ошибку постоянно совершают лиды? Как предупредить проблему в будущем? Когда стоит отказаться от рефакторинга?

Обо всем этом расскажет лид frontend-разработки Мерка, Никита Шальнев, на онлайн-митапе «Как лиду работать с легаси?»

Встречаемся с вами в 19:00 МСК в канале @merkteam ⬅️

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

Нет у меня никакого выгорания, наверное

👉 @seniorFront

Lotsa Notifications

Логика работы уведомлений реализована на чистом JS.

👉 @seniorFront

Fancy wipe

На текст накладывается CSS mask, и затем анимируется свойство mask-position.

👉 @seniorFront

CSS Circular Image Rotate Animation Effects

В этом видео создается анимированная карусель с картинками на чистом CSS.

👉 @seniorFront

Interactive SVG World Map

Вся сцена - это SVG картинка, анимируемая при помощи библиотеки Three.js

👉 @seniorFront

longest_palindrome

Найдите длину самой длинной подстроки в заданной строке s, которая совпадает с ней в обратном порядке. В качестве примера, если вводимая строка была "I like racecars that go fast", длина подстроки (racecar) будет равна 7. Если длина входной строки равна 0, возвращаемое значение должно быть равно 0.

Пример:

 longestPalindrome("baabcd") = 4

👉 @seniorFront

Рекрутеры — паразиты? Отказ на свою же должность в IT

Любой айтишник в 2024 году сталкивался с реалиями найма:
- бред в вакансиях, иррациональные требования от 10 лет опыта, спам и холодные рассылки «Привет,%USERNAME%»
- игнорирование присланного резюме, автоматические отказы «мы решили продолжить с другим кандидатом»
- HR-скрининги со странными вопросами от людей без технических компетенций

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

Но 2 месяца назад завирусился тред с редитта, где менеджер негодует на свой HR отдел, высылающий автоматический отказ всем кандидатам (включая его).

Этот пост мотивировал меня провести такой же эксперимент на СНГ рынке. Результаты ошеломляют.

👉 @seniorFront

Почему не стоит писать все стили в style ?

Написание всех стилей непосредственно в атрибуте style не является хорошей практикой по ряду причин:

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

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

3. Упрощение изменений и обновлений
Изменение стилей в одном месте (CSS-файл) проще и быстрее, чем изменение атрибутов style для каждого элемента. Это особенно важно для больших проектов.

4. Улучшение производительности
Браузеры кешируют CSS-файлы, что уменьшает время загрузки страницы. Инлайновые стили загружаются каждый раз, когда загружается HTML-документ, что увеличивает нагрузку на сеть.

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

6. Поддержка медиа-запросов и адаптивного дизайна
CSS-файлы позволяют легко использовать медиа-запросы для адаптивного дизайна. Это сложно и неэффективно делать с инлайновыми стилями.

/* CSS файл */
@media (max-width: 600px) {
  .container {
    flex-direction: column;
  }
}

👉 @seniorFront

LAYERED TEXT

Анимировано библиотекой GSAP, логика изменения цвета и текста реализована в JS.

👉 @seniorFront

Крутить или не крутить?

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

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

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

👉 @seniorFront

Рефакторинг в условиях жесткого дефицита ресурсов

Я архитектор в одном занимательном продукте в области документооборота…

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

Качество разработки ниже любых стандартов разработки. И жил он себе потихоньку, с убитым качеством, но вдруг его решили масштабировать, сократить количество инцидентов, сократить сроки их устранения. Только денег дать забыли – ну так бывает у госов, пока там дойдет финансирование…

👉 @seniorFront

Разработай прорывное решение для автоматического Code Review с помощью ИИ на хакатоне ЕВРАЗа 3.0🔥

🦾 Создай будущее Code Review с ИИ! 

Участвуйте в нашем уникальном хакатоне по созданию ИИ-чатбота, который станет незаменимым помощником для разработчиков ЕВРАЗа! Выберите одно из направлений — Python, TypeScript или C#, и разработайте решение для анализа кода на соответствие нашим стандартам. 

Дата: 29 ноября – 1 декабря 2024.
Формат: гибридный (онлайн и офлайн).
Призовой фонд: 500.000 рублей.

🧑‍💻 Присоединяйся к хакатону, если ты:
– AI-специалист;
– Frontend / Backend-разработчик;
– Студент или выпускник технического вуза.

⚡️ Зачем участвовать?
– Прокачаешь скиллы и получишь обратную связь от ведущих экспертов отрасли.
– Прикоснешься к ИТ в ЕВРАЗе.
– Получишь возможность стать частью масштабной и амбициозной команды ЕВРАЗа.

🔸 Регистрация уже открыта! Подай заявку до 25 ноября 23:59 МСК по ссылке.

Interactive Lit LLaMA

Это SVG картинка, анимированная в CSS.

👉 @seniorFront

Tooltip Text

В этом видео создается текстовая подсказка, которая следует за курсором пользователя на чистом JS.

👉 @seniorFront