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

Хочешь освоить или улучшить свои навыки во фронтенде? В канале Frontend Developer есть всё необходимое — бесплатные курсы по фронтенду(HTML, CSS, JS , React и др.), готовый код, полезные ресурсы и статьи. А также чат, где мы помогаем друг другу и делимся опытом Обучайтесь бесплатно вместе с @byFrontDeveloper

Анимация капли Пример анимации капли с эффектом вибрации на Three.js. 👉 @sWebDev

Отправка электронных писем из вашего приложения React В статье подробно описаны два популярных решения для отправки email-ов из React-приложения: Formspree и EmailJS. Formspree - это простой вариант, не требующий сервера. EmailJS - более гибкое решение, которое позволяет использовать различные SMTP-серверы. 👉 @sWebDev

Over-Engineered Buttons: Download the Matrix Пример анимации кнопки на Anime.js. 👉 @sWebDev

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Optics.js Optics.js – это библиотека JavaScript, которая позволяет использовать функциональные парадигмы программирования. Она предоставляет набор функций и инструментов для работы с функциями, объектами, массивами и другими структурами данных. 👉 @sWebDev

erid: LjN8JvfNh Верстаешь сайты, но не понимаешь JavaScript? 👀 Хочешь стать Frontend-разработчиком? Но как ты сделаешь это, если не знаешь: — С чего начать изучение JavaScript? — Как прогрессировать в освоении языка? — Как достигать результата в веб-разработке? Я Андрей Шопинский — Frontend-разработчик из крупного Российского банка. ⚠️ 22 марта в 18:30 по МСК я проведу бесплатный эфир в своём Telegram-канале про Frontend-разработку, где отвечу на эти вопросы и расскажу как я лично изучал JavaScript и стал программистом. Подписывайся на канал, чтобы не пропустить!

Надеемся, что вы любите языки, на которых пишите. 👉 @sWebDev | #юмор

Blob Shader Пример реализации шейдерной анимации на Three.js. 👉 @sWebDev

Бесплатное обучение для тех, кто продаёт в интернете 11 марта стартует ecom-интенсив от Яндекс Рекламы. За 3 недели расскажем, как получать больше трафика и продаж тем, кто продаёт товары онлайн. Кому будет полезно: - Если вы развиваете свой интернет-магазин, узнаете, как с помощью рекламных инструментов Яндекса масштабировать бизнес. А ещё разберётесь, как улучшить свой сайт, и научитесь работать с аналитикой. - Если вы только задумываетесь о своём сайте, поймёте, когда бизнесу нужно вкладываться в развитие новых каналов продаж, и узнаете о возможностях рекламы в Яндексе, в том числе бесплатных. В программе разбор кейсов и рекомендации по улучшению рекламных кампаний от экспертов интенсива. А ещё будет много подарков: промокоды Плюса и Букмейта, Яндекс Станция и Умный телевизор. Узнать больше #реклама yandex.ru О рекламодателе

A?.Frontend Community Meetup #6 Митап для тех, кто развивается во frontend-разработке. 📍Поговорим про TypeScript, сравним его с JS, определим плюсы и минусы его использования. Когда: 21 марта 18:30 Где: онлайн Вас ожидают доклады спикеров: 🎤Александр Чернов, Frontend Developer в Альфа-Банке, сделает введение в мир надёжного программирования. 🎤 Рустам Султанбеков, Middle Frontend Developer в Авито, расскажет про переход на TypeScript: плавные перемены и непредвиденные сложности. 🎤 Александр Серов, Senior Frontend Developer в UULA, расскажет о продвинутых возможностях TypeScript. 🎤 Тёма Сенюков, старший разработчик интерфейсов в Яндексе, разберёт что такое Generics и как эффективно использовать этот инструмент. Регистрируйтесь 👉🏼 https://clck.ru/39Q6Lm Больше полезного в комьюнити 👉🏼 https://clck.ru/39Q74e Реклама: erid LjN8JtvEk ИП Чернов ИНН 732816175800

Async Transitions: обновление без блокировки Transition API в React позволяет плавно обновлять состояние без блокировки UI. Как использовать: 1. Импортируйте useTransition. 2. Создайте хук useTransition. 3. Оберните изменение состояния в startTransition. Что происходит: 1. startTransition вызывает функцию асинхронно, позволяя отменить изменение. 2. Пока функция выполняется, isPending = true. 3. Когда функция завершается, isPending = false. Пример:

function TabContainer() {
  const [isPending, startTransition] = useTransition();
  const [tab, setTab] = useState('about');

  function selectTab(nextTab) {
    startTransition(() => {
      setTab(nextTab);
    });
  }

  return (
    <div>
      <p>Current tab: {tab}</p>
      <button onClick={() => selectTab('home')}>Home</button>
      <button onClick={() => selectTab('about')}>About</button>
      {isPending && <p>Loading...</p>}
    </div>
  );
}

👉 @sWebDev

Сканирование и генерация QR-кода с помощью ZXing и Angular Статья рассказывает о том, как использовать QR-коды в приложениях на Angular с помощью библиотеки ZXing. 👉 @sWebDev

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

Передача контекста в шаблоны Как получить доступ к контексту, переданному в шаблон с помощью директивы ngTemplateOutletContext? 👉 @sWebDev

FP.ts FP.ts – это библиотека для функционального программирования (FP) на TypeScript. Она позволяет использовать популярные паттерны и абстракции, доступные в большинстве функциональных языков. 👉 @sWebDev

Станьте Аналитиком данных с нуля за 5 месяцев! Получите новую профессию и постройте успешную карьеру в IT-сфере с нашим курсом Узнать больше #реклама 16+ karpov.courses О рекламодателе

AnimeJS Player Пример реализации плеера на Anime.js. 👉 @sWebDev

Как прототипное наследование в JavaScript может помочь разработчику? 💻 Расскажет опытный эксперт на бесплатном практическом уроке от OTUS, в результате которого вы: - поймете объектную модель Javascript; - сможете писать ООП код с экономией памяти; - получите ответы на все вопросы по этой теме. 🕐 Встречаемся 20 марта в 20:00 мск в рамках курса «Специализация Fullstack developer». Доступна рассрочка на обучение! 👉 Регистрируйтесь прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://otus.pw/eNSY/?erid=LjN8KSte4 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru