Senior Frontend - javascript, html, css

Interactive Form Оригинальная форма регистрации, свёрстанная на HTML и SCSS. 👉 @seniorFront

Ищу желающих заполнять карточки товаров на ВБ! Работа полностью на удаленке с зп до150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться" Зарегистрироваться #реклама 16+ course.wildmanager.ru О рекламодателе

Preloading Space Animation Оригинальный загрузчик, реализованный с использованием препроцессоров Pug и SCSS. 👉 @seniorFront

Шок: в «Гарри Поттере» давно выдали всю базу про возвращение удалёнщиков в офис 👉 @seniorFront

⁉️ Как работает алгоритм KNN? Только начинаете изучать машинное обучение и хотите разобраться в одном из самых простых и эффективных алгоритмов? Присоединяйтесь к открытому вебинару 23 сентября в 20:00 и узнайте, как работает алгоритм K-ближайших соседей (KNN)! На уроке мы: - Объясним, как сравниваются объекты и почему важно учитывать "соседей". - Применим KNN на реальных данных с помощью Python и библиотеки scikit-learn. - Расскажем, когда KNN работает эффективно, а когда стоит выбрать другой алгоритм. ➡️ Присоединяйтесь к вебинару и получите скидку на курс «Machine Learning. Basic»: https://clck.ru/3PGhUM Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjezon94

Glowing Corner Hover Effects В этом видео создаются карточки с эффектом свечения на CSS и JS. 👉 @seniorFront

Animated Easter SVG Подборка SVG иконок, анимированных библиотекой anime.js 👉 @seniorFront

Что изменилось на рынке труда в IT: исследование на выборке из 128 специалистов В последнее время мне много говорили об изменениях на рынке найма в айти и я решила эту тему исследовать. В этой статье — результаты опроса и ключевые инсайты о зарплатах, поиске работы и текущем настроении айтишников. 👉 @seniorFront

Начальник следил за всем: отчёты по часам, скрины экрана и даже походы в туалет В 18:45 ко мне подошла HR с планшетом: "Что ты сегодня сделал?" Это был третий допрос за день, чтобы доказать, что я не просто грею стул. Зарисовка из одной известной компании, где я работал. Каждую неделю на статусы, фоллоуапы и дейлики уходили часы — время, когда можно было доделать фичу или пообедать нормально. Став проджектом, я первым делом выжег этот идиотизм, а потом разобрался, чем заменить. В посте — самые нелепые форматы отчётности, которые я встречал, альтернативы им и управленческие ошибки, запускающие такое. Самые абсурдные формы отчётности Собрал кейсы из своего опыта и историй знакомых. Плюс — как их заменить. Таблицы с отчётами Жёсткий эксель: часы с 9:00 до 18:00, каждая клетка — что делал ("11:00 — созвонился с шефом"). Пустых не бывает. HR или стажёр ходили по офису: "Занесите в таблицу!" Бывший коллега отзывался так: "Это не работа, а тюрьма с Excel-рамками. Каждый час — как допрос". Чем заменить: Такие таблицы — перебор. Руководители хотят прозрачности по проектам. Лучше сводки в YouGile: отчёты на доске, собирающие задачи по критериям. Я смотрю: - Задачи с горящим дедлайном; - Требующие срочного вмешательства; - По конкретному сотруднику; - С активным обсуждением (много комментов — признак проблем). Это мониторинг в реальном времени, без лишнего контроля. Отказался от всех "бесящих" отчётов. Отчётные зумы всей команды По пятницам 30 человек в зуме "для инфополя". Каждый пересказывал неделю — к середине все забыли, что делали. Плюс, половина — про чужие задачи. Отзыв из той компании: "Зумы — это час зря, все зевают и ждут конца". Чем заменить: - Короткие созвоны внутри команды (15–30 мин): по незакрытым задачам, статусам, вопросам. - Демо раз в месяц для других отделов: спикеры от команд, 10 мин на речь с результатами. Синхронизация без марафона. Видеодневники Раз в неделю — кружок в чат "Чего я достиг". Джуны старались серьёзно, лиды стебались. Я записал 16 видео — никто не посмотрел. Идея: научиться коротко рассказывать о результатах.Чем заменить: Перенести в one-to-one: там сотрудник расскажет о новом, трудностях. Лично и полезно. Стихийные срочные отчёты Фаундер видит, что ты долго пьёшь кофе — и требует отчёт за неделю. Или, как на форуме: заметил "не ту позу" — пиши, что делал месяц. Один парень жаловался: "Босс увидел, как я стою у окна, и велел отчитаться за весь месяц. Как в комедии". Чем заменить: Искоренить. Недоверие хуже любого формата — демотивирует. Квартальные отчёты Друг из консалтинга готовит с первого дня квартала: для премии, бюджета, "насолить" другим. Отчёт — главный результат. Чем заменить: Для операционки — выгрузка из трекера (закрыто/просрочено). Для руководителей — по KPI: цель, сделано, не получилось (почему), планы. В YouGile — автоматически. P.S. В госе — специфика, смириться. Чаты с фоллоуапами Ежедневные апдейты после встреч — одно и то же из дня в день. Руководитель лайкал, половина команды выдумывала "координацию". Чем заменить: Канбан-доска в трекере: видно задачи, ответственных, статусы. Фильтры по параметрам. Смотрим данные, уточняем только при вопросах. Вместо вывода Отчёты нужны для контроля, но цель — здоровая прозрачность, не идеальная отчётность.Мои идеи — опора в управлении. Надеюсь, пригодятся.А вы что думаете про отчёты? Писали "рассказы о дне"? Делитесь в комментах! 👉 @seniorFront

