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

PDF Export Библиотеки, включенные в Telerik Document Processing, позволяют создавать, изменять и экспортировать документы PDF, а также конвертировать документ из другого формата файла в PDF. При помощи этого модуля вы можете сгенерировать PDF документ из HTML вёрстки или даже из JSX в React компонентах. 👉 @sWebDev

🔥 Насколько хорошо вы знаете JavaScript? Ответьте на 20 вопросов и получите возможность учиться на хардкорном курсе «JavaScript Developer. Professional» от OTUS. Если правильно ответите хотя бы на 10 вопросов, сможете поступить на курс по специальной новогодней цене и получите видео-курс по Git в подарок! 👉 ПРОЙТИ ТЕСТ: https://otus.pw/Mpxi/

BonsaiJS Это удобная библиотека для генерации и анимации svg картинок. На официальном сайте представлена документация, изучив которую можно легко и эффективно создавать анимированные картинки в браузере. 👉 @sWebDev

Программист из Google выкладывает тесты и задачи по JavaScript -> @js_tests Зайди и посмотри сколько сможешь решить

A-frame Эта футуристическая библиотека позволяет создавать эффект виртуальной реальности, используя только старые добрые веб-технологии. 👉 @sWebDev

Superplaceholder С помощью Superplaceholder вы можете добавить одно или несколько сообщений по вашему выбору в качестве плейсхолдеров в поля ввода. Затем библиотека будет отображать эти сообщения с классной анимацией. 👉 @sWebDev

Яндекс снова открыл набор на программу Deep Dive по направлению фронтенд (JavaScript). Это стажировка в Яндекс.Маркете, которая проходит в формате буткемпа. Она стартует в начале февраля, а пройти собеседования можно уже сейчас: https://clck.ru/ZLZwh — Кому подойдёт эта программа? Тем, кто хочет попробовать себя в разном и понять, какие задачи интереснее и ближе. Особенность буткемпа — за время стажировки вы поработаете в двух разных командах. Стажировка оплачивается и длится 3 месяца в московском офисе Яндекса. Также мы оплатим проезд и проживание в Москве при успешном прохождении отбора в буткемп. 👉 Подать заявку: https://clck.ru/ZLZwh

Grd Grd, как следует из названия, занимается построением макетов сетки. Библиотека сделана на чистом CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции. 👉 @sWebDev

Loaders Это отличный пакет, содержащий набор хорошо спроектированных загрузчиков на чистом CSS. Добавить их на свой веб-сайт или приложение очень просто, и, вероятно, самая сложная часть этого процесса - выбрать загрузчик, который вам больше всего нравится (наш любимый - pacman). 👉 @sWebDev

​​Готов проверить насколько ты крут во фронтенде? На канале Frontend Tests & Tasks мы собираем для Вас самые интересные вопросы и  задачи по фронтенду. Если вдруг не сможешь решить задачу - не беда, мы подробно объясним её решение. Готов? Тогда поехали 👉 @frontend_tests

"Все за деньги. Бесплатно обучиться ИТ невозможно" Если и вы так думаете, то не пробовали 2 вещи: } поискать инфу в Ютубе } подписаться на @neoclassicIT Первый способ займёт 30-60 минут. А второй — 3 секунды. Через месяц после подписки на Неоклассику вы сможете писать код на Python, разберетесь в системе блокчейна и научитесь создавать свой NFT. Переходите > t.me/NeoclassicIT

Hamburgers Это коллекция из более чем 20 кнопок меню. Все они имеют уникальные, хорошо сделанные анимации, которые созданы с использованием чистого CSS и гарантированно работают максимально плавно. 👉 @sWebDev

На выходных будет стрим по веб технологиям на канале 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