Frontender Libs - обзор библиотек JS / CSS

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама 16+ kata.academy О рекламодателе

Simple Mo.js animation Абстрактная анимация на Mo.js. 👉 @sWebDev

React и жизнь после сборки Статья рассказывает о том, как можно восстановить исходный код React-приложений из готовых сборок, даже если исходников нет под рукой. Описываются методы работы с декомпиляторами и деобфускаторами, использование файлов .git для восстановления и применение файлов source maps. Рассматриваются реальные кейсы из опыта авторов, примеры сборок и инструменты, которые помогают решить подобные задачи. 👉 @sWebDev

Vertical Parallax Scroll Скролл-анимация на GSAP. 👉 @sWebDev

Planck.js Planck.js — это легковесный 2D физический движок, написанный на JavaScript и предназначенный для создания физически корректных симуляций в браузере. Planck.js использует технологию Box2D, известную из разработки игр, для реализации столкновений, гравитации и других физических эффектов. Библиотека поддерживает объекты с различными формами, физическими свойствами, такими как плотность и упругость, и позволяет создавать простые 2D игры или интерактивные симуляции. Planck.js хорошо интегрируется с canvas и SVG, что делает её удобной для создания анимаций и визуализации физических систем. 👉 @sWebDev

Боитесь озвучивать свои зарплатные ожидания? ❤️ - Да. 👍 - Нет. 👉 @sWebDev | #юмор

Happy Pizza Анимация пиццы на Mo.js и GSAP. 👉 @sWebDev

👩‍💻 Программирование теперь в Telegram! Вот 10 обучающих каналов по самым востребованным направлениям в IT. Выбирай своё направление: 👩‍💻 Frontend: @code_ready 👩‍💻 Backend: @backend_ready 👩‍💻 Все языки: @roadmap_ready 👩‍💻 Python: @python_ready 👩‍💻 Java: @java_ready 👩‍💻 C#: @csharp_ready 👩‍💻 C/C++: @cpp_ready 🖥 Базы Данных & SQL: @sql_ready 📖 IT Архив: @archive_ready 🖥 Design: @time_design 📌 Ресурсы, гайды, шпаргалки, книги и задачи для каждого языка программирования.

Использование createPortal для рендеринга компонентов вне DOM-иерархии в React Метод createPortal в React позволяет рендерить компоненты вне текущей DOM-структуры. Это полезно для создания модальных окон, всплывающих меню или уведомлений, которые должны отображаться поверх остальных элементов без влияния родительских стилей и позиционирования. Создание уведомления, рендерящегося в отдельном узле DOM:

import React from 'react';
import ReactDOM from 'react-dom';

function Notification({ message }) {
  return ReactDOM.createPortal(
    <div className="notification">
      {message}
    </div>,
    document.getElementById('notification-root')
  );
}

В этом примере компонент Notification рендерится в элемент с ID notification-root, который находится вне основного DOM-дерева приложения. Это позволяет отображать уведомление поверх других компонентов без конфликтов стилей и вложенности. 👉 @sWebDev

Бесплатное 3-х дневное обучение дизайну для новичков! Внимание! Ищем людей на подработку. Удаленно (От 10 000₽ за 2-3 часа) Дaже люди бeз опыта полyчaют пo 50 000 pуб. в месяц. A люди c oпытoм зарабатывают от 150к. ✨Обучаем с нуля и бесплатно. За 2 часа под руководством опытного наставника вы: - Сделаете свой первый сайт на конструкторе по инструкции - Нарисуете карточку для маркетплейсов - Узнаете, кому и как продать готовые работы за 5-10 тыс. рублей, чтобы уже сразу заработать первые деньги - Получите именной сертификат и возможность стажировки - Получите пошаговый план по выходу на первые 50.000₽ в онлайне ⚡Не стоит тянуть. Регистрируйся и сразу же начинай обучение, пока бесплатно! Узнать больше #реклама 16+ cloudsite.ru О рекламодателе

Сначала думаешь, а потом как обычно... 👉 @sWebDev | #юмор

Яндекс Заправки для бизнеса. Скидка до 3%. Без комиссий Управляйте заправками сотрудников с экономией на топливе. Возмещайте до 20% от стоимости топлива через возврат НДС. Получайте закрывающие документы в электронном виде. Еще удобнее с мобильным приложением. Узнать больше #реклама 16+ business.go.yandex О рекламодателе Реклама на Яндексе

Динамическая загрузка компонентов с использованием Angular Ivy Какой метод используется для динамической загрузки компонентов в Angular Ivy? Если забыли, то вернитесь к посту от 23.09.2024. 👉 @sWebDev

Headroom.js Headroom.js — это легковесная JavaScript-библиотека, которая позволяет управлять видимостью заголовков на странице во время прокрутки. Она "прячёт" заголовок, когда пользователь скроллит вниз, и возвращает его, когда пользователь прокручивает страницу вверх. 👉 @sWebDev

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама 16+ kata.academy О рекламодателе

Spooky Headless Wizard Анимация чародея на Mo.js и GSAP. 👉 @sWebDev

Структура папок для React.js: лучшие практики Статья описывает различные подходы к организации файлов в React-приложениях, такие как группировка по функциям, по типу файлов и гибридный подход. Описаны примеры и лучшие практики интеграции таких современных функций, как Redux, Hooks, Context API, Styled-components и тестирование, в структуру проекта для улучшения масштабируемости и упрощения разработки. 👉 @sWebDev

Little Bouncy Radio Анимация радиоприемника с кнопкой проигрывания на Mo.js. 👉 @sWebDev

ScrollReveal ScrollReveal — это библиотека для анимации элементов при прокрутке страницы. Она помогает добавлять эффекты появления, позволяя постепенно отображать контент, когда он попадает в область видимости пользователя. 👉 @sWebDev