👨‍🏫 Promises Training — проект, призванный помочь фронтенд-разработчику углубить свои знания о промисах в Javascript.

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

npm create promises-training@latest

🤔 Webpack vs esbuild: уже можно использовать в проде?

Фронтенд-архитектор Дмитрий Казаков делится опытом использования esbuild вместо Webpack для коммерческих проектов.

📌 В статье подробно описаны различные аспекты работы с esbuild, включая:

☑️ Базовые возможности esbuild без плагинов
☑️ Интеграция с Browserslist
☑️ Обработка содержимого файлов и __dirname
☑️ CSS Modules и Sass
☑️ Вставка ссылок на ресурсы в HTML-файлы
☑️ Сжатие файлов в gzip/brotli
☑️ Автоматический полифиллинг
☑️ Анализ размера бандлов
☑️ Разбиение кода на чанки

🤩 15 полезных сайтов, которые упростят вашу работу и не только: подборка для фронтенд-разработчика

✹ Визуализация регулярных выражений JavaScript
✹ Документация для разработчиков: онлайн + офлайн
✹ cdnjs: поиск библиотек с открытым исходным кодом
✹ Фотосток с огромной коллекцией изображений
✹ Интеллектуальное сжатие WebP, PNG и JPEG
✹ Удаление фона изображения
✹ Создание красивых изображений с исходным кодом
✹ Подбор палитры цветов для разработки дизайна
✹ Тестирование и демонстрация сниппетов на основе HTML, CSS и JavaScript
✹ Иконки с открытым исходным кодом
✹ Проверка совместимости CSS и JavaScript в различных популярных браузерах
✹ Создание файла README
✹ Проверка производительности сайта
✹ Редактирование фотографий
✹ Подборка иллюстраций без лицензии

👉 Читайте подробнее на Medium или в PDF

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

➡️ Поиграть можно здесь

#css #tip by Shripal Soni

🔥 Несколько уроков в курсе «‎CSS для JavaScript-разработчиков» от Josh W. Comeau можно изучить бесплатно

🤫 Воспринимайте это как возможность изучить какую-то концепцию в сжатые сроки:

👨‍💻 CSS Variables
👨‍💻 Variable Fragments
👨‍💻 Магия Calc

🔥 Анонсирован Vite 5.0

Vite хоть и начинал свой путь в мире Vue.js, теперь он используется во многих проектах, включая SvelteKit, Remix и Astro.

Хотите погрузиться подробнее? Читайте гайд по миграции с v4 на v5 и смотрите запись с недавней конференции ViteConf, где вас ждет 12 часов обсуждений различных тем, связанных с Vite.

#новости

⚡ На заметку фронтенд-разработчику:

👨‍🏫 JavaScript
👨‍🏫 Angular 17
👨‍🏫 Node.js

#матчасть

❗️Мы запускаем серию исследований — и вы можете нам в этом помочь!

«Библиотека программиста» выпустит несколько статей, в которых мы проведем полноценные исследования.

Помогите нам выбрать интересные темы: может быть, вы давно хотели узнать, как изменилась зарплата у тех, кто релоцировался? Или гадаете, сколько лет нужно, чтобы стать миддлом?

Присылайте интересующие вас темы в комментарии — интересные мы возьмем в работу и поделимся с вами результатами 💙