Создаем необычное портфолио

Туториал по созданию 2D игры с Kaboom.js с сюжетом в виде вашего портфолио (врядли пригодится, но если нужно удивить, то получится 100%).

https://www.youtube.com/watch?v=wy_fSStEgMs&ab_channel=freeCodeCamp.org

Web Terminal

Создаем и кастомизируем web терминалы с Termino.js.

https://blog.logrocket.com/building-web-based-terminal-components-termino-js/

Улучшаем показатель LCP

5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.

https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/

В чем разница между движками и средами выполнения JavaScript?

Короткая заметка, которая поможет разобраться в основных понятиях.

https://habr.com/ru/articles/809131/

Способы стилизации Material UI

10 минутный гайд с best practices по стилизации MUI

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

WebSockets для новичков

Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.

Warning: индийский английский присутствует 😃

Материалы курса доступны по ссылке.

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

Восстанавливаем удаленные файлы с помощью Git

Как git reflog и git fsck помогут восстановить файлы в проекте, которые даже не были закоммитаны. Короткий видео туториал.

https://www.youtube.com/watch?v=8j8jdUD7N-U

Any vs Unknown

В короткой заметке разберемся, в чем разница при использовании Any и Unknown в TypeScript.

https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference

Официальный релиз Popover API

Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.

https://web.dev/blog/popover-api?hl=en

Работа с датами в JS

Способы отформатирования дат к нужному формату и некоторые нюансы работы с объектом Date

https://www.freecodecamp.org/news/how-to-format-a-date-with-javascript-date-formatting-in-js/

Анимация замыливания текста при скролле

Еще один эффект для текста, основанный на использовании скролла.

Демо | Github

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

Введение в AI разработку

OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API

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

Несколько конфигураций для Git

Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.

https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/

Готов ли ваш код к React 19?

Новшества и breaking-changes в грядущей версии React, которые стоит учитывать при обновлении.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

Пишем шахматы на 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