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

Лого NASA NASA Worm logo - проект анимированного лого, выполненный на CSS и GSAP.js 👉 @sWebDev

Multiple.js С помощью Multiple.js можно повысить визуальную привлекательность вашего веб-приложения. Библиотека позволяет создавать впечатляющие фоны для содержимого веб-страницы и использовать одно и то же фоновое изображение для различных элементов. Особенности: легкая настройка элементов, фона, непрозрачности; простой способ обновления фонового изображения; один вызов функции может отменить изменения, сделанные multiple.js. 👉 @sWebDev

Card Slider Интерактивный слайдер, написанный на SCSS и библиотеке swiper.js 👉 @sWebDev

ApexCharts ApexCharts предоставляет интерактивные диаграммы, которые можно использовать на сайтах, работающих на JavaScript-фреймворках. Вместе с библиотекой идут интерактивные диаграммы с простым API. 👉 @sWebDev

​Интересуетесь профессией программиста, но не разбираетесь ни в IT-терминах, ни в языках? Освойте разработку или тестирование по программированию с нуля в Яндекс Практикуме. Здесь вы найдёте курсы по Python-, Веб-, Мобильной-, Java-разработке и Тестированию. Что вас ждёт во время учёбы: -Интерактивный учебник с теорией и возможностью писать код в тренировочной программе - Наставники и код-ревьюеры - разработчики из Яндекса и других IT-компаний. Они объяснят сложные темы и помогут на вебинарах, проверят код, помогут улучшить проекты -Свои собственные рабочие проекты: от чат-бота, сайта-отзовика до соцсети и других многофункциональных сервисов (в зависимости от выбранного курса) И после: -Наши выпускники берут проекты на фрилансе, устраиваются в стартапы и крупные компании — Яндекс, ВТБ, МТС, Перекрёсток, Playrix, Сбер и другие -В конце мы вручим вам диплом Яндекса или сертификат государственного образца — кстати, с ним можно вернуть 13% от стоимости курса от государства -Вы сделаете реальные проекты для портфолио — вам будет, что показать на собеседовании В конце пути — новая профессия и проекты, которыми можно гордиться. Не обещаем, что будет легко, но оно того стоит!

Разработка Angular-приложений и построение их архитектуры Разработчик из компании SimbirSoft делится опытом по созданию архитектуры приложений на Angular. Узнаем как разработать приложение, чтобы специалист любого уровня, зная Angular мог легко разобраться в коде и структуре приложения. 👉 @sWebDev

Фронтендеры на месте? Нашли для вас канал, где постят эффекты с готовым кодом на Codepen. Увидел – и сразу заюзал в своём проекте. Подпишись и пили сайты на уровне Apple – @frontend_formula

Space globe - Three.js Анимация космической сферы, выполненная на CSS и Three.js. 👉 @sWebDev

GraphicsJS GraphicsJS - библиотека для работы с графикой, основанная на SVG. Позволяет генерировать анимированную графику. Подробный обзор по ссылке. 👉 @sWebDev

Создание многократно используемых компонентов React оптимальным способом В руководстве рассмотрим, как разделить тесно связанные компоненты в проектах на независимые, для того, чтобы хранить и использовать для компоновки когда и чего угодно, независимо от контекста. 👉 @sWebDev

Semantic UI Semantic UI — это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах. 👉 @sWebDev

Ecommerce приложение на NestJs NestJS - один из фреймворков Node для создания приложений на стороне сервера. В статье рассмотрим, как создать приложение на NestJs, используя максимум возможностей библиотеки. 👉 @sWebDev

Nuxt.js Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. 👉 @sWebDev

5 общих советов по оптимизации React приложений В статье рассмотрим советы, которые помогут сделать ваше приложение на React более оптимизированным. 👉 @sWebDev

Survey.js Survey.js — библиотека, позволяющая создавать опросы, формы, викторины и тесты разной сложности. Гибкий и простой процесс создания, можно менять дизайн и создать собственное хранилище данных. Подробный обзор доступен по ссылке. 👉 @sWebDev

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

Folding Ticket Detail Анимированное расписание полётов. Созданное на CSS и React. 👉 @sWebDev

👨🏻‍💻С чего начать, чтобы стать фулстек-разработчиком на JavaScript? 21 сентября в 20:00 мск cостоится открытый урок «Парсинг строк и интерпретация древовидных структур данных». 📍За 1,5 часа вебинара мы: - познакомимся с разными подходами к описанию парсеров текста - напишем свою грамматику и сгенерируем на ее основе парсер. Занятие проведет Арсений Высоцкий, тимлид в международной компании. Не упустите возможность попробовать обучение на специализации «Fullstack Developer» и познакомиться с экспертом онлайн-курса. ‼️Для участия зарегистрируйтесь: https://otus.pw/pRit/

Letterize.js Letterize.js - библиотека для анимации текста. Помещает каждую из букв в отдельный блок и использует их в процессе анимации. 👉 @sWebDev

Продвинутые хуки в React: всё о UseEffect useEffect — это хук, который можно использовать для замены некоторых методов жизненного цикла классового компонента. UseEffect используется в следующих случаях: при визуализации компонента (метод componentDidMount в классовом компоненте); при обновлении компонента (метод componentDidUpdated в классовом компоненте); при удалении компонента из DOM (метод componentWillUnmount в классовом компоненте). 👉 @sWebDev