ngx-translate

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

👉 @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 разработчик.

Mint UI

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

👉 @sWebDev

Keen UI

Библиотека Keen-UI, хотя её разработчики явно черпали идеи из уже не раз упомянутой на этом канале концепции Material Design, не является настоящим набором Material-компонентов. В её состав входят только компоненты, использующие JavaScript, она не является CSS-фреймворком и не включает в себя систему работы с сеткой или типографские стили.

👉 @sWebDev

Hover

Это CSS-библиотека. Hover — сборка эффектов наведения на CSS3, которые будут применяться к ссылкам, кнопкам, логотипам, SVG, избранным изображениям и т. д. Эффекты доступны на CSS, Sass и LESS. Вы можете копировать и вставлять эффект, который вы хотите использовать в своей таблице стилей, или ссылаться на таблицу стилей библиотеки.

👉 @sWebDev

Запомните: айти в 2021 году – самая перспективная ниша.

1. Выучить «базу» 2-3 языков можно за месяц, даже если вы чайник.

2. Тысячи компаний платят новичкам от $800.

3. Из-за высокого спроса вы найдете работу за 1-2 недели.

Освоить всё с нуля поможет канал Frontend. Уроки по JavaScript, CSS, HTML и советы для собеседований. Впитываете знания – уверенно проходите интервью – получаете работу.

Ребята скомпоновали всё так, что влиться в процесс сможет каждый. Стартуйте сейчас: @frontendInterview

BootstrapVue

Эта библиотека предназначена для создания отзывчивых веб-приложений, при разработке которых ориентируются, в первую очередь, на мобильные платформы. Библиотека построена на базе Vue и Bootstrap 4. Она предназначена для Vue 2.4+, в ней реализована автоматическая разметка WAI-ARIA, направленная на создание веб-проектов, с которыми удобно работать людям с ограниченными возможностями.

👉 @sWebDev

Velocity

Velocity — это быстрый механизм анимации Javascript с тем же API, что jQuery $.animate(). Он включает в себя цветную анимацию, преобразования, смягчения, поддержку SVG и анимацию прокрутки.

👉 @sWebDev

В команду Юлы нужен DevOps-инженер!

Наш идеальный кандидат на «ты» с Kubernetes, любит новые и интересные технологии, хочет их внедрять и применять. Большим плюсом будет опыт из смежных направлений разработки и широкий кругозор, ведь задачи могут быть самые разные – и трафик поанализировать, и подебажить упавшую сборку, и помочь коллегам с внедрением CI-инструментов.
Если тебе это интересно, ищи подробности (стек, требования, условия) по ссылке.

Fish-UI

Fish-UI — это набор инструментов для веб-разработки, использующий возможности WebPack и ES2015. Несмотря на скудную документацию, библиотека Fish-UI достойна внимания, так как содержит в себе более 35-ти хорошо структурированных компонентов, позволяющих создавать простые и понятные интерфейсы, не перегруженные ненужными деталями.

👉 @sWebDev

Компоненты React от Khan Academy

Компоненты React, подготовленные силами Khan Academy, выпущены в виде библиотеки компонентов, в которой используется встроенный CSS и имеются комментарии. Отдельные компоненты библиотеки можно установить, воспользовавшись этой подборкой, созданной средствами Bit.

👉 @sWebDev

Angular Material

Angular Material — это официальная библиотека компонентов Angular, в которой реализованы концепции Material Design от Google. Эти компоненты пользовательского интерфейса можно рассматривать как примеры кода, написанные в соответствии с рекомендациями команды разработчиков Angular.

NG Bootstrap

У NG Bootstrap, популярной библиотеки, в которую входят компоненты для Angular, выполненные в стиле Bootstrap 4, около 4.5 тысячи звёзд на GitHub. Она служит заменой Bootstrap-проекту angular-ui, который больше не поддерживается. NG Bootstrap отличается высоким уровнем покрытия кода тестами и отсутствием сторонних JS-зависимостей.

👉 @sWebDev

Clarity

Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных.

👉 @sWebDev

NG2 Charts

Библиотека NG2 Charts, имеющая около тысячи звёзд на GitHub, даёт разработчику директивы Angular для создания графиков шести типов, при этом используемые здесь свойства основаны на chart.js. Эту библиотеку можно использовать для визуализации больших наборов данных и вывода списков.

👉 @sWebDev

Framer Motion

Framer Motion - это библиотека анимации и жестов, созданная Framer. Дополнительным преимуществом Framer Motion является то, что дизайнеры могут создавать анимацию во Framer, а затем передавать проекты для точной реализации с использованием собственной библиотеки Framer

👉 @sWebDev

Formik

Formik - популярное решение для создания форм, так как оно предоставляет многоразовый компонент, в котором можно просто использовать его API для обработки трех наиболее раздражающих частей при построении форм:

- получение значений внутри формы и вне его состояния;
- сообщения о проверке и ошибках;
- обработка отправки формы.

👉 @sWebDev

Быть в курсе последних IT-новостей — необходимость для современного разработчика.
Можно не тратить драгоценное время на поиск свежей информации, а делегировать это дело «Быстрому Фронтенду».

Наш коллега Саша смотрит видео, слушает подкасты и читает статьи, чтобы регулярно публиковать в своём Telegram-канале «Быстрый Фронтенд» краткий обзор свежих новостей со всего мира. Конечно же, со ссылочками и комментариями.

Подписывайся на «Быстрый Фронтенд» — самые интересные и полезные новости фронтенда в компактном формате 📲

Друзья! Мы знаем, что не все из вас смогут присоединиться к нам в Москве. Но очень важно, чтобы каждый из вас смог узнать о том, что происходит в современном фронтенде. Чтобы вы смогли получить знания о лучших практиках и внедрить их у себя. Только так отрасль будет развиваться.

Поэтому мы открываем трансляцию Главного зала FrontendConf 2021. Чтобы получить доступ к трансляции, нужно зарегистрироваться по ссылке

11 и 12 октября, с 11:00 до 18:00 (МСК) вас ждут 12 огненных докладов. Присоединяйтесь и зовите коллег!

Jotai

Jotai описывает себя как примитивное решение для управления состоянием для React и конкурента Recoil. Это довольно минималистично - меньше API для изучения; и если ты понимаешь хук useState в React, ты, вероятно, поймешь хук Jotai useAtom.

👉 @sWebDev

Remotion

Remotion позволяет снимать видеоролики о рендеринге React компонентов - будь то получение данных из API и их отображение, или показ классной анимации.

👉 @sWebDev