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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
⤴️ Импорт 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 — каждый метод хранения имеет свои особенности и сценарии использования. В этой статье вы найдете подробное сравнение шести ключевых технологий хранения данных: от их особенностей и сценариев использования до ограничений.

📎 Читать статью
🎙️ 450-й выпуск подкаста «Веб-стандарты»: Алексей Симоненко и Полина Гуртовая про красивые CSS-рамки, кому бы продать Chrome, Web AI summit, AI-помощники в коде, первый LTS Deno.

⏱️ Таймкоды:

00:00:51 Красивые CSS-рамки
00:17:47 Кому бы продать Chrome
00:31:00 Web AI summit
01:02:35 AI-помощники в коде
01:29:39 Первый LTS Deno

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

#подкасты #новости
🔄 Поллинг или вебхуки: что лучше подойдет для вашего приложения

Существует множество технологий обмена данными — WebSockets, SSE, gRPC, брокеры сообщений — однако специфика и ограничения некоторых проектов заставляют разработчика сделать выбор между поллингом и вебхуками. Разберем преимущества и недостатки этих методов.

👉 Статья
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Напоминаем: у нас можно (и нужно) купить рекламу

→ Более 60 телеграм-каналов по всем направлениям IT
→ Почти 1,2 миллиона аудитории
→ Собственное медиа и сайт с DAU 25 000 — можем усилить продвижение
→ Классные email-рассылки
→ И, конечно же, крутые контент-менеджеры, которые сделают нативную интеграцию/придумают виральный пост/реализуют любые контентные предпочтения

Для заказа пишите сюда: @proglib_adv
👩‍💻 Ментальная модель потоков в Node.js

В Node.js потоки повсюду. Даже такие ключевые модули, как fs и http, используют потоки под капотом. Поэтому эта тема — обязательна к изучению в случае работы с Node.js.

Под катом — разбор ключевых концепций по теме:

• Что такое потоки Node.js?
• Когда применяются потоки?
• Когда лучше отказаться от использования потоков?
• Основные концепции потоков

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉 Розыгрыш от Proglib Academy и DigitalRazor!

С 27 ноября по 27 декабря у вас есть шанс не только прокачать свои навыки, но и выиграть ПК при покупке любого курса Академии!

🎁 Призы для участников акции:

Игровой ПК DigitalRazor ProGaming
VIP-пакет курса Proglib Academy

💡 Как принять участие?
Купите любой курс Proglib Academy с 27 ноября по 27 декабря и получите шанс выиграть мощный ПК.

Приобретите технику DigitalRazor — участвуйте в розыгрыше VIP курса.

📅 Вместе с DigitalRazor мы создали спецпредложение -50% на курсы до 30 ноября, чтобы вы могли начать обучение на более выгодных условиях.

Выбрать курс
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🖼️ Создание self-contained исполняемых программ с помощью Deno

Одной из привлекательных особенностей Deno является команда deno compile, которая может превращать программы JavaScript и TypeScript в отдельные, легко распространяемые кроссплатформенные бинари. Под катом — немного больше о том, что заставляет её работать.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Оценка поддержки браузерами: практические советы для фронтенд-разраба

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

Он делится факторами, которые использует при принятии решений, когда дело касается функций CSS. И хотя в этой статье основное внимание уделяется CSS, структура применима и к современным функциям JavaScript и HTML.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM