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

Simple Email Validation В этом видео стилизуется input и создается валидация вводимого значения при помощи регулярного выражения. 👉 @seniorFront

CSS Movie Clapboard Создано на HTML и SCSS. Анимировано при помощи CSS keyframes. 👉 @seniorFront

Monster Mash (Game) Игра, созданная на canvas и JS. 👉 @seniorFront

Сколько пальцев на руке Брюса Всемогущего? Столько горячих вакансий у IT_One🔥 1️⃣ Системный аналитик 2️⃣ Java Backend Developer 3️⃣ Технический лидер команды 4️⃣ Разработчик Frontend 5️⃣ Frontend разработчик (React) 6️⃣ Frontend Developer 7️⃣ Старший Frontend разработчик Самые интересные проекты с открытыми вакансиями в компании IT_One: ✔️С 2006 года команда занимает лидирующие позиции на рынке системной интеграции. ✔️ Реализовали более 600 проектов для государственных и крупных коммерческих заказчиков. ✔️Собрали большую команду, в которой сочетаются профессионализм, опыт и молодость (более 1800 специалистов). Подписывайся на канал IT_One и следи за вакансиями!

​Должен ли продакт-менеджер уметь программировать? Учить языки программирования или не учить? Вот в чем вопрос. Каждый продакт-менеджер сталкивался с ним в начале своей карьеры. Если коротко — нет, но есть нюансы: Размер компании Если вы работаете в стартапе с небольшим количеством людей и, например, хотите получить какие-то данные из базы данных, то лучше уметь писать элементарные запросы на Python/SQL, чем писать задачу для нужного разработчика. В этом случае навыки программирования становятся вынужденной необходимостью. Глубокое знание продукта Понимание кода поможет тщательно обдумывать важные решения, касающиеся реализации тех или иных функций и алгоритмов, и принять правильные решения. Общение с командой Представьте, что вы поехали в Англию, не зная даже как здороваться на английском. В принципе, можно справиться и так. Но с местными особо не пообщаешься. Как знание английского помогло бы во время путешествий, так и умение программировать поможет заговорить на одном языке с разработчиками. Расширение кругозора Как ни крути, ничто не поможет вам подтянуть навыки решения проблем так же хорошо, как программирование. В процессе отладки программы приходится набираться терпения — как и в процессе решения любых жизненных проблем. 👉 @seniorFront

Shattered Анимация создана при помощи библиотеки gsap. 👉 @seniorFront

4PDA теперь в Telegram! 4PDA – крупнейший в рунете тематический ресурс, посвященный технологиям, приложениям и кодингу. Специально для программистов у них появился официальный канал в телеграм, где вы увидите сливы платных курсов, интересные статьи и много другого! Подписывайтесь: @4pda_forum

Array.prototype.concat() Метод concat() возвращает новый массив, состоящий из массива, на котором он был вызван, соединённого с другими массивами и/или значениями, переданными в качестве аргументов. const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2); console.log(array3); // expected output: Array ["a", "b", "c", "d", "e", "f"] Метод concat не изменяет данный массив или любой из массивов, переданных в аргументах, а вместо этого возвращает поверхностную копию, содержащую копии тех элементов, что были объединены с исходными массивами. Элементы оригинальных массивов копируются в новый массив. 👉 @seniorFront

3D glass weather icons Иконки, сверстанные на HTML и SCSS. 👉 @seniorFront

Simple time difference Вам дан массив, строк. Каждая строка представляет собой время, установленное на будильнике. Создайте функцию, которая вычислит максимальный интервал между срабатыванием будильника. Примеры: solve(["14:51"]) = "23:59". // If the alarm sounds now, it will not sound for another 23 hours and 59 minutes. solve(["23:00","04:22","18:05","06:24"]) == "11:40". // The max interval that the alarm will not sound is 11 hours and 40 minutes. 👉 @seniorFront

Living Shapes В JS создана логика, которая изменяет форму элементов рандомно с определенным интервалом. 👉 @seniorFront

Explore Button В этом видео создается и анимируется кнопка с оригинальным эффектом наведения. 👉 @seniorFront

👉 @seniorFront

Magnify Glass w/ Zoom Изначально на картинку накладывается фильтр blur. В js создана логика, благодаря который фильтр убирается в месте, где находится курсор пользователя. 👉 @seniorFront

Interactive Form Реализовано без использования JS. Различные стили задаются по псевдоклассу :focus. Фокус переключается клавишей tab. 👉 @seniorFront

👉 @seniorFront

Color Switch Animated Login Page В этом видео создается форма входа и кнопки для смены цвета этой формы. Каждой кнопке задается цвет в виде CSS переменной. Через JS берется значение этой переменной и устанавливается элементам формы. 👉 @seniorFront

Студенты заставили своего угарного препода по программированию создать телеграм-канал. Его обожают за умение просто и остроумно рассказывать про код, рекурсию и объяснять сложные алгоритмы так, что любой школьник сможет повторить. В свободное время он выводит онлайн-курсы на чистую воду и рассказывает как запросто прокачаться до сениора за полгода. Если ты работаешь или учишься в IT, подписка обязательна — https://t.me/+-LG9V2J68cJlZDAy