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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤦‍♂️ Ошибки, которые можно совершить, пытаясь быть «слишком правильным» в разработке

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

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

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

Условия:

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

Призы:

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

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

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

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

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

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

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

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

📎 Читать статью
12👍3
🎙️ 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 | Сайт подкаста

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

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

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

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

Для заказа пишите сюда: @proglib_adv
4😁4👏1🤔1🥱1
👩‍💻 Ментальная модель потоков в 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
👍8
🎉 Розыгрыш от 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
🥱3👍2👾1
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
8👍1
👩‍💻 Оценка поддержки браузерами: практические советы для фронтенд-разраба

Если вы пытаетесь понять, где провести черту, когда речь заходит о поддержке браузерами, опытный фронтендер 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
👍62
🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер

Веб-приложения часто используют JavaScript для динамического создания контента и удобного взаимодействия с пользователем. Но поисковые роботы не всегда могут правильно прочитать и проиндексировать такой контент — в итоге сайт теряет посетителей. На помощь придут 10 способов SEO-оптимизации для JavaScript.

👉 Читать статью
👉 Зеркало
👍51
⚒️ Perfectionist 4 — плагин ESLint для сортировки элементов в вашем коде

Ему всё равно, что вы хотите сортировать (свойства, импорт, типы, декораторы, модули...) но если вы хотите принудительно отсортировать что-то с помощью ESLint, то этот инструмент для вас.

Он поддерживает алфавитную и естественную сортировку, а также сортировку по длине строки, что приводит к такому эстетичному результату.

👩‍💻 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥6
🎨 Подпишись на нашу еженедельную email-рассылку, чтобы быть в курсе новостей и лучших практик в области фронтенда.

В еженедельных письмах ты найдешь:
● Современные JavaScript-фреймворки и библиотеки
● HTML5 и CSS3: новые возможности и трюки
● Оптимизация производительности веб-приложений
● Тестирование и отладка кода
● UX/UI лучшие практики
● Новые веб-стандарты и браузерные технологии
● Тренды в веб-дизайне и интерфейсах
● Прогрессивные веб-приложения (PWA)

👉Подписаться👈
👍3
📊 Tremor — компоненты React для создания панелей мониторинга

Под капотом у tremor React, Tailwind CSS и Radix UI. Вы можете копировать и вставлять компоненты, либо использовать npm-пакет.

Что внутри? Все типичные элементы UI панели мониторинга, такие как диаграммы, индикаторы прогресса, трекеры активности, аккордеоны, таблицы и т. д.

👉 Сайт & GitHub
13👍6
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой способ анимации иконки при нажатии/фокусе: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19