REKONFA Live 6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рынок, тренды, вызовы и их решения. С докладами на актуальные темы выступят лидеры индустрии и медийные спикеры. Принять участие можно офлайн и онлайн. Мероприятие бесплатное, нужно только зарегистрироваться. Зарегистрироваться #реклама 18+ ya.rekonfa.ru О рекламодателе

Parallax Bake Shop Card Карточка с эффектом параллакс, реализованная на HTML, CSS и чистом JS. 👉 @seniorFront

​Атрибут crossorigin Атрибут crossorigin указывает браузеру, как обращаться с внешними (кроссдоменными) ресурсами, чтобы соблюсти политику Cross-Origin Resource Sharing. Используется, например, с изображениями, шрифтами, видео, аудио, скриптами и стилями, подключёнными с других доменов. Пример

<!-- Подключаем шрифт с другого домена -->
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Manrope&display=swap"
  crossorigin="anonymous"
>

<!-- Видео с другого домена, требующее авторизации -->
<video controls crossorigin="use-credentials">
  <source src="https://example.com/secure/video.mp4" type="video/mp4">
</video>

Атрибут crossorigin может принимать несколько значений: - anonymous (значение по умолчанию) — отправляет запрос без учётных данных (куки, заголовков авторизации, клиентских сертификатов). Ответ должен содержать заголовок Access-Control-Allow-Origin. - use-credentials — отправляет запрос с учётными данными. В случае использования use-credentials ответ от сервера должен включать:

Access-Control-Allow-Origin: [точный домен]
Access-Control-Allow-Credentials: true

Применяется в таких тегах, как: <img>, <script>, <link>, <audio>, <video>, <iframe>, <use> (в SVG). Подсказки 💡 Если вы подключаете ресурсы из CDN (сети доставки содержимого) и они не загружаются, попробуйте добавить crossorigin="anonymous". 💡 Без crossorigin некоторые теги работают, но доступа к данным ресурса через JavaScript не будет. К примеру, скрипт для анализа аудио. 💡 Неправильное ключевое слово или пустая строка, будет обработано как anonymous. 💡 Проверяйте консоль браузера: она подскажет, если нарушена политика CORS. 👉 @seniorFront

Выгорание в IT. Как распознать первые сигналы и не сгореть Давай поговорим о том, о чем все знают, но предпочитают молчать, пока не прижмет — о профессиональном выгорании. Выгорание не миф, не слабость и не повод для шуток про «программисты не люди». И IT, с его бешеным темпом, постоянными изменениями, высокими ожиданиями и культурой «быть всегда на связи», – идеальная среда, чтобы жить в работе и сгорать. Если игнорируешь первые звоночки выгорания, то рискуешь скатиться в полноценный кризис, где не поможет ни отпуск, ни повышение зарплаты. Ловить выгорание нужно, когда оно еще обратимо усилиями самого человека и небольшими корректировками работы. 👉 @seniorFront

Minimum Reduction Пирамида чисел - это рекурсивная структура, в которой каждый следующий ряд строится путем сложения соседних значений текущего ряда. Учитывая первый ряд пирамиды чисел, найдите значение, хранящееся в ее последнем ряду. Пример:

 reducePyramid([3n, 5n]) = 8n

👉 @seniorFront

Alphabet soup Это анимация загрузки, реализованная при помощи библиотеки gsap. 👉 @seniorFront

Card Hover Effects В этом видео создаются карточки с 3D эффектом при наведении на CSS. 👉 @seniorFront

Toast Catcher Вся игра - это SVG картинка, анимированная в SCSS. Логика реализована на чистом JS. 👉 @seniorFront