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

Осваиваете веб-программирование? 👉 Приходите 29 ноября на бесплатный урок «ESLint - инструмент, который найдет ошибки, до того, как они проявились» Мы рассмотрим популярный инструмент для поддержания уровня кода. Инструмент позволяет: — Находить ошибки в коде, до того, как мы код запустили в первый раз — Держать код аккуратный и единообразно оформленым — Проверять используем ли мы опыт других разработчиков, следуя рекомендациям правил — Ограничивать программистов в написании кода, который не соответствует соглашениям команды Урок проходит в рамках тест-драйва курса специализация «Fullstack Developer» в OTUS. 👉Регистрация на вебинар https://otus.pw/vX47/

7 малоизвестных функций в Angular С базовым функционалом Angular знакомы многие, однако, не все знают менее известные, но полезные функции фреймворка. В статье о них и поговорим. 👉 @sWebDev

Millennuim Falcon Adventure Ep1 Анимированная модель «Тысячелетнего сокола» из Star Wars, выполнено на библиотеке Three.Js. 👉 @sWebDev

Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков. В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим. Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: https://practicum.yandex.ru/english/clearfriday2022

Draft.js Draft.js — инструмент для решения весьма узкого спектра задач, а именно — управление текстовым вводом и редактирование текста. В 2016 году библиотека была представлена инженерами Facebook для работы с текстом на React Conf. 👉 @sWebDev

Если вы разработчик и у вас есть пара минут, порефлексируйте, пожалуйста, с нами о происходящем в небольшом опросе. Ваши ответы помогут крупному работодателю понять, где теперь открывать офисы и какая помощь и поддержка вам нужны. Пройти опрос

Web Workers в Angular Познакомимся с Web Workers и узнаем, как улучшить производительность приложения, используя данный функционал в Angular 👉 @sWebDev

V-wave Библиотека V-wave позволяет легко добавлять анимированные эффекты при нажатии на элементы в веб-приложении. Подробный обзор доступен по ссылке. 👉 @sWebDev

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://otus.pw/auh1/

City 3D Проект анимированного 3D города, выполненный с применением библиотеки Three JS. 👉 @sWebDev

Анимируем приложение React с Framer Motion По ссылке краткая видео-инструкция с комментариями по созданию анимаций с использованием Framer Motion в React. 👉 @sWebDev

🚀Научитесь решать любые задачи фронтенда! ЗАВТРА, 22 ноября в 20:00 мск приглашаем на бесплатный урок «Refine.js - мощный фреймворк разработки внутренних приложений». — На вебинаре мы напишем фронтенд небольшой админ-панели с применением Refine и Tailwind. — Урок пройдет в рамках онлайн-курса «React.js Developer» от OTUS. Курс рассчитан на Frontend JavaScript разработчиков, которые хотят освоить React. Протестируйте обучение в OTUS и познакомьтесь с преподавателем — Арсением Высоцким, тимлидом в большой международной компании. 👉Пройдите вступительное тестирование и регистрируйтесь на вебинар!

Предохранители React Предохранители - это компоненты, отлавливающие ошибки JavaScript, сохраняющие их в журнале и показывающие резервный интерфейс. Предохранитель включает в себя один из методов: static getDerivedStateFromError() - рендеринг запасного интерфейса; componentDidCatch() - журналирование ошибок. Пример:

  class ErrorBoundary extends React.Component {
    constructor(props) {
      super(props);
      this.state = { hasError: false };
    }
    static getDerivedStateFromError(error) {
      // Сброс состояния, следующий рендер покажет запасной UI.
      return { hasError: true };
    }

    componentDidCatch(error, errorInfo) {
      // Сохранить информацию об ошибке
      logErrorToMyService(error, errorInfo);
    }

    render() {
      if (this.state.hasError) {
        // Можно отрендерить запасной UI 
        return <h1>Что-то пошло не так.</h1>;
      }
      return this.props.children; 
    }
  }

👉 @sWebDev

Dark Planet - ThreeJs 3D сцена планеты, выполненная с помощью библиотеки Three.js. 👉 @sWebDev

Определяем завершения парсинга URL в Angular При осуществлении в Angular приложении навигации сервисом инициируются разные события. Какое событие будет отвечать за завершение процесса парсинга URL и распознавание маршрутов? Сомневаетесь? Вернитесь к нашему посту за 14.11. 👉 @sWebDev

Fun with GSAP and 3D rotation Анимированная 3D сцена, выполненная на GSAP.js. 👉 @sWebDev

Howler.js Библиотека Howler.js направлена на решение задач, связанных со звуком в вашем веб-приложении. Познакомиться с особенностями и функционалом можно по ссылке. 👉 @sWebDev

🎯 Хардкорный тест по Node JS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ https://otus.pw/slQq/

Руководство по использованию Material UI AutoComplete в React Material UI предоставляет уникальный набор компонентов и утилит, которые помогают разработчикам лучше работать с веб-приложениями. Одним из таких компонентов является компонент MUI <Autocomplete/>. В статье подробно познакомимся с этим компонентом и рассмотрим особенности его использования. 👉 @sWebDev