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

TinyBase TinyBase - крошечная реактивная JS-библиотека для структурированного состояния и табличных данных. 👉 @sWebDev

reCaptcha в React приложение Капчи встречаются нам повсеместно и мы понимаем для чего они используются. Но, чем они отличаются? Как правильно их добавить, например, в приложение на React? С этими и другими вопросами разбираемся в статье по ссылке. 👉 @sWebDev

🔥Освой востребованную профессию PHP-разработчика с нуля! Cпециализация «PHP Developer» от OTUS — это онлайн-курс с ментором, который поможет вам разобраться в основах программирования, принципах верстки, познакомиться с базами данных, освоить тренды разработки на PHP и научиться работать с докером, веб-серверами и безопасностью. 🎁При покупке курса получи в подарок любой из 9 мини-курсов (список уточняйте у менеджеров). 📌Оставьте заявку, чтобы присоединиться к группе по спец.цене: https://otus.pw/0yrB/ Хотите протестировать процесс обучения заранее? Тогда приходите на наши бесплатные открытые уроки! 11 июля в 20:00 - "Большие обработки в PHP: плюсы, минусы, подводные камни" 18 июля в 20:00 - "Собираем рабочую среду на Docker"

Styled Components Styled Components помогает расширить возможности CSS для стилизации систем компонентов React. Библиотека решает две проблемы: оптимизирует процесс разработки и улучшает опыт конечных пользователей. 👉 @sWebDev

❓Планируете освоить фронтенд-разработку? Начните осваивать новую профессию с открытого урока 6 июля в 20:00 OTUS по селекторам. 🔥На вебинаре вы научитесь обращаться к html элементам, а также рассмотрите разные виды селекторов. Занятие пройдет в рамках трехмесячного онлайн-буткемпа «Frontend Developer». Это программа, где вы в ускоренном режиме погрузитесь в освоение этого направления. Не упустите возможность оценить качество материалов и познакомиться с экспертом. 👉Регистрация на урок: https://otus.pw/dYFI/

Прекращение долгосрочной поддержки AngularJS Недавно была опубликована информация о прекращении дальнейшей поддержки AngularJS. Со всеми подробностями можно ознакомиться по ссылке. 👉 @sWebDev

Инструменты оптимизации перфоманса React В статье представлен обзор популярных инструментов для оптимизации процесса перфоманса в React. Подробнее в статье по ссылке. 👉 @sWebDev

⚡️ Хотите использовать Terraform? Для вас 30 июня в 20:00 пройдет открытый урок в OTUS, где мы поговорим о его назначении, а также познакомимся с его синтаксисом и базовыми блоками. Занятие проведет Technical Lead Тимур Батыршин. Урок является частью онлайн-курса «Infrastructure as a code» для админов, DevOps-ов и разработчиков. 🔥 Это возможность попробовать курс и познакомиться с преподавателем. РЕГИСТРАЦИЯ https://otus.pw/v0AF/

Instauto Instauto — это библиотека для автоматизации/ботов Instagram, написанная на javascript с использованием Puppeteer. Подробный обзор в репозитории. 👉 @sWebDev

📌 Идёт прием заявок на IV Всероссийский конкурс «Программируй будущее» На кону — призовой фонд в размере более 1 000 000 рублей и возможность заключить контракт со специальным партнером конкурса мультиплатформенным оператором Триколором. Задача участников — придумать и реализовать идею приложения для отечественной платформы StingrayTV. Подробнее о технологии в Видеогайде. 🏆 Призовой фонд: 1 место – 600 000 ₽ 2 место – 400 000 ₽ 3 место – 200 000 ₽ 🔥 Кроме того, все финалисты получат шанс воплотить свой проект на многомиллионную аудиторию. Эксперты Триколора оценят востребованность представленных в финале работ для клиентов оператора и могут предложить авторам лучших заявок коммерческий контракт на реализацию приложения. ✉️ Есть вопросы? Пишите на contest@gs-labs.ru или @GSLabsContestsBot 📃 Полные условия и регистрация на сайте конкурса contest.gs-labs.ru 📆 Прием заявок до 11 июля 2022 года 🙌 Участие бесплатное Денежные призы до вычета НДФЛ.

Способы решения prop drilling в React Prop drilling - это неофициальный термин для передачи данных, используя несколько вложенных компонентов. Проблема данного подхода в том, что данные передаются и в те компоненты, в которых они не нужны. Подробная информация о данном подходе и случаях, когда его стоит применять в статье по ссылке. 👉 @sWebDev

Создаём PWA при помощи Vue.js PWA - прогрессивное веб-приложение. Под этим термином понимается веб-сайт с функциями, благодаря которым он выглядит, ощущается и ведет себя так же как нативное мобильное приложение. Подробная информация о данном подходе в статье по ссылке. 👉 @sWebDev

Деление на страницы и фильтрация со стороны сервера Angular В статье рассмотрим, как использовать RxJS для деления на страницы и фильтрации со стороны сервера таблицы данных в Angular. 👉 @sWebDev

RemixJS Remix - фреймворк для JavaScript, использующий технологии React для создания внешней составляющей веб-приложений. Имеет ряд сходств с NextJS и является его прямым конкурентом. Разберёмся, что у этих фреймворков общего и в чем их главные различия. 👉 @sWebDev

AR и VR с библиотекой A-Frame Разберёмся как создавать VR и AR прямо в браузере. Будем использовать библиотеку A-Frame, которая позволит нам создавать трёхмерные миры с помощью HTML и Entity-Component, работающие с Quest, Rift, WMR, SteamVR, смартфонами и компьютерами. 👉 @sWebDev

Vanilla JS + Twilio + Node.js для разработки чата В статье изучим руководство по созданию группового чата, используя стек технологий: Vanilla JS, Twilio и Node.js. Все подробности в статье по ссылке. 👉 @sWebDev

Slick Карусель упрощает отображение множества изображений, не загромождая веб-страницу. Создание карусели, особенно адаптивной, с нуля — сложная задача. Библиотека Slick предоставляет настраиваемые адаптивные карусели из коробки. 👉 @sWebDev

Boop-эффект на React Реализация boop-эффекта с использованием React: изучаем паттерны архитектуры React и комбинируем хуки с компонентами для максимально рационального использования. 👉 @sWebDev

🔥 Тест по JS от OTUS 🔥 — Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁 👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/U8gH/

5 библиотек для анимации на Vue.js По ссылке подробный обзор популярных библиотек для создания анимации на Vue.js. 👉 @sWebDev