​Автоматизированное визуальное регрессионное тестирование с TypeScript, Puppeteer, Jest и Jest Image Snapshot

Рефакторинг, добавление нового компонента или обновление пакета могут повлиять на отображение приложения. Как убедиться, что ничего не сломалось? С помощью визуального тестирования: https://proglib.io/w/84473a9e

#testing

20 мая состоится технологическая онлайн-конференция - SmartDev

Это первая масштабная конференция от Сбера, на которой соберутся топовые спикеры из IT-компаний, чтобы за один день рассказать все о новых сервисах и инструментах разработки в формате dev to dev.

Вас ждут прикладные выступления на темы:

💥 Десятки новых APIs, SDKs, AR/VR, инструменты разработки приложений для виртуальных ассистентов Салют и их монетизация.
💥 Сервисы Platform V полноценный PaaS от Сбера
💥 50+ сервисов для разработки от SberCloud
💥 Machine Learning на единственной в мире облачной платформе с распределенным обучением на 1000+ GPU
💥 Использование средств разработки Intel OneAPI в Sbercloud ML Space

Участники, которые будут в числе первых семи тысяч зарегистрированных на конференцию SmartDev и на платформе SmartMarket - получат промокод на заказ еды от Delivery Club на 500 руб в день конференции.

Участие бесплатное, регистрация по ссылке.

Присоединяйтесь!

Освойте эффективную вёрстку и создайте приложение на Flutter за 1 мастер-класс!💥

Skill-Branch запустил бесплатный мастер-класс, на котором вы изучите эффективную вёрстку и архитектуру и создадите приложение на BloС.

Смотреть бесплатный мастер-класс

Курс «Flutter в мобильной разработке» стартует уже 📌26 мая на платформе Skill-Branch.

• 5 месяцев обучения
• 200+ часов лекций и практики
• 6 проектов для портфолио
• 20 обучающих модулей
• 120+ заданий с автоматической проверкой
• Живой чат по Flutter для общения с однокурсниками и менторами. Присоединиться можно уже сейчас.

⚠️Количество мест ограничено!⚠️

Записаться на курс Flutter

🕸 ТОП-5 популярных технологий для создания сайтов: просто и понятно для новичков

Редкий владелец собственного бизнеса не имеет собственного сайта, и неважно – крупный это или мелкий предприниматель. Однако не все знают, как такие проекты создаются и какие технологии используют веб-разработчики.

https://proglib.io/sh/YdgIz3TFJq

HTML Academy, образовательная и профессиональная среда, которая позволяет стать востребованным веб-разработчиком, запустила свой подкаст «Да как так-то?».

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

Подкаст доступен на всех платформах (ну или почти на всех). Выбирайте удобную и слушайте — https://tml.io/d2q53

​Экосистема Vue

Инструменты и сервисы в помощь Vue-разработчику: https://proglib.io/w/87b4ce40

#frameworks #vue

#proglib_contest

Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов:

HTMHell → https://proglib.io/w/118f2c1b
CSS Hell → https://proglib.io/w/31d4d0d4

​#proglib_contest

CSS анимация по траектории

Современный CSS дает возможность создавать эффектные сложные анимации без помощи скриптов. Свойство offset-path, например, позволяет перемещать элемент по произвольной траектории - это выглядит намного приятнее и живее, чем стандартные всем надоевшие круги и квадраты.

Поддержка offset-path в браузерах еще неполная (Safari отстает), но перспективы у него прекрасные, так что пора с ним познакомиться.

В видео подробно разобрано использование этого свойства на живом примере: https://proglib.io/w/447c3def

#proglib_contest

Лайфхак дня: чтобы открыть любой публичный GitHub-репозиторий в VS Code прямо в браузере, добавьте 1s к github в адресной строке → https://proglib.io/w/31944cd1

#proglib_contest

Сравнение производительности обычного CSS и CSS-in-JS с неутешительными выводами для любителей styled-components и других CSS-in-JS библиотек с рантаймом → https://proglib.io/w/4e3ec198

ВТБ в поисках классного специалиста.
Если ты:

