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

Mint UI Это библиотека мобильных компонентов, созданных на CSS и JS, которые могут быть использованы для создания мобильных приложений. Использование этой библиотеки поможет вам еще быстрее создавать веб-страницы в едином стиле. 👉 @sWebDev

✏️ Вопрос из канала «Web Interview»: В чем разница между null и undefined?  ✅ Ответ:  В JavaScript undefined означает, что переменная была объявлена, но ей еще не присвоено значение, например: let a; alert(a); //выведет undefined alert(typeof a); //выведет undefined null - это значение присваивания. Он может быть присвоен переменной, как представление без значения (когда разработчик решает, что значение пока что не определено): let a = null; //разработчик сам присвоил null alert(a); //выведет null alert(typeof a); //выведет object 📌 Из предыдущих примеров ясно, что undefined и null являются двумя различными типами: undefined - это сам тип (неопределенный), а null - объект. null === undefined // false null == undefined // true null === null // true Хочешь быть готовым к вопросам на собеседовании? — подпишись на канал  «Web Interview»! • Здесь ежедневно публикуются реальные вопросы по фронту и бэку с собеседований российских IT компаний. • И еще! Канал ведет действующий Fullstack разработчик.

ngx-translate В какой-то момент вашему веб-приложению может потребоваться обслуживание многоязычной базы пользователей. Интернационализация, или, если коротко, i18n, - это процесс, с помощью которого вы можете сделать ваше приложение пригодным для использования на другом родном языке. Хотя Angular обладает некоторой встроенной функциональностью i18n, ngx-translate - это сторонний пакет, который упрощает процесс. 👉 @sWebDev

💥Два дня живого общения на конференции FrontendConf 2021 Приглашаем вас на конференцию, в рамках которой вас ждёт знакомство с современными подходами в разработке, обзор лучших практик и перспективных технологий. Программа конференции построена вокруг 6 тематик: — архитектура и организация кодовой базы; — The Frontend Operations Engineer; — хорошие практики современного фронтенда; — профессиональный, карьерный и социальный рост; — взгляд со стороны (собеседования, команды, развитие); — будущее (перспективы развития нашей сферы, недавние изменения и размышления о красоте вещей). 🔥И все это офлайн! Место и время встречи — Москва, Radisson Slavyanskaya, 11-12 октября. По ссылке можно прочитать подробнее о конференции, изучить программму и забронировать билет 👉 https://clck.ru/XZLdg Также уже открыт плейлист докладов прошлого года, где многие из тем актуальны до сих пор 👉https://clck.ru/XRjNv

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

Angular Google Maps Использование библиотеки Google Maps в Angular всегда является серьезной проблемой, потому что библиотека загружается с использованием тега script, поэтому могут возникать некоторые ошибки компиляции, исправление которых может потребовать большого количества времени. Эта библиотека решает все проблемы за вас и предоставляет удобный интерфейс для взаимодействия с google maps. 👉 @sWebDev

iView Это высококачественный набор инструментов для компонентов пользовательского интерфейса, созданный на основе Vue.js. Он был создан TalkingData для настройки тем, многоязычного развертывания и других функций, что значительно повысило эффективность разработки. 👉 @sWebDev

TailwindCSS Это CSS-библиотека, которая упрощает стилизацию HTML, тем же путем, как это делает Bootstrap, – добавляя огромное количество разнообразных классов. Но, в отличие от Bootstrap, который добавляет уже готовые к употреблению компоненты, такие как кнопки, алерты и навбары, классы TailwindCSS нацелены на конкретное свойство. В TailwindCSS нет заранее написанной кнопки, её ты должен сделать сам. 👉 @sWebDev

Buefy Библиотека Buefy представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 9 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания. 👉 @sWebDev

Spectre.css Это легкий, отзывчивый и современный CSS-фреймворк для более быстрой и расширяемой разработки. Spectre предоставляет базовые стили для типографики и элементов, систему адаптивного макета на основе Flexbox, а также компоненты и утилиты на чистом CSS. 👉 @sWebDev

