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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
☝️🚀📊 Пример адаптивной гистограммы с использованием HTML, CSS и библиотеки Chart JS

#javascript #css #html #tip by David Mraz
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
401. Figma без Adobe, Safari TP, Firefox 121, Vue 2 всё и плохое…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко и Никита Дубко про Figma без Adobe, Safari TP, Firefox 121, Vue 2 всё и плохое в HTML.

00:01:31 Figma без Adobe
00:15:48 Safari TP
00:58:16 Firefox 121
01:15:12 Vue 2 всё
01:18:30 Плохое в HTML
01:53:45 Ответы на вопросы

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

📌 P.S. Прошлый выпуск тоже обновили и добавили ссылки на подкаст-площадки.

#подкасты
❄️⛄️ Если у кого-то снег не идет, добавьте его хотя бы на свой сайт

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