🔹Опытный UI/UX-дизайнер
🔹Настоящий профи в своей области
🔹Создатель креативных digital-продуктов
🔹Гуру в рисовании скетчей и макетов
🔹Талантливый менеджер, способный упрощать работу продуктовой команды

То откликайся на вакансиию. Тебя (в обмен на достойный заработок) ждут амбициозные масштабные задачи, которые позволят раскрыть все твои таланты!

Полное описание вакансии здесь: https://www.vtbcareer.com/vacancy/788700/

​Кастомные типы данных в TypeScript: валидация на этапе компиляции

Типы данных в TypeScript придают языку строгость и ощущение порядка, которого недостаёт в JavaScript. В статье рассматриваются кастомные ошибки компиляции, нетривиальные способы использования дженериков, множества типов и type mapы.

https://proglib.io/w/43847c04

Давно думали над переходом от разработчика к тимлиду? Тогда успейте записаться на бесплатный вебинар от GeekBrains X AGIMA и узнайте, из кого получаются хорошие тимлиды.

- Почему тимлид в AGIMA считается отдельной профессией, а не ролью;
- Какие навыки тимлида ценятся на рынке и в компании AGIMA;
- Как разработчики становятся тимлидами и как мы выстраиваем институт тимлидерства.

За 1,5 часа вы сможете послушать выступление, задать интересующие вопросы и прокачать свои скиллы. Как бонус вы получаете методические материалы и запись вебинара.

Вебинар состоится 27 мая в 19:00. Узнавайте подробности и записывайтесь здесь. Перед началом вебинара отправляется уведомление.

​Введение в запросы от контейнера в CSS

Долгожданные container queries появились в Chrome Canary. Начинаем экспериментировать: https://proglib.io/w/36c97b24

#css

TypeScript

20 обучающих видео - от настройки до использования: https://proglib.io/w/806f7a67

#typescript #video

​Адаптивный дизайн как антипаттерн

Чем плох привычный адаптивный дизайн, и что с этим делать?

https://proglib.io/w/319b924e

#interface

Объяснение GraphQL за 100 секунд

Очень быстрое введение в технологию: https://proglib.io/w/8e9df466

#graphql

Пришло время подвести итоги конкурса на лучший контент #proglib_contest. Искренне благодарим всех, кто принял активное участие, без вашей поддержки конкурс бы не получился.

Победителем канала @frontendproglib становится автор поста — барабанная дробь 🥁 — https://yangx.top/frontendproglib/2169.

Победитель определен по количеству лайков под постом среди других конкурсных сообщений. За победный пост автор получает 20 000 ₽. В ближайшее время мы свяжемся с победителем и отправим приз — оставайтесь на связи.

Спасибо, что читаете нас! ✨

Основы JavaScript за неделю в формате марафона

Короткие видеоуроки, домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.
В результате — собственная браузерная игра в жанре файтинг.

Старт 31 мая. Чтобы присоединиться, запустите бота.

​Разбираемся в easing-функциях в CSS

Секреты эффектных анимаций:
https://proglib.io/w/44ff5256

❗️До конца регистрации остались сутки 😱

⚡️4-6 июня при поддержке ПСБ пройдет онлайн-хакатон Dev.Hack

Реши задачи цифровой трансформации крупного бизнеса.

🔥 На хакатоне у тебя будет возможность:

1️⃣ Разработать механизм использования операций для розничного банка в рамках микросервесной архитектуры;

2️⃣ Разработать механизмы сборки и исполнения кода веб-приложения в рамках архитектуры micro frontend;

3️⃣ Разработать механизмы сборки и исполнения кода мобильных приложении в рамках микросервесной архитектуры;

4️⃣ Разработать мобильное приложение (IOS и/или Android) для автоматизации фиксации участия в спортивных мероприятиях.

Приглашаем принять участие backend, frontend, мобильных разработчиков, бизнес-аналитиков и дизайнеров.

❗️Призовой фонд — 1 500 000 рублей❗️

Регистрируйся до 31 мая 23:59 по ссылке: https://clck.ru/UvMLH
Обязательно приглашай друзей и добавляйся в Telegram-чат, чтобы найти единомышленников: https://clck.ru/Ua2xE