Парсинг дат в JS — добавляем русский язык в библиотеку Chrono

Crono это парсер дат на естественном языке. Кроме формальных ISO 8601 или dd.MM.yyyy, распознает варианты а-ля «в среду утром‎», «с 10 до 11 вечера», «2 часа 5 минут назад» и т.п. Поддерживает 8 языков, в том числе, теперь, и русский.

https://habr.com/ru/post/676026/

👉 @frontend_1

Друзья, предлагаем вам оценить российский рынок мероприятий для разработчиков. Поделитесь, какие митапы и конференции вам интересны и почему, какие форматы участия вы предпочитаете.

Онлайн-опрос займет не более 3-х минут. За это время вы передохнёте от работы, а в конце мы подарим скидку 25% на крутые образовательные лекции!

Пройти опрос

Анимированная сцена, выполненная с помощью SVG, Pug и Sass

https://codepen.io/jkantner/pen/YzEzWGg

#codepen #svg

Подпишись👉 @codepen_1

26 ноября СберБанк проводит One Day Offer для Frontend-разработчиков.

👉 Пройди fast-интервью и получи оффер от крупнейшего банка страны за один день!

Мы ищем специалистов с опытом от 2,5 лет для работы над цифровой образовательной платформой. Нашим продуктом пользуются в тысячах школ по всей стране, а также в адаптационной программе Сбера BootCamp и «Школе 21». Над развитием проекта трудится 35 scrum-команд.

Наш стек компетенций: ReactJS, TypeScript, Apollo Client, Styled-Components, Material-UI, Storybook.
Задачи, которые мы поручим тебе:

✔ развитие микросервисов;
✔ участие в разработке архитектуры клиентской части;
✔ оптимизация производительности фронта, сборки проекта и первого рендера;
✔ сопровождение и развитие UI kit;
✔ повышение адаптивности интерфейсов;
✔ автоматизация процессов разработки frontend;
✔ настройка пайплайнов (CI/CD), Quality Gates.

Присоединяйся к команде! ✍ Отправь заявку на участие в One Day Offer.

React component code smells

https://antongunnarsson.com/react-component-code-smells/

👉 @frontend_1

Создание и развертывание одностраничного приложения с помощью функций React, Vite и Netlify

https://labs.pineview.io/build-test-and-deploy-an-app-react18-vite-netlify-nightwatch/

👉 @frontend_1

Создаем фигуры на чистом CSS с примерами кода 47 форм

На CSS можно создавать всевозможные формы. Квадраты и прямоугольники просты, поскольку они являются естественными формами в Интернете.
Умно используя позиционирование, преобразование и многие другие приемы, мы можем создавать множество форм в CSS с помощью всего одного элемента HTML.

https://bookflow.ru/sozdaem-figury-na-chistom-css-s-primerami-koda/

👉 @frontend_1

​Subcolor – инструмент для генерации оттенков между двумя разными цветами

Представлен в двух видах: js-библиотеки и веб-сервиса

https://github.com/ibrahimtelman/subcolor
👉 @Githublib

Аккордеон на чистом HTML и CSS

В этом видео я покажу вам как быстро и просто создать популярный виджет для сайта "Аккордеон". Для его реализации мы воспользуемся механикой работы HTML тега details и добавлением CSS.

👉 @frontend_1

Frontend meetup (Online)

1. Организация сложных многоступенчатых форм на VueJS - Роман Троицкий, Комус-тех
Расскажу про опыт формирования формы покупки полиса осаго со словарями, подсказками и тп, продвинутый форм-билдер vue2 - vue3

2. Новые рецепты. React(Vue) Query вместо вашего любимого state manager - Паромов Евгений, Evrone
Рассмотрим как с React Query можно выкинуть тонны сложного, ненужного, страшного кода. И сделать ваши компоненты действительно переиспользуемыми

3. Dprint - Форматирование на максимальной скорости - Поляков Андрей, БФТ
Быстрый форматер кода написанный на языке Rust.

➖➖➖

🗓 30 ноября, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

✅ Регистрация на мероприятие
📢 Наш телеграмм каналл с анонсами митапов.

Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными версиями. Обычно разработчики не очень стараются применять адаптивные подходы для больших экранов, ведь если интерфейс поместился на HD разрешении, то он точно поместится на 2K разрешении и больше. Однако контент никак не масштабируется, поэтому имеем на больших разрешениях маленькие элементы, которые трудно уловить взглядом. В этой статье я покажу, как сделать интерфейсы пропорционально одинаковыми на разных десктопных разрешениях.

https://habr.com/ru/company/bimeister/blog/700950/

👉 @frontend_1

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

Пройти опрос

JavaScript parseFloat() function explained with examples

https://sebhastian.com/parsefloat-javascript/

👉 @frontend_1

YaTalks: 3 и 4 декабря

Яндекс вновь соберет экспертов с российским и международным опытом для обсуждения всего важного и интересного в IT-сообществе. Онлайн-формат конференции позволит присоединиться из любой точки мира.

На треке про фронтенд обсудят:

✔️ Веб в 2022. Что изменилось?
✔️ Chrome DevTools — спрятанные полезности
✔️ Дискуссия о том, что важнее в интерфейсах: технологическая обоснованность или особенности восприятия пользователей

Отдельный трек будет посвящён лайфстайл тематике. Вот некоторые темы докладов:
✔️ Из экспертов в руководители и обратно через боль, выгорание и инсайты
✔️ Родительство по agile: как быть эффективным айтишником с макаронами в волосах
✔️ Дебаты: Тимлиды больше не нужны?

Зарегистрироваться и узнать подробности этого и других треков можно здесь