Пишем наивный полифилл для промиса

Чтобы избавится от мифов вокруг промисов  попробуем написать простой полифилл, который, надеюсь, покажет, что в них нет никакой магии.
https://proglib.io/w/bb735817

#javascript

Почему инлайнить стили — плохо

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

https://proglib.io/w/6f427e6a

#css

Расширенная анимация CSS с использованием cubic-bezier()

При создании сложных CSS-анимаций мы часто пишем сложные развернутые @keyframes. Однако есть прием, который может здорово упростить задачу и сократить количество кода -  создание пользовательских временных функций с помощью cubic-bezier().

В статье невероятные анимации вообще без keyframes: https://proglib.io/w/eeee3486

#css #animation

Получение общих данных в Next.js одним запросом

При генерировании страниц с использованием getStaticProps выдается много запросов к одной конечной точке. Проблема становится серьезной в случае медленной базы данных или когда бэкенд не справляется с сотней запросов в секунду. Автор статьи пробует решить эту проблему, применяя в Next.js подход из другой библиотеки - Gatsby.

https://proglib.io/w/7fb93180

#nextjs

Чему бы вы хотели научиться?

VueJS - различные способы реализации v-model

Директива v-model предназначена для создания двустороннего биндинга данных в нативных инпутах. Но часто требуется создать кастомный компонент с таким же функционалом. В статье разбираем 5 способов сделать это: https://proglib.io/w/c035be6c

#vue

❓Уже работаете с JavaScript, но пора бы подняться на следующую карьерную ступеньку?

Сделайте первые шаги уже 13 и 16 сентября на открытом интенсиве «Знакомство и сравнение возможностей Deno и Node.js» от OTUS.
За два дня вы рассмотрите обе среды с точки зрения ключевых возможностей, паттернов, инструментов. Сравните примеры небольших, но актуальных приложений и разберете, что представляет из себя современное Server Side окружение JavaScript / TypeScript.

👉 Для регистрации на занятие пройдите вступительный тест https://otus.pw/xFao/

Работа с массивами в JavaScript

Все методы для работы с массивами в одном месте: https://proglib.io/w/4ebb1563

#javascript

Сравниваем дизайн с версткой

Дизайнерский глаз легко подмечает различия между макетом и конечным результатом верстки, а вот для верстальщика это может стать проблемой. В статье вы найдете ряд советов, которые будут полезны при проверке фронтенда: https://proglib.io/w/0285aa00

#interface

CSS vs CSS-in-JS: сравнение производительности

Спойлер: CSS-in-JS реально проигрывает.
https://proglib.io/w/a954cbbb

#css

Изучение вкладки Network в Chrome Dev Tools

Учимся изменять производительность веб-приложений с помощью вкладки Network: https://proglib.io/w/9db306dc

#performance

Энтерпрайз, который выжил. Доклад в Яндексе

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

https://proglib.io/w/8ae6c8bb

5 популярных песочниц для веб-разработчиков

Главная задача песочниц — дать пользователю удобное и безопасное место для разработки. Здесь можно учиться кодить и выполнять рабочие задачи. Код из песочницы можно добавлять на Stack Overflow, Хабр и их аналоги, чтобы показать другим пользователям.

https://proglib.io/w/b98288bb

#tools

​The Clean Architecture на TypeScript и React

Статья рассказывает об опыте применения The Clean Architecture в React-приложениях на  TypeScript: https://proglib.io/w/66492477

#architecture

Представьте, что ваш знакомый/коллега/родственник попросил у вас совета, как стать программистом?

Поделитесь вашим мнением, что бы вы ему ответили:
https://forms.gle/7YZ2rxnyBWsnMqYD7

Лучшие ответы опубликуем в отдельной подборке!

​Еще не используешь SVG фавиконки?

Тебе нужно использовать SVG фавиконки! Они поддерживаются почти во всех браузерах и использовать их намного удобнее, чем обычные фавиконы: https://proglib.io/w/76572817

#browser

​Оптимизация производительности фронтенда

Хороший лонгрид на выходные:

Часть 1. Critical Render Path
Часть 2. Event loop, layout, paint, composite

#performance

Пользовательские события в JavaScript: полное руководство

Все, что вы должны знать о создании и использовании кастомных событий:
https://proglib.io/w/8df9f982

#javascript

​Управление памятью в JavaScript

Статья рассказывает об управлении памятью и принципах работы сборщика мусора, а также о том, как избежать наиболее распространенных видов утечек памяти: https://proglib.io/w/0ec1c5e3

#performance

🎮 Игры на JavaScript

✔️ Тетрис на JavaScript: разбираем возможности языка через геймификацию
✔️ Пятнашки на JavaScript и Canvas

#games