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

Anime.js logo animation Анимация лого на Anime.js. 👉 @sWebDev

Babel Babel - это транскомпилятор JavaScript, который преобразует код, написанный на новых версиях JavaScript, в код, который может быть выполнен в старых браузерах или средах. 👉 @sWebDev

Добавление WebAuthn в веб-приложение В статье рассказывается, как добавить WebAuthn в веб-приложения. WebAuthn - это новый метод аутентификации, который обеспечивает более высокий уровень безопасности, чем устаревшие пароли и SMS-подтверждения. Он использует аутентификацию на основе публичных ключей, которая позволяет пользователям входить в систему с помощью устройств, таких как смартфоны или смарт-карты. 👉 @sWebDev

Научитесь Программировать на C++. Курс от Яндекса Создадите действующие сервисы и добавите 3+ проекта в портфолио Более 10 000 выпускников уже нашли новую работу Перейти на сайт #реклама 16+ practicum.yandex.ru О рекламодателе

♥️ Все наши каналы по JS / PHP / Python, подпишись ♥️ @seniorFront - всё про фронтенд, практика, примеры кода, интересные статьи @frontendInterview - подготовка к собеседованиям по фронтенду @web_craft - php, Laravel, фронтенд @python_practics - всё про Python, обучающие материалы, полезные советы и статьи

Bboy Evolution Морфинг анимация картины "Evolution of the B-boy Dancer". 👉 @sWebDev

Привет, подписчики, есть крутое предложение! Мой друг Андрей, профессиональный 3D дизайнер, создал свой канал в тг. Там он показывает как выполняет заказы, обучает и делится секретами фриланса. С ним вы сможете зарабатывать сидя дома, выполняя интересную работу. Все бесплатно и в прямом эфире Хочешь тоже создавать 3D модели и зарабатывать на этом? Тогда подписывайся - @asmirnov_school

useMutableSource: подключаем React к изменяемому источнику данных Хук useMutableSource позволяет React компонентам безопасно читать из изменяемого источника данных. Полезно для приложений, отображающих данные в реальном времени. useMutableSource принимает два аргумента: 1. Config: объект, содержащий функции для чтения и подписки на источник данных. 2. InitialData: начальное значение данных, которое будет использоваться в случае ошибки при чтении источника данных. Пример useMutableSource:

  const MyComponent = () => {
  const [data, setData] = useState(null);

  const { read, subscribe } = useMutableSource({
    url: "https://example.com/data",
    // ...
  });

  useEffect(() => {
    // Подписываемся на источник данных
    subscribe(data => {
    setData(data);
    });
  }, []);

  return (
    <div>
    {data && <p>Data: {data.count}</p>}
    </div>
  );
  };

👉 @sWebDev

Экспорт макетов из Figma в готовое React приложение Авторы статьи сравнили инструменты для генерации кода из Figma двух типов: 1. Плагины, которые генерируют код прямо в Figma. 2. Плагины, которые экспортируют макеты в веб-приложение. 👉 @sWebDev

Ответьте на 1 вопрос и книги ваши до конца года Более 200 000 книг и аудиокниг разных жанров в Букмейте. Попробуйте бесплатно! Узнать больше #реклама 16+ bookmate.ru О рекламодателе

Использование Angular-компонентов в качестве обычных HTML-элементов Какой метод позволяет использовать Angular-компоненты в качестве обычных HTML-элементов? 👉 @sWebDev

Flip for GSAP Пример реализации плавных переходов, выполненный с применением библиотеки Gsap.js. 👉 @sWebDev

React Notion X React Notion X - это библиотека, которая позволяет интегрировать Notion в React-приложения. Она проста в использовании и позволяет отображать блоки Notion в React-компонентах. 👉 @sWebDev

🌐 Создайте свой первый сайт всего за час и добавьте его в портфолио 👉 На бесплатном открытом уроке «Создаем HTML-сайт за час в аналоге блокнота» от OTUS. На вебинаре: - сверстаем одностраничный сайт о компании или персоне; - разберём современные подходы к созданию HTML-страниц, их оформлению и расположению элементов на экране. Эфир будет полезен начинающим и продолжающим верстальщикам, разработчикам и тем, кто хочет попасть в IT, но еще не определился с направлением. 📅 Занятие пройдёт 6 декабря в 20:00 мск в рамках курса «Fullstack developer». После урока вы сможете продолжить обучение по специальной цене. Для бесплатного участия регистрируйтесь прямо сейчас: https://otus.pw/tYMy/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid: 2SDnjcDbsJp

Архитектура микрофронтенд с feature sliced design В этой статье автор расскажет, как сделать не плохое архитектурное решение с применением Microfrontend и Feature Sliced Design. 👉 @sWebDev

Bongo Cat Codes #2 - Jamming Пример анимации мема на библиотеке Gsap.js. 👉 @sWebDev

sweetalert2 sweetalert2 - это библиотека, которая позволяет отображать всплывающие уведомления в веб-приложениях. Она проста в использовании и позволяет настроить внешний вид всплывающих уведомлений. 👉 @sWebDev

Чёрная пятница в HTML Academy Дешевле уже не будет. Серьёзно, сейчас самые-самые низкие цены. Если хотите приобрести конкретный навык, чтобы быстрее получить компетенции мидла и научиться за несколько минут решать задачи, на которые раньше тратили несколько часов, учитесь на любом курсе или берите пакет курсов — на всё скидка 25%. Подать заявку #реклама htmlacademy.ru О рекламодателе