FrontEndDev

Выпуск Kolesa Podkast о frontend разработке Kolesa Podkast - подкаст о казахстанском IT. Вместе с гостями ребята обсудили технологии и ключевые языки программирования, как выглядит и куда движется современный frontend, а также начало карьеры и развитие разработчика. Послушать можно тут: — Youtube — Apple Podcasts — Яндекс.Музыка

Кроссбраузерная поддержка двух фич: Push Notification и importmap Подробнее про Push Notifications Подробнее про importmap

Что такое source maps? Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps. https://web.dev/source-maps/

Команда Тинькофф и Angular Moscow соберет фронтенд-комьюнити в Москве 🅰️ Ребята из Тинькофф, «Европлана» и Bimeister проведут митап 12 апреля. На встрече обсудят: — как выводить продукты на новые рынки i18n; — как создавать собственный инструмент для просмотра документов; — как мигрировать с Angular CLI на Nx. После докладов проведут неформальный нетворкинг: обменяются кейсами с участниками, обсудят технологии и просто поболтают о полезном. Кстати, для тех, кто не сможет приехать в Москву, будет трансляция. Не забудьте зарегистрироваться и позвать с собой коллег: — ссылка для тех, кто планирует встретиться с нами в Москве: https://l.tinkoff.ru/angular.meetup.tinkoff.ofline.moscow — линк для тех, кто планирует посмотреть онлайн: https://l.tinkoff.ru/angular.meetup.tinkoff.online.all

Запускаем Github actions локально Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета act. https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm

Глубокое погружение в CSS Grid Minmax Разбираемся с возможностями функции minmax при работе с гридами. https://ishadeed.com/article/css-grid-minmax/

Мое первое расширение для Firefox Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello. https://dev.to/nfrankel/my-first-firefox-extension-21bf

Prop drilling в React Что это такое и как с этим бороться. https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol

Создайте навык Алисы 💡 Алиса — виртуальный голосовой помощник. Она умеет ставить музыку, сообщать погоду, говорить шёпотом и даже заказывать продукты из магазина. И это не предел — постоянно появляются новые сценарии использования. Их может добавлять не только команда Яндекса, но и все желающие — от разработчиков до простых пользователей. Чтобы создать навык Алисы быстро и просто, используйте serverless-решения Yandex Cloud: — все необходимые компоненты и технологии в рамках одной платформы; — использование функций Cloud Functions для навыков Алисы не тарифицируется; — управление сервером, администрирование, обновление ПО и интеграцию Yandex Cloud берёт на себя; — автомасштабируемое окружение справится с любыми нагрузками, в том числе нерегулярными и непостоянными; — доступна подробная документация, пошаговые инструкции и вебинары о создании навыков Алисы в экосистеме serverless. Узнайте больше и создавайте навыки Алисы с помощью serverless-решений ➡️

Руководство по отзывчивому дизайну в 2023 и далее О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки и какие задачи решать, чтобы сделать приложение действительно отзывчивым. https://ishadeed.com/article/responsive-design

Эксперимент с новым синтаксисом для создания SVG через CSS https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg Поиграться и поэкспериментировать самому можно тут

Глубокое погружение в ES-модули Разбираемся, как работают ES-модули. https://medium.com/web-standards/71f42c1e851a

Динамические ключи в TS Дмитрий Павлутин рассказывает как использовать структуры с динамическими ключами, и чем они отличаются от Record. https://dmitripavlutin.com/typescript-index-signatures/

React 3D анимация на ThreeJS и GSAP Туториал по анимированию сайта и с отображением 3D моделей https://youtu.be/IyBhFma4H1A

Визуализация данных с помощью Unovis Создаем проект и рисуем графики, чарты и строим графы с библиотекой Unovis. https://blog.logrocket.com/exploring-data-visualization-unovis/

😀Встраивание WebGL в HTML-страницу с помощью Three.JS В данной статье мы рассмотрим совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js. https://habr.com/ru/company/simbirsoft/blog/721912/

Примеры использования Trig.JS Trig.JS небольшая библиотека, которая позволяет делать анимации реагирующие на скролл. https://idev-games.github.io/Trig-JS-Examples/