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

Spectacle Spectacle — это библиотека, основанная на React и предназначенная для создания качественных динамических слайдов для веб-презентаций. В ходе создания презентаций можно использовать компоненты React. В библиотеке имеются готовые к использованию компоненты, такие, как <Slide> и <BlockQuote>. Это упрощает работу по созданию презентаций. 👉 @sWebDev

​Пройдите онлайн-курс от Skillbox и станьте востребованным PHP-разработчиком! PHP входит в десятку самых популярных языков программирования по индексу TIOBE. На этом серверном языке написано большинство CMS, в том числе и WordPress, на котором работает 65% всех сайтов в мире. Чтобы поддерживать работу старых проектов и писать веб-приложения с нуля, компании нанимают PHP-разработчиков. Вы с нуля научитесь программировать сайты и веб-приложения на PHP, освоите фреймворк Laravel, напишете облачное хранилище и поработаете над интернет-магазином в команде. Сможете устроиться на позицию Junior-разработчика. Прямо сейчас более 2 800 компаний ищут PHP-разработчиков, а средняя зарплата, по данным HeadHunter, составляет 90 000 рублей! Расходы за первые 3 месяца обучения берёт на себя Skillbox. За это время вы освоите базовые навыки и закрепите знания на практике. В конце обучения опытные HR-специалисты подберут лучшие вакансии, подготовят к собеседованию и помогут получить работу. Переходите по ссылке: https://clc.to/bnVusQ и узнайте больше о программе обучения.

Blueprint Blueprint — это набор инструментов для React, обладающий графическим интерфейсом, весьма эффективный в деле разработки сложных веб-интерфейсов для настольных приложений, которые отличаются грамотным внутренним устройством и хорошими возможностями по повторному использованию кода. Эта библиотека была создана, преимущественно, для настольных приложений, однако, весьма высока вероятность добавления в неё функционала, необходимого для разработки мобильных проектов. Она, кроме того, отличается большой гибкостью, так как она может использоваться совместно с такими JS-фреймворками, как AngularJS, Vue.js и другие. 👉 @sWebDev

StoryBook Разработку серверных частей приложений можно упростить с помощью специализированных фреймворков, таких, как Meteor и Firebase. React StoryBook — это библиотека, которая даёт те же возможности разработчикам клиентских частей приложений. StoryBook позволяет создавать компоненты пользовательского интерфейса React-приложений и заниматься настройкой их внешнего вида в интерактивном графическом окружении, которое упрощает работу с компонентами React. 👉 @sWebDev

react-themed Эта библиотека предоставляет HOC, который позволяет добавлять темы в React компонент в качестве prop. Пример использования: import themed from 'react-themed' import styles from './Button.css' const Button = ({ theme, ...props }) => ( <button {...props} className={theme.button} /> ) export default themed(styles)(Button) 👉 @sWebDev

sensitive-param-filter Эта библиотека без дополнительных зависимостей реализует фильтрацию уязвимых параметров в объекте. С помощью неё можно не только удалять разные свойства в объекте, но и заменять их на указанные значения. Пример использования: const { SensitiveParamFilter } = require('@amaabca/sensitive-param-filter') const paramFilter = new SensitiveParamFilter() const rawObject = { Authorization: 'Bearer somedatatoken', body: { info: '{ "amount": 28.64, "credit_card": "4242424242424242", "cvv": "123" }' }, method: 'POST', url: 'https://pay.example.com?user=bob.bobbington&password=asecurepassword1234' } const filteredObject = paramFilter.filter(rawObject) // filteredObject = { // Authorization: 'FILTERED', // body: { // info: '{ "amount": 28.64, "credit_card": "FILTERED", "cvv": "FILTERED" }' // }, // method: 'POST', // url: 'https://pay.example.com?user=bob.bobbington&password=FILTERED' // }

url-template Эта небольшая библиотека помогает очень легко и быстро создавать url адреса по заданным шаблонам. Может пригодиться как в серверной части приложения, так и на фронтенде. Пример использования: var template = require('url-template'); var emailUrlTemplate = template.parse('/{email}/{folder}/{id}'); var emailUrl = emailUrlTemplate.expand({ email: 'user@domain', folder: 'test', id: 42 }); console.log(emailUrl); // Returns '/user@domain/test/42' 👉 @sWebDev

react-dates Эта библиотека от air-bnb предоставляет настраиваемые одинарные и двойные date-пикеры для React. 👉 @sWebDev

