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

Weekend Offer от Вконтакте для фронтенд-разработчиков стартует 19 марта не смотря ни на что Поэтому, если вы в поиске работы, оставить заявку на участие можно до 18 марта включительно. Уже 19 марта Вконтакте проведёт общую встречу с тимлидами и СТО, на которой они расскажут про задачи и продукты, чуть позже проведут технические собеседования. А 20 марта пройдёт финальное интервью со всеми, кто успешно пройдёт первый этап, чтобы обсудить условия работы. Сейчас требуются специалисты в самые разные команды, поэтому шансы достаточно высоки. Смотрите сами, им нужны специалисты для развития суперприложения, мессенджера, фронтенд-инфраструктуры, визуализации данных, поиска, различных сервисов проекта и внутренней разработки. Поспешите оставить заявку: https://tprg.ru/w6sE

Timekeeping Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap. 👉 @seniorFront

👉 @seniorFront

Абстракция Создано на canvas. Элементы сцены создаются и анимируются библиотекой Three.js. 👉 @seniorFront

parseInt() reloaded Ваша задача - создать конвертер строки в число. Входящая строка представляет собой число, записанное словами. Примеры: "one" => 1 "twenty" => 20 "two hundred forty-six" => 246 "seven hundred eighty-three thousand nine hundred and nineteen" => 783919 👉 @seniorFront

SVG Overexposure Mask Вся сцена - это svg картинка, которая анимируется библиотекой gsap. Логика переключения между частями картинки сделана в JS. 👉 @seniorFront

Supports CSS Директива @supports позволяет проверить, поддерживает ли браузер свойство, правило, селектор CSS. Если условие срабатывает, то будет выполнен CSS-код, написанный внутри фигурных скобок. Если нужно проверить свойство или значение, нужная конструкция записывается сразу в круглых скобках: @supports (transform: perspective(150px)) { div { transform: perspective(150px); } } 👉 @seniorFront

Bouncing DVD Logo Автор создает и анимирует логотип DVD, который никак не может попасть в угол экрана. Осталось добавить немного JS, чтобы логотип изменял цвет, когда врезается. 👉 @seniorFront

Scroll Snap Experiment Карусель с картинками с возможностью открыть картинку в новом окне и переключением темной/светлой темы. 👉 @seniorFront

Как выучить Java Script за пару недель 1. Забить на курсы 2. Подписаться на Java Script CMD 3. Впитать все знания и скиллы в ёмких статьях, картинках, примерах и тестах. Нафиг курсы, теперь у тебя есть JavaScript CMD 👇🏻

CSS Bear Toggle Уникальный переключатель-медведь на HTML и SCSS. 👉 @seniorFront

Атрибут inputmode Атрибут inputmode говорит браузеру на устройствах с экранной клавиатурой какой набор символов показать при вводе данных в конкретное поле. Указывается для элементов <input> или <textarea>. Пример <input type="text" inputmode="numeric" /> <textarea inputmode="text"></textarea> Важно понимать разницу между атрибутом type и атрибутом inputmode: - inputmode только подсказывает браузеру, какой набор символов предложить пользователю для взаимодействия с полем ввода; - type устанавливает тип данных, которые пользователь может ввести в поле ввода. 👉 @seniorFront

💻 Осваиваешь Vue.js? Приходи на вебинар «Сравнение стейт менеджеров. Redux vs Vuex vs новый — Pinua» 16 марта в OTUS. В любом приложении среднего размера разработчик сталкивается с задачей централизованного управления стейтом. В современном Vue 3 мы можем это делать и без Vuex, полагаясь только на hooks + provide/inject. На уроке мы рассмотрим плюсы и минусы такого подхода в реальном приложении, а также установим упрощённый стейт-менеджер Pinya и научимся им пользоваться. Занятие пройдет в рамках онлайн-курса «Vue.js разработчик». Для комфортного участия нужно определить ваш уровень подготовки. 🎯 Пройдите тест и записывайтесь на мероприятие https://otus.pw/iW1i/

Custom Checkbox В этом видео автор создает кастомный тогл, стилизуя input c типом checkbox и его дочерние элементы. 👉 @seniorFront

Они смеялись, но когда мы начали публиковать лучшие статьи по JavaScript ... - ТОП статей с переводом - Еженедельный дайджест по JS, tools, релизы - Вакансии в Kvando на JS/React - Шаблоны кода Подписывайся, сейчас: https://t.me/+4TAaad3lplIwZDcy