Берлога программиста | Веб и не только

hover card Карточка с анимацией сразу нескольких ее частей при наведении. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

⚡️ Бесплатное обучение HTML/CSS, JavaScript, React.js с нуля с поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на практических задачах, которые интересно кодить С 26 по 30 августа он проводит бесплатное обучение, где на практике поможет разобраться в HTML/CSS, JavaScript и — React.js Что вы сделаете на обучении — Сверстаете макет под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на React.js 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом на обучении он расскажет, где новичку взять опыт работы, что ни в коем случае нельзя говорить на собеседовании, почему 90% новичков никогда не получат даже отклика на своё резюме В общем — даст пошаговый подробный план «Что учить во фронтенде и как найти работу джуну в 2024 году» . По этому плану его ученики устраиваются на работу Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первый урок из обучения уже доступен

Dynamic Card Animation Засвечивание карточки при наведении курсора. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Hi-Tech Notification Button Кнопка уведомления. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

‼️Тест по React JS от OTUS — Ответьте на 30 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js по спец. цене! 👉ПРОЙТИ ТЕСТ - https://vk.cc/czLoIh Курс доступен в рассрочку. ❇️ Пройдите тест и получите: ✔️ Живое общение с экспертами ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «React.js Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Like background animation Фон с движущимися простыми фигурами. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Face Button Анимация эмодзи, которая не спускает взгляда с курсора. Реализовано с помощью SCSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

DDOS-атака ЗА 1 МИЛЛИОН ДОЛЛАРОВ! Столько потратили конкуренты, чтобы нарушить работу их сайта. Но даже это не сработало, поскольку защита в компании 1win неколебима💪 ❔Как оставаться лидером рынка iGaming несколько лет подряд вопреки подобным сложностям? 😍Подписывайся на канал основателя 1win и узнаешь все секреты! Он расскажет об индустрии от первого лица и поделится всей внутренней кухней. Успешные кейсы и ошибки, крутые конференции и личный взгляд на тренды - все это ты найдешь на канале @owner1w

Shining Text Effect Интересная анимация для текста для дополнительного привлечения внимания посетителя сайта. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Character Showcase Gallery Анимация увеличение масштаба карточки при наведении. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Movie card with hover effect Появление информации о карточке при наведении. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Social media hover effect Эффект наведения на соцсети с выкатыванием их названия. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс.

beautiful button animation Двухэтапное выделение кнопки при наведении курсора мыши. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #текст

Scroll Driven Portal Layout Макет портала с необычной реализацией анимации прокрутки. Реализовано с помощью CSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻 Все курсы по веб-разработке - бесплатно в канале @webofree ⬇️ Frontend ⬇️ Figma ⬇️ PHP ⬇️ Python ⬇️ Java ⬇️ SQL ⬇️ Go ⬇️ С/С++ ⬇️ C# ... и 22 других ❌ Подпишитесь, пока канал открыт

Lightbox using Крутая интерактивная галерея с возможностью увеличения фото. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #галерея

Cards & Popup video modal Плавно выезжающий блок с подробностями при наведении на карточку. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #блок

Ускорь свою карьеру в IT с ментором Если вы стремитесь освоить полный стек технологий, успешно пройти собеседования и найти работу в IT, персональное наставничество — это лучший путь к цели. ✔️ База знаний: Актуальные вопросы с собеседований, гайды и обучающие материалы. ✔️ Активности: 3-4 групповых звонка в неделю на технические темы. ✔️ Закрытое сообщество: Митапы по сложным темам, общение и поддержка единомышленников. ✔️ Трудоустройство: Помощь в подготовке резюме, самопрезентации и тренировках перед техническими интервью. ✔️ Практика: Развитие навыков разработки и работы в команде на крупном Open Source проекте с участием 30+ человек. ✔️ Индивидуальный подход: Поддержка на каждом этапе, постоянная связь 24/7.

Хотите начать бесплатно? Подписывайтесь на наше сообщество Reactify | Frontend Разработка, где вы найдете учебные материалы, полезные гайды и поддержку для самостоятельного старта.

Подробнее на https://reactify.ru

Makeup Palettes Эффект наведения на карточки, напоминающий открывающиеся палетки. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #карточки