​Раньше все хотели стать космонавтами, а теперь — программистами. Веб-разработчик — перспективная профессия в сфере IT. Они востребованы везде, где бизнесу нужны приложения. РАНХиГС и Skillbox разработали новый формат обучения — онлайн-бакалавриат. За 4 года обучения вы: • научитесь создавать сайты, разрабатывать дизайн для мобильных приложений и проектировать информационные системы; • углубитесь в математику и подтянете английский; • научитесь программировать на JavaScript и познакомитесь с популярными фреймворками; • узнаете, как работать с базами данных, программировать на SQL, PHP и Python; • углубите навыки разработки на PHP и Python; • освоите C# и Golang; • изучите DevOps и гибкие навыки, которые понадобятся в работе. Через 4 года получите государственный диплом и сможете начать карьеру. Также есть возможность участвовать в программе двойного диплома с Университетом Гренобль Альпы (Франция). Поступление: ЕГЭ — для всех абитуриентов. Проходной балл суммируется по всем предметам: математика, русский язык и на выбор — английский язык, физика или информатика и ИКТ. Завершение приёма документов — 19 августа!. Получите больше информации по ссылке: https://clc.am/IVcapA

AnyChart AnyChart — хорошо проработанная, легковесная, многофункциональная JS библиотека для визуализации данных с рендерингом в SVG/VML. Позволяет веб-разработчикам создавать всевозможные графики и диаграммы для дальнейшего принятия решений на их основе. Основные возможности 1. Более 80 типов графиков, включая обычные графики, биржевые графики, геовизуализации (карты), а также диаграммы Ганта и сетевые графики PERT. 2. Много вариантов, как можно загружать данные: XML, JSON, CSV, JS API, Google Sheets, HTML-таблицы. 3. Возможность «углубляться» в данные на графике (дрилдаун). 4. Технические индикаторы для технического анализа и аннотации (инструменты для рисования) «из коробки». 5. Исчерпывающие документация и описание API, отзывчивая поддержка. 6. Интеграция с Angular, Oracle APEX, React, Elasticsearch, Vue.js, Android, iOS и др. Для разработчиков приложений и дашбордов в Qlik есть специальный готовый экстеншн для Qlik Sense. 7. Множество готовых примеров графиков, диаграмм, дашбордов, а также собственная

Charts.css CSS-фреймворк с открытым исходным кодом для визуализации данных помогает разработчикам интерфейсов превращать данные в красивые диаграммы и графики при помощи простых классов CSS. 👉 @sWebDev

США упростили въезд для людей из СНГ! Теперь получить визу и свалить можно за пару дней, если читаете мануалы с этого канала. 🇺🇸🇺🇸 Нужен только загранпаспорт! Как всё организовать легально и без заморочек, узнайте здесь.

reseter.css Футуристическая альтернатива Normalize.css и CSS Resets. На картинке представлены различия с конкурирующими библиотеками. 👉 @sWebDev

​​Пора смириться, что фондовый рынок уходит в прошлое. Будущее за блокчейном и криптовалютами Кто это понимает, через несколько лет окажется на вершине финансовой пирамиды. Как это делают сейчас подписчики криптоэнтузиаста Бубы. Буквально на днях с бесплатного сигнала по ICP люди приумножили свои вложения в 2-10 раз. Скриншоты с Binance прилагаем ниже. Также Буба предсказал: - ВТС 29000$ дно - IOTX +300% - TWT +70% - SXP +60% Все посты есть на канале. Сверяйте даты, если хотите Чем дольше вы игнорируете криптовалюты, тем больше денег теряете каждый день. Подписывайтесь на канал Трейдера Бубы, чтобы инвестировать в крипту грамотно: https://t.me/trade_by_booba

Luxon Библиотека Luxon заявлена как мощное, современное и удобное средство для работы с датами и временем в JavaScript. Библиотеку создал Айзек Камброн (Isaac Cambron), входящий в команду разработчиков Moment с 2013 года. 👉 @sWebDev

Halfmoon Интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS; отлично подходит для панелей мониторинга и инструментов. 👉 @sWebDev

Plotly.js Plotly.js — это библиотека JavaScript высокого уровня, бесплатная, с открытым исходным кодом. Построена на D3.js и WebGL. Ее можно использовать для создания множества самых разных типов визуализации данных, включая, например, трехмерные статистические графики. 👉 @sWebDev

MoreToggles.css Библиотека на чистом CSS со множеством приятных глазу переключателей. 👉 @sWebDev

amCharts amCharts — одна из JavaScript библиотек, полезных тем, кто ищет простое и в то же время гибкое решение для визуализации данных. Основные возможности 1. Много разнообразных типов графиков, включая интерактивные карты и диаграммы Ганта. 2. Возможность анализа данных «вглубь» (дрилдаун) и другие хорошо проработанные интерактивные опции. 3. Документация, описывающая все нужные методы, хорошо написана, правда, на мой вкус, не слишком удобна в использовании. 4. Крутая анимация графиков. 5. Интеграция с React, Angular, Vue, Ember и др. 6. Готовый плагин для WordPress. 7. Экспорт графиков в изображение или PDF файл. 👉 @sWebDev

Meanderer Маленькая библиотека JavaScript для создания отзывчивых траекторий анимации. Перед началом работы автор Meanderer рекомендует воспользоваться SVGOMG. 👉 @sWebDev