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

Инструменты оптимизации перфоманса 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

Сайт на Iles.js Нынешние тенденции в веб-разработке складываются в пользу динамических и анимированных веб-приложений. Но, что делать если нужен статический сайт? Для такого случая, можно использовать библиотеку Iles.js. По ссылке подробный туториал по созданию статического сайта. 👉 @sWebDev

Mailwind Mailwind является версией Tailwind CSS, созданной для разработки электронных писем в формате HTML. 👉 @sWebDev

Три причины учить Golang 1) Деньги На Хабр Карьере зарплаты Go-разработчиков уровня middle+ начинаются от 150 000 ₽ и доходят до 300 000 ₽. Среднее значение ближе всего к реальной зарплате. 2) Крутые проекты На Go пишут нагруженные сервисы с десятками тысяч RPS — Uber, «Авито», «Озон». В финтех-стартапах его тоже используют: например, в электронных кошельках. 3) Простота Go считают самым простым типизированным языком за счёт объёма — в нём меньше 50 ключевых слов. Разработчики следят, чтобы в языке без надобности не появлялись новые непонятные конструкции. Если вы работали с бэкендом, но пока не пробовали Go — пройдите наш бесплатный курс по основам Golang. После него можно прокачивать язык до более высоких уровней. → Две недели теории в интерактивном учебнике на русском языке. → Материал подаём со ссылкой на подобные понятия в других языках. → Практика задач в вашей IDE — всё по-взрослому, без тренажёров. Научим читать на Go и переводить на него код с других языков. → Учитесь бесплатно

Ведение журналов Node.js Ведение журнала является важной частью в создании современных веб-приложений. Благодаря этому, разработчики могут исследовать проблемы приложений и быстро их решать. В статье рассмотрим несколько популярных решений для Node.js — Winston, Pino, Bunyan, Log Level и npmlog. 👉 @sWebDev

❓ Хотите развиваться как JavaScript-разработчик? Начните осваивать новую профессию на на онлайн-курсе «JavaScript Developer. Basic» в OTUS с бесплатного пробного периода — двух первых недель с начала занятий. 🔥 Стартуем 29 июня! ✔️ Вы в сопровождении персонального ментора разберетесь в возможностях JavaScript и его фреймворках. ✔️ Освоите современные технологии для создания фронтенда. ✔️ Соберете портфолио из практических заданий и выпускного проекта. ✔️ А центр карьеры OTUS поможет вам получить выгодные офферы. 💥 Оставьте заявку, пока действует спец.цена https://otus.pw/lHpX/

Swiper kit.js Cлайдер, нацелен на работу с мобильными версиями сайта и веб-приложениями. Swiper обеспечивает аппаратное ускорение анимации на нативном уровне. Благодаря гибким настройкам можно использовать практически в любом проекте. 👉 @sWebDev