Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.1K subscribers
2.22K photos
126 videos
38 files
4.65K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
❄️⛄️ Если у кого-то снег не идет, добавьте его хотя бы на свой сайт

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

<script type="module" src="snow-fall.js"></script>
<snow-fall></snow-fall>


👉 Подробнее
🧰 Практический взгляд на WebTransport API — будущую альтернативу или даже замену WebSockets

WebTransport API — это интерфейс/механизм передачи данных между клиентом и сервером с помощью протокола HTTP/3.

Он поддерживает надежную (гарантированную) упорядоченную (reliable) доставку данных с помощью одного или нескольких одно- или двунаправленных потоков (streams), а также ненадежную неупорядоченную (unreliable) доставку с помощью датаграмм (datagrams).

В первом случае он действительно является альтернативой WebSockets, во втором — RTCDataChannel, предоставляемым WebRTC API.

Фронтенд-разработчик Игорь Агапов из Timeweb Cloud разбирается, что к чему👇

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 Чему бы вы хотели научиться? Поделитесь мыслями в комментариях👇

#холивар
🧠🧩 Зачем айтишнику психолог?

В современных реалиях все больше специалистов ИТ-индустрии обращаются к психологам, чтобы разобраться с эмоциональными проблемами. Рассмотрим некоторые распространенные запросы и проблемы, с которыми сталкиваются айтишники.

🔗 Читать статью
🔗 Зеркало
🎄 До Нового года осталось меньше недели, поэтому пришло время подвести итоги. За год наше комьюнити значительно выросло. Всего мы опубликовали 1035 постов 💪

❤️ Особенно вам понравились вот эти посты:

😎 Док про TypeScript от команды OfferZen
😎 Почему экосистема фронтенда настолько сложна?
😎 Музей артефактов из старого Интернета
😎 Искусство промтинга: введение в Midjourney
😎 Анонс Taiga Family
😎 Изучение основные кодов состояния HTTP на котах

💜 Также вы с интересом читали наши статьи:

📖 ТОП-10 книг по JavaScript в 2023 году
⚛️ 45 вопросов для подготовки к собеседованию по React
🧰 17 суперинструментов для разработки фронтенда

🎁 И последнее, но не менее важное: мы сделали скидку -35% на все курсы нашей академии proglib.academy.

С наступающим! 🎉
👨‍🎓 14 бесплатных ресурсов, которые пригодятся каждому разработчику

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

Читать статью
👨‍💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 1

Стрелочные функции, замыкания, промисы и async/await, методы работы с массивами и объектами, шаблонные литералы, особенности Map и Set, оператор расширения и клонирование объектов.

🔗 Читать статью
🔗 Зеркало
💬 Что бы вы хотели получить в подарок на Новый год? Поделитесь мыслями в комментариях👇

#интерактив
🔥 Вышла третья часть перевода учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.

🤩 Третья часть посвящена паттернам производительности. Вы узнаете, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения.
🔥 12 признаков выгорания или как понять, что вам пора в отпуск

Больше половины программистов страдают профессиональным выгоранием. Здесь может спасти отпуск. Но как понять, когда он нужен? В статье рассматривается 12 признаков, указывающих на то, что вам нужен отдых.

🔗 Читать статью
🔗 Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
🌍 Увлекательный мир фронтенда

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

👉 Читать
🎄 24 автора со всего мира написали статьи про HTML и всё, что с ним связано, включая безопасность, доступность, UX и производительность:

1. UX HTML
2. Для этого вам не нужен JavaScript
3. Атрибут формы — повышение гибкости макета формы
4. Назад к основам: 5 атрибутов HTML для улучшения доступности и удобства использования
5. Адская история HTML
6. Веб-компоненты
7. Заголовки безопасности с использованием <meta>
8. Скрытые глубины элемента input
9. Что за slot?
10. Паттерн для обеспечения доступности
11. Скрытый атрибут в HTML
12. Test-driven HTML и доступность
13. HTML: плохие стороны
14. Начало работы с веб-производительностью
15. Призраки прошлого разметки
16. Swallowing camels
17. Назад к основам: семантические списки для улучшения доступности
18. Дорога к HTMHell вымощена семантикой
19. Повышение эффективности тестирования: как семантический HTML меняет сквозное тестирование
20. Паттерн проектирования для кастомных всплывающих подсказок
21. The Implied Web
22. ARIA Live Regions
23. Дьявол кроется в деталях: взгляд на disclosure widget markup
24. Никогда не недооценивайте HTML

#adventcalendar2023
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Вам могут быть не нужны Lodash/Underscore

Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.

👉 GitHub
🎄🎉🥳 Команда «Библиотеки программиста» поздравляет айтишников, программистов, системных администраторов, специалистов техподдержки, руководителей проектов, проектировщиков, инженеров, менеджеров и всех-всех-всех остальных причастных к миру IT с наступающим 2024 годом! Мирного неба и чистого кода!
This media is not supported in your browser
VIEW IN TELEGRAM
🧰 DeviceScript — инструмент, предназначенный для разработки прошивок для небольших IoT-устройств с использованием TypeScript. Он предлагает несколько фич для облегчения процесса разработки:

1. Отладка: DeviceScript поддерживает отладку в Visual Studio Code как для встроенного оборудования, так и для симулированных устройств.

2. Локальная и удаленная рабочая среда: вы можете работать над своими проектами как локально, так и в удаленном контейнере. Эта гибкость может быть полезна для совместной работы и доступа к ресурсам, которые недоступны локально.

3. Драйверы на TypeScript: с помощью DeviceScript вы можете писать драйверы на TypeScript для интерфейсов, таких как I2C и SPI.

4. Экосистема пакетов: DeviceScript интегрируется с менеджерами пакетов, включая npm, yarn или pnpm.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.