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

На выходных будет стрим по веб технологиям на канале https://t.me/abylaystreams. Автор канала недавно перешел с React на Vue и расскажет что ему нравится/не нравится и в чем их разница. Заходите и подписывайтесь на канал чтобы не пропустить стрим!

React Suite Это набор библиотек компонентов пользовательского интерфейса на основе React с открытым исходным кодом, созданный командой внешнего интерфейса HYPERS и командой UX, которые могут помочь вам быстро создать приложение корпоративного уровня. 👉 @sWebDev

Vue Material Kit Это отличная библиотека, которую вы можете использовать для ускорения процесса проектирования / разработки при создании новых сайтов или веб-приложений. Требуются базовые знания JavaScript, Vuejs и Vue Router, но в остальном пакет довольно прост для понимания. 👉 @sWebDev

React Toolbox Это набор компонентов React, которые реализованы на основе материального дизайна Google. Эта библиотека, основанная на CSS, интегрируется с webpack и другими бандлерами. 👉 @sWebDev

Перейду сразу к делу. Пост для тех, кто хочет попрактиковаться в верстке и сделать хороший проект для своего портфолио. С 10 по 13 декабря будем делать сайт с интерактивной навигацией для настоящего жилого комплекса. Немного о программе: ✅ День 1 — разметка страницы с помощью HTML и CSS — вырезаем графику из макета Figma — сохраняем код на Github ✅ День 2 — верстаем дом с навигацией по этажам — полигоны в SVG-графике — пишем стили для страницы ✅ День 3 — делаем интерактивную навигацию — подключение скриптов к сайту — база по JS, которая нужна в работе — библиотека jQuery для простоты работы ✅ День 4 — пишем правила адаптивной верстки — проверяем функционал, дописываем его — публикуем сайт в интернете Все предельно просто. Регистрируйся по ссылке, пиши код, общайся с другими участниками и получай мотивацию на дальнейшее обучение: https://telegram.me/gloacademy_bot?start=61b0329f14f3ec79d21a4fa5

Nebular Это настраиваемая библиотека компонентов, которая значительно упрощает процесс разработки приложений. Nebular имеет шесть визуальных тем и большое количество различных настраиваемых компонентов. 👉 @sWebDev

💣 Создайте игру «Сапёр» с помощью React Hooks! Приглашаем 13 и 14 декабря на интенсив от OTUS! Вебинар проведет преподаватель-практик Никита Овчинников. Что вас ждет на интенсиве? ✔️ Разберем принципы игры, алгоритм для построения поля и интерфейса игры. ✔️ Сделаем 2 реализации — с использованием useEffect и useRedux. ✔️ Разберем, как тестировать React Components с использованием React-Testing-Library. Бесплатный интенсив — это часть хардкорного онлайн-курса «React.js Developer» от OTUS для опытных JS-разработчиков, для регистрации пройдите вступительный тест. Занятие пройдет в прямом эфире, записи не будет! Ждем вас онлайн! Регистрируйтесь сейчас — напомним перед вебинаром! 👉 Регистрация на 1-й день интенсива: https://otus.pw/zr6y/ 👉 Регистрация на 2-й день интенсива: https://otus.pw/9gsU/

React Admin React Admin считается одной из лучших библиотек React, если вы разрабатываете приложения администратора на основе GraphQL или REST API. 👉 @sWebDev

Макеты для вёрстки сайтов - это канал, где собраны уникальные примеры реальных макетов, которые заказчики присылают на вёрстку. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

Skeleton Skeleton стилизует только несколько стандартных элементов HTML и включает в себя средства для удобной работы с grid. Этого зачастую более чем достаточно для начала проекта. 👉 @sWebDev

Verge3D Это средство визуализации в реальном времени и набор инструментов, используемый для создания интерактивных 3D-приложений, работающих на веб-сайтах. 👉 @sWebDev

Фронтенд на YaTalks На конференции Яндекса для разработчиков целый трек посвящен фронтенду. Планируют обсудить актуальные вопросы профессии, распространенные сложности и перспективные задачи, а также подвести итоги фронтенд-года. Проведите 3-4 декабря в компании спикеров из Яндекса, Microsoft, Meta, VK Group и других компаний. 👉 Программа и регистрация по ссылке.

Марафон по JavaScript в Telegram Этот способ выучить JavaScript подойдет тем, кто хочет быстро погрузиться в тему, получить практику и любит челленджи. 9 уроков, после каждого ДЗ. Кто сдает — проходит дольше и получает ревью кода от ментора. А в результате игра на чистом JS. Старт 6 декабря 👇Запустить бота, чтобы участвовать

Shoelace Это легкая библиотека CSS, созданная с использованием современного синтаксиса CSS. Она проста в использовании и легко настраивается. 👉 @sWebDev

Tachyons Это дизайн-система для создания функционального CSS. С помощью этой библиотеки можно разрабатывать интерфейс без написания CSS. 👉 @sWebDev

Foundation Это библиотека для разработки сайтов с адаптивным (responsive) дизайном. Она включает в себя как css, так и js код. 👉 @sWebDev

FRONTEND Rosbank Meetup Темы докладов и спикеры: 🔵 «Шакализация 21 века: решаем вечные проблемы изображений» Игорь Борзунов, Frontend Engineer, Росбанк; 🔵 «Time to market: микрофронтенды» Георгий Конюшков, Senior Frontend Engineer, Leroy Merlin; 🔵 «Неочевидные сложности в работе с GraphQL» Даниил Водолазкин, Frontend Team Lead, X5 Tech; 2 декабря, в 19:00 Online Переходите на сайт и регистрируйтесь на наше мероприятие

📱IT Network - первая в России соцсеть для айтишников Тысячи молодых айтишников уже нашли здесь наставника, работу и просто коллег по цеху для обучения программированию и решению повседневных задач. IT Network помогает находить известных экспертов, работу и быть в курсе всех новостей из мира IT и науки. Не упустите свой шанс стать одним из них! В приложении вы сможете: ● Обмениваться опытом с коллегами ● Получать интересные предложения о работе ● Расширять круг знакомств в сфере IT ● Следить за новостями из мира IT и науки Для тех, кто решил расти в кругу успешных айтишников, вот ссылка на приложение в App Store и Google Play.

Vuesax Этот набор компонентов Vue делает интерфейсное программирование проекта последовательным и плавным. Vuesax предлагает множество доступных компонентов, которые вы можете адаптировать в соответствии со своими требованиями и легко применить в проекте. 👉 @sWebDev

Teradata Covalent UI Platform Teradata - это платформа для построения пользовательского интерфейса, созданная на Angular и Angular-Material. Использование этой библиотеки дает возможность быстрого старта разработчикам AngularJS в создании современного веб-приложения. 👉 @sWebDev