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

Главное чтобы задача была интересная

👉 @seniorFront

Editor Canvas

Вся сцена - SVG картинка, анимированная библиотекой TweenMax.

👉 @seniorFront

envelope with animation

Свёрстано на чистых HTML и CSS. При наведении запускаются CSS трансформации.

👉 @seniorFront

Our Services Box

В этом видео создаются карточки с оригинальным эффектом при наведении на CSS.

👉 @seniorFront

Anxious dots

Реализовано на canvas и чистом JS.

👉 @seniorFront

Descending Order

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

Пример:

Ввод: 42145     —>  вывод: 54421
Ввод: 145263   —>  вывод: 654321
Ввод: 123456789  —> вывод: 987654321

👉 @seniorFront