Senior Frontend - javascript, html, css. Страница 50

Mochi Shiba Создано на Vue. Анимации реализованы в SCSS. 👉 @seniorFront

Научитесь оживлять интерфейсы: пользователям нравится, когда на сайте что-то вращается, а заказчики готовы платить больше за такую работу. При этом анимации могут и отталкивать, если они замедляют загрузку страницы, поэтому их важно оптимизировать. Создавайте удобные интерфейсы, где пользователь без труда разберётся, как в 2 клика заказать пиццу, отправить резюме, купить обучение. А с помощью микроанимаций оживляйте сайт и создавайте эффекты разной сложности⚡️ До 31 июля даём скидку 30% на пакет “Разработчик интерфейсов” и на 5 входящих в него курсов: – CSS-анимации; – Дизайн-системы; – Подготовка вёрстки для CMS; – Вёрстка React-компонентов; – Шаблонизаторы HTML; – пакет «Разработчик интерфейсов» — все 5 курсов вместе с дополнительной скидкой 10%. Учитесь в комфортном темпе, совмещая с работой и практикуйте новые навыки сразу в своих проектах. Подробнее о пакете “Разработчик интерфейсов” – https://vk.cc/cfcNiR

👉 @seniorFront

Instagram icon Анимированная иконка, созданная с использованием препроцессоров Pug и Stylus. 👉 @seniorFront

Compare Versions Создайте функцию compareVersions, которая сравнит два номера версии операционной системы и вернет true, если первая версия более новая. Примеры: compareVersions("11", "10"); // returns true compareVersions("11", "11"); // returns true compareVersions("10.4.6", "10.4"); // returns true compareVersions("10.4", "11"); // returns false compareVersions("10.4", "10.10"); // returns false compareVersions("10.4.9", "10.5"); // returns false 👉 @seniorFront

CSS Bicycle Создано без использования JS. Автор использует препроцессоры Pug и SCSS. 👉 @seniorFront

appearance Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows. Свойство appearance позволяет задавать внешний вид одних элементов другим элементам. При этом браузер будет отрисовывать их с учётом текущей операционной системы пользователя и темы оформления. В настоящее время используется в основном appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере. 👉 @seniorFront

Курс «Английский для разработчиков» от Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде. Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. Запишитесь на бесплатную консультацию. Определим ваш уровень языка, расскажем про обучение и ответим на все вопросы

Gradient Circle Text Animation В этом видео автор создает циферблат с символами, которые располагаются в зависимости от значения CSS переменных, значения которых задаются через инлайн стили в HTML. 👉 @seniorFront

Filter slider Все элементы слайдера - это радио-кнопки, активация которых изменяет стили. Создано на препроцессорах Pug и Stylus. 👉 @seniorFront

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

3D Cute Lion Создано без использования JS при помощи препроцессоров Pug и SCSS. 👉 @seniorFront

<progress> Тег <progress> создаёт индикатор выполнения задачи. Обычно выглядит как прогресс-бар. Пример <p>Подождите, пожалуйста, файл загружается</p> <progress value="30" max="100"></progress> progress стоит использовать для вывода информации о процессе, который выполняется и должен завершиться: прогресс загрузки файла, процесс соединения абонентов, длительность таймера. max — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно 1. value — текущее значение. Положительное число, допускаются дробные значения. Должно находится в пределах между 0 и значением атрибута max. Также его можно менять при помощи JavaScript. 👉 @seniorFront

Particles В этом видео автор создает частицы, которые разлетаются у курсора пользователя на ванильном JS. 👉 @seniorFront

Онлайн-квартирникк «Инфраструктура на аутсорсе: жива или мертва?» Анонс от нашего партнера Southbridge 4 августа приглашаем на онлайн-квартирник «Инфраструктура на аутсорсе: жива или мертва?». Мы видим, что рынок аутсорса DevOps и SRE меняется, и хотим поговорить об этом. Приглашаем обсудить вопросы и перспективы аутсорса инфраструктуры вместе с коллегами из АльфаСтрахования, Ростелекома, КРОК, Selectel, KTS, Timeweb cloud. Будут обсуждения и круглый стол, возможность задать вопросы и высказаться. 🗓 4 августа (четверг) в 11:00 мск. ПРОГРАММА Обсуждения: 🔹Бизнес-модель ИТ-аутсорсеров. 🔹Когда можно обойтись без проджекта: о командах эксплуатации на аутсорсе. 🔹Факапы и жалобы клиентов. Почему клиенты жалуются? Круглый стол 🔸SLA в условиях импортозамещения. Мы — Southbridge. DevOps-аутсорсер, поддерживаем и развиваем высоконагруженные проекты. Хостим это мероприятие, потому что хотим поговорить про важные для нас вещи. Присоединяйтесь, чтобы не пропустить: https://slurm.club/3Px654j

Rotating Twisted Ring Круги реализованы при помощи CSS radial-gradient. Анимировано в CSS. 👉 @seniorFront

Noisy ghost Создано на canvas и WebGL. Анимировано библиотекой Three.js 👉 @seniorFront

❗️ Без знания алгоритмов не обойтись! Большинство ведущих IT-компаний на собеседованиях проверяют кандидата на умение реализовывать классические алгоритмы. ❓ Какие алгоритмы должен знать каждый программист? 💪 Расскажем на интерактивном вебинаре с опытным программистом с 20-летним опытом Евгением Волосатовым. 👉 Регистрируйтесь на вебинар «Пирамидальная сортировка выбором» 📌 Бесплатный вебинар пройдет в рамках практического онлайн-курса «Алгоритмы и структуры данных». Формат обучения подходит для любого языка программирования. 👉 Для участия зарегистрируйтесь на мероприятие https://otus.pw/TZIf/