Новые методы JavaScript Set

О новых возможностях по работе с Set:  создание новых множеств со специфичными свойствами, сравнение множеств и многое другое.

https://developer.mozilla.org/en-US/blog/javascript-set-methods/

Валидируем формы React / React Native приложений

Руководство по валидации данных с Yup и Formik.

https://www.freecodecamp.org/news/react-how-to-validate-user-input/

Scroll-driven анимации

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

https://scroll-driven-animations.style/

Вырезаем фигуры с clip-path

Руководство по использованию свойства clip-path для получения фигур со сложной геометрией.

https://verpex.com/blog/website-tips/how-to-create-cut-out-shapes-using-the-clip-path-property

Разбираем как решать задачи на LeetCode

✅ Примеры решений
✅ Пояснения

Выбери своё направление:

1. Python
2. JavaScript
3. Java
4. C#
5. Golang
6. С/C++
7. PHP
8. Kotlin
9. Swift

Парсинг HTML в JS

Несколько способов парсинга HTML с помощью JavaScript, а также где и зачем это может быть полезно.

https://blog.apify.com/javascript-parse-html/

7 примеров использования Proxy в JS

Мало кто использует в своей работе Proxy, потому что мало кто знает, для чего их можно и удобно использовать. Вот несколько примеров, где задачу можно решить с помощью Proxy.

https://dev.to/mattlewandowski93/7-use-cases-for-javascript-proxies-3b29

Интерактивный курс по HTML

Курс для начинающих в формате глобального npm пакета (так что начинающим придется попотеть и поставить его через npm).

https://github.com/denysdovhan/learnyouhtml

Git. Скачем между ветками как древесные лягушки

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

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

Cors - быстрое объяснение

6 минут чтобы понять, что такое CORS и как его побороть.

https://www.youtube.com/watch?v=PNtFSVU-YTI

Sravni Podcast — о разработке, технологиях, процессах и карьере в IT

В новом выпуске — беседа о настоящем и будущем фронтенд-разработки с Алексеем Чимочихиными, фронтенд-архитектором Сравни.

Поговорили об анархии во фронтенде, о том, в каких случаях фронтендеру нужно знать бэкенд, почему любить JS проще, чем TS, и о многом другом.

Думаю, будет интересно разработчикам самого разного уровня.

Можно смотреть на YouTube👀
Слушать на Яндекс Музыке👂

Что нас ждет в следующих релизах ESLint?

Последний релиз ESLint это только начало серьезных изменений. Что будет дальше - в короткой заметке по ссылке.

https://eslint.org/blog/2024/07/whats-coming-next-for-eslint/

Однострочники на CSS

Еще одна подборка небольших CSS стилей, которые сделают ваш проект чуточку лучше.

https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project

Отменяем Promises в JS

Создаем отменяемые задачи в JS с помощью Promise.withResolvers и AbortController

https://webdeveloper.beehiiv.com/p/cancel-promises-javascript

15 советов по оптимизации страниц

Аспекты разработки (на которые часто не обращают внимание), которые помогут улучшить загрузку и работу вашего приложения.

https://www.speedcurve.com/blog/15-neglected-page-speed-optimizations/

Используем @starting-style и transition-behavior для анимации сцен

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

https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects

Разрезаем изображение на кусочки (и соединяем при наведении)

Интересный и простой эффект без использования JS.

https://codepen.io/thebabydino/pen/VwOGJQx

В CSS появился условный оператор

Подробнее о синтаксисе и примеры использования читайте в статье.

https://css-tricks.com/if-css-gets-inline-conditionals/

Создаем npm пакет с поддержкой CommonJS и ESM

Пошаговое руководство по созданию и оформлению npm пакета на TypeScript

https://blog.mastykarz.nl/create-npm-package-commonjs-esm-typescript/