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

💻 Завтра 21 июня в 20:00 мск OTUS приглашает разработчиков, знакомых с JavaScript, на открытый вебинар «Обзор новых возможностей Node.js». 📚 На занятии обсудим нововведения в последних версиях Node.js и подробно разберем каждое из них. 🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁 ➡️ Для регистрации на вебинар пройдите небольшой тест по JS https://otus.pw/CL3K/

👉 @seniorFront

Longcat Spinner Создан при помощи препроцессоров Pug и SCSS. 👉 @seniorFront

Build Tower Создайте башню-пирамиду, состоящую из символов "*". В качестве входного параметра приходит число этажей башни. Пример: Башня с 3 этажами [ " * ", " *** ", "*****" ] 👉 @seniorFront

Another Datepicker Уникальный DatePicker, созданный из svg картинки, анимированной библиотекой GSAP. 👉 @seniorFront

Array.isArray() Время от времени необходимо проверить, хранится в переменной массив или что-то другое. Статический метод Array.isArray() проверяет, является ли переданный аргумент массивом. Возвращает true, если является, и false — если нет. const arr = [1, 2, 3] const emptyArr = [] const bool = true const num = 5 console.log(Array.isArray(arr)) // true console.log(Array.isArray(emptyArr)) // true console.log(Array.isArray(bool)) // false console.log(Array.isArray(num)) // false 👉 @seniorFront

Animated Background Effects В этом видео автор создает анимированный сцену из светящихся элементов на чистом CSS. 👉 @seniorFront

Нетология ищет экспертов Преподавание для IT-специалистов — это не только дополнительный заработок, но и возможность улучшить своё ораторское мастерство и менторские навыки, развить личный бренд, найти единомышленников среди преподавателей. Нетология ищет экспертов уровня middle и выше, которые готовы делиться накопленными знаниями. Если вы хотите лично обучить будущих коллег и развить свои менторские навыки — переходите по ссылке, оставляйте контакты и становитесь экспертом Нетологии. Подробнее здесь

Pikachu in 3D Box Создана и анимировано на чистом CSS. 👉 @seniorFront

Shader Сцена создана и анимирована при помощи библиотек PixiJS и Gsap. 👉 @seniorFront

One Day Offer уже скоро! Друзья, осталось всего несколько дней, чтобы решить задачи контеста и принять участие в One Day Offer для фронтенд-разработчиков! Напоминаем, что задачи доступны до 21 июня включительно, а 25 июня мы проводим онлайн-секции и раздаем офферы лучшим участникам. От вас мы ждем опыт в JS-разработке не менее трех лет, взамен предлагаем интересные задачи в командах Поиска, Yandex Cloud или Директа 🔥 Зарегистрироваться можно здесь 👇

Замыкания в JavaScript Замыкание в JavaScript - это комбинация функции и лексического окружения, в котором она была определена. Это позволяет ей обращаться к переменным и функциям этого лексического окружения в дальнейшем. В следующем примере мы определяем функцию makeCounter(), которая фактически является фабричной функцией. При вызове она возвращает дочернюю функцию, которая имеет доступ к лексическому окружению внешней функции, то-есть функции makeCounter(). Таким образом, возвращаемая функция запоминает переменную counter и в последующем изменяет ее значение. function makeCounter(initial = 0) { let counter = initial; return function() { return counter += 1; } } const counterA = makeCounter(0); console.log(counterA()); // 1 console.log(counterA()); // 2 const counterB = makeCounter(100); console.log(counterB()); // 101 console.log(counterB()); // 102 👉 @seniorFront

Modern CSS Glowing Button В этом видео автор создает кнопку с эффектом свечения при наведении. 👉 @seniorFront

Всё чаще задумываетесь о том, чтобы сменить сферу деятельности, но страхи и сомнения не дают сделать первый шаг? У Skillbox есть решение — онлайн-курс «Профессия Frontend-разработчик с нуля до PRO»! Frontend-разработчик создаёт видимую часть сайтов и веб-приложений при помощи языков разметки и программирования, фреймворков и других инструментов. Вы с нуля изучите JavaScript, TypeScript и другие трендовые технологии разработки веб-приложений. Соберёте портфолио и начнете карьеру frontend-разработчика. Кому подойдёт этот курс? — Абсолютным новичкам. Пройдёте путь от человека, далёкого от IT, до уверенного веб-разработчика с навыками командной работы. Сможете начать карьеру в перспективной IT-студии. — Начинающим программистам. Прокачаете навыки вёрстки, научитесь работать с фреймворками и создавать десктопные приложения на JS. Первые 6 месяцев обучения — бесплатно! Не упускайте возможность освоить востребованную профессию! Подробнее: https://clc.to/Pgic7Q

Flip Card Автор реализовал эффект переворота карточки на чистом CSS. 👉 @seniorFront

Glitchy Loading Indicator Оригинальный загрузчик, созданный при помощи библиотеки Lettering.js. 👉 @seniorFront

❓Хотите научиться создавать веб-приложения на JavaScript? 💻 16 июня на открытом вебинаре в OTUS вы познакомитесь с Service worker, Fetch networking, Cache API, Push, IndexedDB и Web Manifest и на примере увидите, как эти технологии позволяют создавать качественные прогрессивные веб-приложения. Урок является частью онлайн-курса «JavaScript Developer. Basic» для новичков в программировании. Используйте эту возможность познакомиться с преподавателем и оценить курс. 👉 Записаться на открытый вебинар ='noreferrer nofollow' href='https://otus.pw/zVWC7/'>https://otus.pw/zVWC7/