Библиотека фронтендера | 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
加入频道
💡Полезный сниппет, позволяющий скрыть контент, но оставить его доступным для скрин-ридеров

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💬😊 Как найти общий язык с коллегами на новой работе: 11 простых советов

Практичные советы для эффективной адаптации на новом рабочем месте и налаживания контакта с коллегами.

Читать статью
🤔 CSS-классы вредны

Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство class. Оно ведь нужно для связи HTML с CSS, правда?

Автор статьи рассказывает о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI.

Ещё хуже то, что они создают ужасные сочетания, приводящие к комбинаторному взрыву странных пограничных случаев. Автор изучает этот вопрос, начав со скучного урока истории, который вы уже слышали миллион раз.

👉 Читать
👩‍💻 Exploring JS: книги по JavaScript для разработчиков

Вы наверняка знаете Dr. Axel по его замечательным записям в блоге на протяжении многих лет, но у него также есть впечатляющая коллекция книг, которые вы можете прочитать бесплатно, включая недавно обновленные Exploring JavaScript (ES2024 Edition), Deep JavaScript и Tackling TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 InfiniteGrid 4.12 — бесконечное размещение карточек в макете сетки

Зелый и проверенный способ создания сеток, состоящих из элементов карточек разных размеров. Успешно работает как на десктопах, так и на мобильных устройствах, имеет интеграцию с React, Vue, Angular, Svelte и другими.

👉 GitHub
432. Доклады и лайвы, приватный Safari, анимация auto, SVG, ускорение…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Полина Гуртовая про видео докладов и лайвов, приватный Safari, анимацию auto, копирование SVG, ускорение Notion, Node.js, шрифты и State of React.

00:02:17 Доклады и лайвы
00:08:22 Такой приватный Safari
00:45:37 Анимация height: auto
00:55:00 Копирование SVG
01:00:20 Ускорение Notion
01:16:03 Node.js 22
01:23:46 Инкрементальные шрифты
01:44:28 State of React 2023
01:55:32 Ответы на вопросы

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

#подкасты #новости
🤖🔞 Пишем Telegram-бота для фильтрации нецензурной лексики в чате

Автор «Библиотеки программиста» представил бесплатного Telegram-бота для фильтрации нецензурных выражений в чате Telegram, который разработан на JavaScript с использованием фреймворка grammY. В статье — основные составляющие Telegram-бота, необходимые для его работы.

👉 Читать статью
👉 Зеркало
🔄 Создание полосатого индикатора выполнения на CSS без использования какой-либо сторонней библиотеки: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🆕 JavaScript эволюционирует: новые методы и функции для эффективной разработки

Нововведения нацелены на повышение читаемости и эффективности кода. Рассмотрим, как Object.groupBy, регулярные выражения с V-флагом, Promise.withResolvers и методы мутации массивов решают актуальные задачи программирования.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡Недооцененные возможности CSS grid: подробное руководство с множеством интерактивных демонстраций

Свежий взгляд на CSS grid template areas и на то, как сегодня использовать весь их потенциал.

👉
Читать
💵⚡️ДАРИМ 40 000₽ ЗА ВИДЕО

Конкурс года в «Библиотеке программиста»: смонтируйте короткий вертикальный ролик формата Shorts/Reels* на тему программирования и разработки — лучший автор получит 40 тысяч рублей 🤑

Подробные условия:
➡️смонтируйте короткий смешной вертикальный ролик (можно и нужно использовать мемы)
➡️отправьте нам в бота @ProglibContest_bot
➡️лучшие ролики (по мнению редакции) мы будем выкладывать в канал и в наш инстаграм*
➡️тот, чей ролик соберет больше всего просмотров в инстаграм*, получит приз — 40 тысяч рублей

Какие ролики мы не принимаем:
😟не вашего авторства (проверим!)
😟длинные, невертикальные, несмешные

Таймлайн:
2 августа — заканчиваем принимать видео
⬇️
3 августа — начинаем загружать лучшие видео в инстаграм
⬇️
9 августа — подводим итоги

*Организация Meta признана экстремистской в РФ
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Как выбрать лучшую стратегию рендеринга для вашего приложения

Почувствуйте разницу между Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR) и Partial Prerendering (PPR).

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 Как вы оцениваете свой текущий уровень владения Git?

🤔 — начальный (основы: clone, commit, push)
👍 — средний (ветвление, слияние, разрешение конфликтов)
🔥 — продвинутый (rebase, cherry-pick, сложные сценарии слияний)
💯 — эксперт (внутреннее устройство Git, разработка собственных скриптов и инструментов)
🥱 — свой вариант (напишу в комментариях)

#холивар
✍️ «Библиотека программиста» находится в поиске автора на написание книжных рецензий

Кто нужен?
● Энтузиасты (джуны и выше), которые которые разбираются в IT
● Любители книг, которые хотели бы получать деньги за чтение и написание рецензий
● Работаем с самозанятыми (компенсируем налог), ИП

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

✉️ Станьте частью нашей команды — присылайте резюме и примеры работ [email protected]
This media is not supported in your browser
VIEW IN TELEGRAM
💡Быстрый способ отладки event listeners, который может быть полезен при работе над новым проектом

#devtools #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
⚒️ Bash великолепен, но когда дело доходит до написания более сложных скриптов, многие предпочитают более удобный язык программирования.

JavaScript — идеальный выбор, но стандартная библиотека Node.js требует дополнительных хлопот перед использованием.

zx предоставляет полезные обёртки вокруг child_process, экранирует аргументы и дает разумные значения по умолчанию.

👉 GitHub
🏝 Astro 4.12: анонс Server Islands

Гибкая структура Astro для создания современных контент-ориентированных сайтов продолжает набирать силу. Версия 4.12 включает новую концепцию Server Islands — способ интеграции статического HTML и server-side компонентов.

👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥Что нового для JavaScript-разработчиков в ECMAScript 2024

Высокоуровневый анализ разработок в спецификации ECMAScript с комментариями вице-президента Ecma Daniel Ehrenberg, сопредседателя TC39 Rob Palmer и разработчика Ashley Claymore. Хороший, подробный обзор текущего состояния дел.

👉 Читать

P. S. Если вы хотите узнать больше о том, что будет дальше, Igalia Compilers представляет краткое изложение недавней встречи TC39 в Хельсинки, на которой были выдвинуты и обсуждены предложения по языку.
Please open Telegram to view this post
VIEW IN TELEGRAM