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

👉 @seniorFront

Zero Collision В этом видео создается бесконечная CSS анимация при помощи keyframes. 👉 @seniorFront

Хотите прокачать свои знания в веб-дизайне? Тогда присоединяйтесь к бесплатному онлайн-интенсиву по UX/UI с 13 по 15 апреля в 19:00 по московскому времени. Вы научитесь делать интерактивные прототипы и проектировать удобные интерфейсы. Добавите в портфолио макет мобильного приложения и поймёте, как развиваться в дизайне дальше. Просто зарегистрируйтесь: https://epic.st/zO3Xw6 Спикером будет Дмитрий Матвеев — арт-директор Wildberries. 15 лет в дизайне. Руководит творческой командой из 12 дизайнеров. Ведёт вебинары и образовательные курсы по дизайну. 🎁 В первый день эфира подарим мини-гайд по Figma. Это полезная памятка для начинающих, в которую можно заглядывать, чтобы вспомнить назначение инструментов и горячие клавиши. 🎁 Все, кто зарегистрируется на интенсив, сразу получат на почту чек-лист по подготовке к собеседованию на позицию UX/UI-дизайнера. А тем, кто будет активно участвовать в вебинарах, подарим сертификат на скидку 10 000 рублей на покупку курсов Skillbox. Подключайтесь к прямым эфирам!

Just Ice Создано на canvas и webGL. 👉 @seniorFront

Neumorphic Liquid Slider Создано без использования библиотек. В JS устанавливаются значения и запускаются анимации. 👉 @seniorFront

Можно бесконечно смотреть на три вещи: как течет вода, горит огонь и фронтендеры пилят монолит Ребята из банды фронтендов TeamSnack решили раз и навсегда разобраться в подходах к микросервисам. Сравнивать будут Single-spa(SystemJS) и Webpack Module Federation. Обещают живое общение с едой и напитками, а также интерактив в Miro с рабочими схемами, которые можно потом протестировать в работе. Когда: 14 апреля, 19:00 - 21:00 Где: ценители ламповой атмосферы могут приехать в офис Cloud (Москва, 2-я Звенигородская улица, 28), а для закоренелых удаленщиков доступен онлайн-формат в Telegram-канале сообщества. Все детали можно узнать у самой команды TeamSnack: https://t.me/+QsQ6rKb0KDhhNDNi Реклама. Рекламодатель: ООО «Облачные технологии». erid: LatgBp9iG

​Чем ChatGPT может помочь программистам? СhatGPT — это инновационный инструмент, который разработан, чтобы предоставить программистам множество преимуществ. Этот чат-бот на базе искусственного интеллекта может помочь программистам сэкономить время и снизить стресс при работе над сложными проектами. Через интерфейс на естественном языке он позволяет программистам в режиме реального времени получать отзывы о своем коде, получать полезные советы о том, как улучшить свои навыки программирования, и общаться с другими разработчиками по всему миру. Одним из основных преимуществ СhatGPT является то, что он может помочь программистам улучшить свои навыки программирования. Предоставляя обратную связь по коду в режиме реального времени, он может выделить области, в которых программист может совершать ошибки, или может улучшить свои методы кодирования. Это может быть особенно полезно для junior программистов, которые только начинают работать и нуждаются в рекомендациях. Еще одним преимуществом СhatGPT является то, что он может помочь программистам сэкономить время. Чат-бот может быстро ответить на вопросы о кодировании и разработке, а также может предоставить примеры кода, который можно использовать в разных ситуациях. Это позволяет программистам быстро находить нужную им информацию и возвращаться к кодированию. 👉 @seniorFront

Holo Card Верстка сделана с использованием возможностей препроцессоров Pug и SCSS. В JS реализована логика поворота карточки в зависимости от положения курсора пользователя. 👉 @seniorFront

Что такое замыкание и как/для чего его используют? Замыкание — это комбинация функции и лексического окружения, в которой эта функция была объявлена. Слово “лексический” относится к тому факту, что лексическая область видимости использует место, где переменная объявлена в исходном коде, чтобы определить, где эта переменная доступна. Замыкания — это функции, которые имеют доступ к переменным внешней (замыкающей) функции — цепочке областей видимости даже после того, как внешняя функция вернулась. Для чего его используют? - Конфиденциальность данных / эмуляция скрытых методов при помощи замыканий. Обычно используется в модульном паттерне. - Частичное применение функций или каррирование. 👉 @seniorFront

ChatGPT уже сейчас разделил жизнь многих людей на «До» и «После». Для фронтенда ИИ может генерировать код, исправлять ошибки, улучшать удобство сайта и давать персональные рекомендации. Обсудим возможности ИИ для фронтенда на бесплатном вебинаре, который проведут тимлиды из ВКонтакте и Frogly (Chrome Extension) В итоге вы на практических примерах узнаете, как использовать ChatGPT для ускорения фронтенд-разработки, а также поймёте насколько опасен (и опасен ли?) ChatGPT для карьеры. Встречаемся 12 апреля в 19:00 (по Москве) в прямом эфире. Регистрируйтесь по ссылке

CSS only image switcher Создано и анимировано без использования JS. 👉 @seniorFront

Валидная строка Вам дана последовательность слов и строка. Вам нужно написать функцию, которая проверит, состоит ли строка из данных слов. Пример: string[] dictionary = ["code", "wars"]; string s = "codewars"; // true -> match 'code', 'wars' string s1 = "codewar"; // false -> match 'code', unmatched 'war' 👉 @seniorFront

Content reveal cards with CSS scroll-linked animations Отображение контента в карточках реализовано при помощи библиотеки scroll-timeline. 👉 @seniorFront

IT-рынок изменился, появилось много новых специальностей, а всем новым специальностям нужны профессионалы. Мы следим за IT-трендами, создаем курсы на основе запросов рынка, помогаем студентам трудоустроиться и поэтому знаем, какими качествами должен обладать конкурентоспособный специалист. Приходите на бесплатную онлайн-конференцию Яндекс Практикума о трудоустройстве. Спикеры – эксперты карьерного центра Практикума, HR-специалисты из технологических компаний разберут: ▪️ситуацию на рынке IT; ▪️резюме на соответствие требованиям; ▪️зарплаты по рынку; ▪️карьерный рост и необходимые софт и хард скиллы для его достижения; ▪️какие навыки стали важнее; ▪️имеет ли значение пол, возраст или предыдущий опыт. И ваши инсайты, связанные с карьерными ожиданиями. Переходите по ссылке: practicum.yandex.ru/content…e-career 12 апреля 16:00

CSS Realistic Image Shadow В этом видео показывается процесс создания реалистичных теней для карточек с картинками. 👉 @seniorFront

Привет! Я frontend разработчик из международной немецкой компании. В своем телеграм канале Easy(JS) я делюсь полезными ресурсами и советами по web-разработке. Я разбираю алгоритмические задачи, рекомендую полезные книги, сервисы и лайфхаки, показываю, как использовать современные технологии и инструменты, а также рассказываю о новых трендах в мире frontend разработки. Присоединяйся к @js_is_easy и стань более продуктивным и эффективным разработчиком!

CSS-only fluid slider Создано и анимировано с использованием препроцессоров Pug и SCSS. 👉 @seniorFront

Activity notification panel concept Вёрстка сделана в HTML и Less. Логика раскрытия карточки реализована в JS. 👉 @seniorFront