Пишем шахматы на JS

Подробный туториал по разработке шахмат на JavaScript с использованием Stockfish API

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

Работа с датами с Tempo

Еще одна библиотека, упрощающая работу с датами в JS.

https://blog.logrocket.com/handling-dates-javascript-tempo/

Отображаем музыку при помощи CSS Grid

Решение по удобному и отзывчивому рендерингу нот в вебе, основанное на CSS Grid.

https://cruncher.ch/blog/printing-music-with-css-grid/

Фронтенд-разработка из первых уст

Мы уже упоминали Канал Дениса Воронина ранее, расскажем чуть подробнее.

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

Сейчас Денис активно освещает тему подготовки к собесам, поэтому особенно рекомендуем канал тем, кто штурмует алгоритмы и аспекты софт-скиллов.

🎁 Традиционный бонус для подписчиков - розыгрыш беспроводных наушников Logitech G G435

Так что не пожалейте пару минут: вы можете выиграть наушники и стать частью интересного сообщества!

Доступность при валидации html форм

Руководство по разработке удобных и доступных форм.

https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/

Отменяем асихронные запросы с AbortController

Как работает AbortController и примеры его использования.

https://thenewstack.io/cancel-asynchronous-react-app-requests-with-abortcontroller/

CPUpro: Переосмысление профайлинга для экосистемы JS

Альтернативная система профайлинга и логирования для движка V8: Node.js, Deno, Chromium.

https://github.com/lahmatiy/cpupro

Попасть в Яндекс за выходные — реально

18–19 мая приходите на Weekend Offer Frontend. Для этого нужно зарегистрироваться и решить одну задачу в Контесте. После вы сможете за 2 дня пройти технические секции, познакомиться с нанимающими командами и получить офер в интересный проект.

В мероприятии участвуют 13 команд: Поиск, E-com Поиска, Реклама, Бизнес, Cloud, 360, Игры, Умный дом, Путешествия, Аренда, Недвижимость, Авто.ру и Авто.ру Бизнес. Вы сможете поговорить с ребятами и узнать, как работается в проектах. Если всё сложится хорошо — сразу же получите офер.

Помогаем релоцироваться по РФ, нанимаем в офисы по всей стране.

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

Реклама. ООО "Яндекс". ИНН 7736207543

Изучаем работу с ветками в Git

Хороший инструмент для изучения Git начинающим и не только.

https://learngitbranching.js.org/?locale=ru_RU

Курс по JS для начинающих

3 часовой вводный курс по современному JavaScript для тех, кто знакомится с языком.

https://www.youtube.com/watch?v=Zi-Q0t4gMC8

Современное руководство по CSS фигурам

Способы создания фигур без использования SVG.

https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/

​Frontend meetup

1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.

2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.

3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.

Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf

➖➖➖

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

🌐 ОНЛАЙН

✅ Регистрация на мероприятие

Реклама, ООО "Эвроне.ру", ИНН 3663057399

Интерактивное руководство по CSS Container Queries

Удобный гайд с возможностью потыкать фичу в режиме онлайн.

https://ishadeed.com/article/css-container-query-guide/

Target=_blank теперь автоматически используется с атрибутом rel=noopener

Небольшая заметка о том, какие проблемы были Target=_blank и почему нужен был аттрибут rel.

https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/

Готовим NextJs к offline работе

Аспекты разработки веб приложений с учетом возможности offline работы на примере приложения на NextJs.

https://www.youtube.com/watch?v=oOV5uk-ajPE

Новые альтернативы innerHTML

Об использовании уже доступного setHTMLUnsafe и находящегося в процессе стандартизации setHTML.

https://fullystacked.net/innerhtml-alternatives/

Реализуем функцию глубокого сравнения объектов

Алгоритм сравнения объектов, использующий метод Object.is.

https://webdeveloper.beehiiv.com/p/get-perfect-deep-equal-javascript

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

Что интересного ждет на мероприятии:

– Проанализируем возможности использования платформы как сервиса (PaaS) для быстрого создания и масштабирования корпоративных решений
– Рассмотрим высокоуровневую Java-платформу с открытым исходным кодом, которая позволяет создавать сложные информационные системы в рекордно короткие сроки.
– Опыт Россельхозбанка в применении PaaS для создания ИТ-систем банка. Кейс по сокращению сроков разработки с 1 года до 4 месяцев на примере модуля ДБО для работы с самозанятыми.

Для кого: техническим директорам, архитекторам, разработчикам и ИТ-специалистам. Будем рады видеть вас и ваших коллег!

Когда: 21 мая, вторник в 10:00
Регистрация: по ссылке

React Compiler

Как работает экспериментальный React Compiler под капотом в сравнении с классическим React Transpiler.

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

Используем WebRTC для создания P2P видео стриминга

Немного о концеции работы WebRTC и простой пример реализации стриминга.

https://blog.logrocket.com/webrtc-video-streaming/