FrontEndDev

Новый релиз Puppeteer с поддержкой Firefox

Puppeteer 23 теперь поддерживает не только Chrome, но и Firefox, что упростит кроссбраузерное тестирование.

https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/

Изучаем возможности нативных декораторов в JS

Декораторы неизбежно станут частью стандарта, так что уже можно посмотреть, в каких случаях и как можно будет их применять.

https://frontendmasters.com/blog/exploring-the-possibilities-of-native-javascript-decorators/

Машинное обучения на JavaScript

Введение в ML разработку c ML5.js.
ML5 - библиотека, основанная на Tensorflow, предоставляющая упрощенный интерфейс для интеграции в веб приложения.

https://www.youtube.com/watch?v=ECotpcPCTaU

12 лучших библиотек для анимации

Несколько интересных инструментов для анимации, в том числе давно знакомые GSAP, Anime.js, Three.js и Framer Motion.

https://dev.to/vyan/12-best-javascript-animation-libraries-to-supercharge-your-web-projects-in-2024-21ka

Друзья, приглашаю вас на FrontendConf 2024 — одно из крупнейших ежегодных событий в мире frontend, где соберутся профессионалы для обмена опытом и новыми идеями.

🗓 30 сентября и 1 октября в Москве, в кластере "Ломоносов", более 1000 участников обсудят новейшие тенденции во фронтенде.

Программа включает 51 доклад с реальными кейсами, дебаты и фейл-митапы. В этом году особое внимание уделено внедрению ML в продукты и применению нейросетей для повышения производительности. Александр Шатилов и Илья Никитин обсудят ИИ в пользовательских интерфейсах и верстке.

А еще расскажут про новые подходы к архитектуре, производительности и инженерной культуре. Традиционные треки, такие как FrontOps, Технологии и Дизайн, будут дополнены обсуждением будущего фронтенда, включая AR и новые фреймворки.

Программа конференции уже на сайте

Регистрируйтесь и присоединяйтесь к FrontendConf 2024, чтобы зарядиться энергией, завести новые профессиональные связи и вдохновиться на работу над своими проектами! Промокод на скидку 5% для подписчиков fc24_front_end_dev

⚠ Внимание, с 1 сентября будет повышение цен на билеты, поэтому успейте купить билет заранее.

Transition к `height: auto` и `display: none`

Как на чистом CSS реализовать переходы используя новые функции.

https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css

Floating UI

Библиотека для позиционирования плавающих элементов и взаимодействия с ними.

https://floating-ui.com/

JS в Python

Как писать на JS в Python? PythonMonkey — это встроенный движок SpiderMonkey в среду выполнения python.

https://github.com/Distributive-Network/PythonMonkey

Unknown TS

Чем может быть полезен тип unknown в TypeScript? Объясняем на примерах

https://michaeluloth.com/programming-types-unknown-why-useful/

CodeScreenshot

Онлайн инструмент для генерации красивых скриншотов с вашим кодом.

https://cs.vkrsi.com/

Maska 3.0: Zero-Dependency библиотека для масок инпутов

Несколько демо по использованию легкой библиотеки без дополнительных зависимостей.

https://beholdr.github.io/maska/v3/#/

Вы думаете вы знаете box-shadows?

Простые и продвинутые техники использования box-shadows, а также ситуации, в которых стоит отказаться от использования теней.

https://dgerrells.com/blog/how-not-to-use-box-shadows

Создаем сложное расширение для google chrome

Туториал по созданию расширения на примере Image Saver - приложения для сохранения картинок.

https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide

Офер в Яндекс для опытных фронтендеров за два дня

24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.

Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.

Узнать подробности и зарегистрироваться.

Использование селектора :has

Небольшие примеры от Энди Белла, в которых отлично вписывается применение селектора :has

https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/

Разбираемся с Cookies и Tokens

Как работают Cookies, какие существую типы и параметры, а также что такое токены. Объединяем эти понятия и разбираемся с работой JWT.

https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/

Местоположение пользователя - это ложь

Почему нет 100% гарантии верного определения локации пользователя и какие есть способы ее определения. А также что стоит брать во внимание при решении задач, связанных с геолокацией.

https://austingil.com/user-location-is-a-lie/

The Front-End Checklist

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

https://frontendchecklist.io/

Разработчик ПО из Казани? Познакомься со специалистами ТехноХаба Сбера и прокачай свои скиллы! 👨‍💻👩‍💻

ИТ-академия ИТ-парка запустила курс для разработчиков «Cross-platform developer on JavaScript» совместно с Андреем Власовым — лидером компетенций, руководителем технологического Хаба Сбера в Казани с опытом в разработке 16 лет.

Для кого? 💻

— разработчики ПО с опытом работы frontend 1-2 года

По окончании курса ты получишь знания и навыки, соответствующие уровню Middle Javascript Developer, а именно:

✅ Продуктовое мышление
✅ UX/UI проектирования в figma
✅ Разработка web-приложений на React
✅ Разработка серверных приложений на Nodejs + Express + Mongo
✅ Написание эффективных тестов для приложений
✅ Глубокое понимание micro-frontend архитектуры на больших проектах

Запишись на собеседование прямо сейчас: записаться и получить бонусом офлайн-консультацию с наставником, защиту выпускной работы перед экспертами и удостоверение о повышении квалификации. 🔥

▪️Набор открыт до 15 августа
▪️Объем курса: 124 акад/ч (продолжительностью 5 месяцев)
▪️Формат: офлайн, в ИТ-парке им .Б. Рамеева

📲 Номер телефона для связи: +7 937 594 2209

Реклама: ТЕХНОПАРК В СФЕРЕ ВЫСОКИХ ТЕХНОЛОГИЙ "ИТ-ПАРК", ГАУ "ИТ-ПАРК", ИНН: 1655191213, ERID: 2VtzqwGw4hR

NodeJS добавил экспериментальную поддержку TS

С использованием флага --experimental-strip-types можно запустить TS код без транспиляции.

https://socket.dev/blog/node-js-adds-experimental-support-for-typescript