Библиотека фронтендера | 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
加入频道
🤖 Обзор Web AI Summit 2024: Client-Side AI для разработчиков

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

👉 Читать обзор
🎙 449-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML и куки из Web Almanac.

⏱️ Таймкоды:
00:01:23 Chrome 131
00:20:06 Chrome DevTools
00:33:12 HDR в EXIF
00:49:54 Результаты State of HTML
01:27:22 Куки из Web Almanac
01:53:28 Ответы на вопросы

▶️ YouTube | Сайт подкаста

#подкасты #новости
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Да, начинать готовиться к Новому году никогда не рано 😉

#интерактив
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Как легко создать аккордеон без использования JavaScript: на заметку фронтенд-разработчику

#html #tip by Shripal Soni
🎨 10 лучших CSS-библиотек и фреймворков для быстрой разработки фронтенда

Запутался в CSS-фреймворках? Мы собрали ТОП-10 самых крутых инструментов, которые реально экономят время на фронтенде. От тяжеловеса Bootstrap до минималистичного Milligram — разобрали плюсы каждого и объяснили, когда что использовать.

👉 Читать статью
👉 Зеркало
Привет, друзья! 👋

Мы готовим статью об ИИ-инструментах для программирования в 2024 году и хотим услышать ваше мнение! 🤖💻 Поделитесь своим опытом и помогите нам сделать материал ещё полезнее. Самые интересные ответы войдут в статью! 🏆
Какой ИИ-инструмент для программирования вы считаете самым полезным и почему? 🛠
Anonymous Poll
11%
GitHub Copilot
47%
ChatGPT
6%
Claude
9%
Codeium
3%
Локальные LLM
19%
Не пользуюсь ИИ
6%
Другой (укажу в комментариях)
Не забудьте оставить комментарий с вашими мыслями об ИИ в программировании! Какие преимущества и недостатки вы видите? Какие инструменты рекомендуете попробовать коллегам? 🤔💬
⤴️ Импорт JavaScript-библиотеки без системы сборки

Многие разработчики предпочитают избегать сложных современных процессов сборки и использовать JavaScript по старинке. Что ж, этот гайд от Julia Evans для вас. Внутри:

☑️ Три основных типа JavaScript-файлов, которые может предоставлять библиотека (модули ES, «классические» глобальные переменные и CommonJS).
☑️ Как определить, какие типы файлов JavaScript-библиотека включает в свою сборку.
☑️ Способы импорта файлов каждого типа в код.

👉 Читать
Вакансии «Библиотеки программиста» — ждем вас в команде!

Мы постоянно растем и развиваемся, поэтому создали отдельную страницу, на которой будут размещены наши актуальные вакансии. Сейчас мы ищем:
👉контент-менеджеров для ведения телеграм-каналов

Подробности тут

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Ждем ваших откликов 👾
💡Простой способ добавить кастомные проверки форм с помощью JavaScript-метода setCustomValidity(): на заметку фронтенд-разработчику

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

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻🚀 Тест: насколько ты продвинутый разраб?

Говорят, что джун становится мидлом, когда начинает понимать, как мало он знает. Этот тест покажет, насколько ты продвинулся в своём развитии.

👉 Ворваться
Media is too big
VIEW IN TELEGRAM
🚀 Встречайте Angular v19: обзор новых фич

‣ Incremental hydration
‣ Конфигурация роутов на стороне сервера
linkedSignal, resource, renderEffect
‣ Автоматическая поддержка CSP
‣ Отчёты о неиспользуемых импортируемых модулях
‣ Режим Standalone включён по умолчанию
‣ Улучшенная поддержка theming
‣ Time picker
‣ 2D drag & drop и многое другое

👉 Читать на Medium или в PDF (файл в комментариях)
📺 Смотреть анонс
Please open Telegram to view this post
VIEW IN TELEGRAM
⚛️🔀 Эффективная многопоточность в Node.js: как использовать Atomics

Представь, что несколько человек пытаются писать в одном блокноте одновременно — получится каша. То же самое происходит, когда несколько потоков в программе пытаются работать с одними данными. Не паникуй — сейчас разберемся, как Atomics помогает держать все под контролем!

👉 Читать статью
👉 Зеркало
⚒️ Viselect: позвольте пользователям визуально выбирать элементы DOM

Используйте viselect, если у вас есть множество элементов и вы хотите, чтобы пользователи могли выбирать их группами, по отдельности или даже в нескольких группах. Можете использовать его в ванильном стиле или интегрировать с P/React или Vue.js.

Ключевые фичи:

🌟 Современный бандл
🔩 Компактный размер (~4 КБ)
👌 Простое использование
Высокая оптимизация
Никаких зависимостей
📱 Поддержка мобильных устройств и сенсорного ввода
🖱 Поддержка вертикальной и горизонтальной прокрутки
🖼 Интеграция с основными фреймворками (в разработке)

👉 GitHub
🤦‍♂️ Ошибки, которые можно совершить, пытаясь быть «слишком правильным» в разработке

Фронтенд-разработчик делится опытом и ошибками, которые допустил, пытаясь быть слишком «правильным». Они научили одному: не всегда нужно гнаться за идеальностью. Отсюда и появляются качели вроде этих:

1. Архитектура: гибкость vs простота.
2. Сложные решения для простых задач.
3. Кэширование и оптимизация: не всегда работает как ты думаешь.
4. Контексты и стейты: не для всего нужен глобальный стейт.
5. Библиотеки: не всегда «всё решают».
6. Универсальные решения — это не всегда лучше.

👉 Читать
Forwarded from DIGITALRAZOR
Что будет, если DigitalRazor объединится с Proglib Academy? Правильно! Новый розыгрыш.

Условия:

Подпишитесь на DigitalRazor;
Подпишитесь на «Библиотеку программиста»;
Нажмите кнопку «Участвовать» под этим постом.

Призы:

1-е место: 27-дюймовый монитор;
2, 3 и 4-е место: сертификат номиналом 20 000 рублей на ИТ-курсы от Proglib Academy;
5-е место: геймерская клавиатура + коврик на выбор.

Призы разыграем 1 декабря в 20:00 (МСК).

Доставка призов возможна только по городам России и Белоруссии.

Proglib Academy создаёт онлайн-курсы для программистов, помогает получить востребованные навыки и построить успешную карьеру в IT.

Игровые компьютеры и рабочие станции DigitalRazor — это качественная сборка, топовое железо и эффектный дизайн.

Регламент розыгрыша
💾🌐 6 главных технологий для хранения данных в браузере

Хранение данных в браузере — это не просто про кеширование страниц или сохранение паролей. Современные технологии позволяют делать больше: сохранять настройки, работать с большими объемами информации и даже обеспечивать офлайн-доступ к веб-приложениям. Но как выбрать подходящий инструмент, чтобы данные обрабатывались быстро, безопасно и с учетом специфики вашего проекта?

От привычных cookies до мощного IndexedDB, от простого LocalStorage до новаторского Origin Private File System — каждый метод хранения имеет свои особенности и сценарии использования. В этой статье вы найдете подробное сравнение шести ключевых технологий хранения данных: от их особенностей и сценариев использования до ограничений.

📎 Читать статью