One Day Offer в Яндекс для frontend-разработчиков 🔥 25 сентября пройдёт новый One Day Offer для фронтендеров. One Day Offer — это онлайн-встреча, на которой можно получить оффер за один день. Чтобы попасть на мероприятие, необходимо решить 2-3 задачи онлайн в системе Яндекс.Контест до 22 сентября. Это можно сделать в любое время — решение проверяет компьютер. Если задачи решены успешно — мы пригласим на One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе. Регистрация по ссылке: https://yandex.ru/promo/events/one-day-offer-250921/?from=tg_cpc_swebdev

AT-UI Библиотека AT-UI создана специально для настольных веб-приложений. При работе с ней применим техпроцесс, предусматривающий использование NPM, WebPack и Babel. Хотя документация к библиотеке может вызвать сложности у англоговорящей аудитории, она включает в себя достойную коллекцию простых и удобных компонентов для разработки интерфейсов. 👉 @sWebDev

Bulma Bulma - это современный фреймворк, который использует самые современные технологии. В первую очередь, это технологии верстки колонок с помощью так называемых Flexbox. Верстая веб-страницы на Bulma вы создаете 100% адаптивные страницы под мобильные устройства. Используя имена классов вы можете легко верстать колонки и забыть про различные сетки, float и.т.д. Bulma имеет имена классов, которые очень легко читаются и запоминаются. Например, так можно создать колонки. <div class="columns"> <div class="column"> First column </div> <div class="column"> Second column </div> </div> 👉 @sWebDev

Как люди становятся бедными 90% людей не умеют пользоваться деньгами. Большинство несет свои сбережения в банк, а это прямой путь к бедности, потому что цены в стране растут быстрее, чем проценты в банке. Богатые поступают по-другому: часть прибыли они всегда инвестирует и получают 20-30-40-50% годовых, с каждым годом умножая доход. • Инвестору не нужно вкалывать на работе или в бизнесе. • Чтобы стать инвестором, достаточно $15 свободных денег. • При правильном подходе риски минимальны. Но почему большинство не инвестирует? Главная причина — не хватает знаний, как правильно это делать. Боятся прогореть. Подписывайтесь на канал Лимон на чай. Автор канала — инвестор-практик. Простыми словами рассказывает начинающим про инвестирование, говорит о конкретных шагах и фишках, проверенных собственным опытом. Максимум сути и минимум бесполезной теории. Подписывайтесь, чтобы стать богаче: @lemonfortea

Научись зарабатывать на искусственном интеллекте! За 3 дня ты легко создашь 9 разных нейросетей способных: ◾️ Вычислять курс акций. ◾️ Определять стоимости квартиры. ◾️ Распознавать возгорания и многое другое!  Увлекательная практика и никакой скучной теории! ◾️ Узнаешь, как применять искусственный интеллект в твоей работе. ◾️ Убедись, что искусственный интеллект - это легко и увлекательно! ◾️ Живые занятия и общение с ведущими кураторами. — Каждый участник получит сертификат! — Возьмем на стажировку в наш университет. — Гарантируем трудоустройство. Записывайся на практикум прямо сейчас, переходи по ссылке ➡️ https://clck.ru/XGdbS

ContentTools Это библиотека позволяет реализовать текстовый редактор на HTML странице. 👉 @sWebDev

ToastUI Chart Это одна из JavaScript библиотек для визуализации данных. Помогает строить красивые диаграммы, поддерживает множество типов различных графиков, проста в использовании и легко кастомизируется. ToastUI Chart поддерживает множество браузеров, включая IE8. 👉 @sWebDev

DynCSS Коллекция разнообразных CSS-спиннеров для вашего сайта. 👉 @sWebDev

FilePond JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений. 👉 @sWebDev

Tabler Компонентная панель администратора с открытым кодом, созданная на Bootstrap 4. Абсолютно адаптивная, легко встраивается в проект, поддерживает все соглашения по коду от Bootstrap. 👉 @sWebDev