Библиотека фронтендера | 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
加入频道
Вакансии «Библиотеки программиста» — ждем вас в команде!

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

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

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

Ждем ваших откликов 👾
Audio
🎙️439-й выпуск подкаста «Веб-стандарты»: Вадим Макеев, Полина Гуртовая, Никита Дубко, Алексей Симоненко про Firefox 130, безопасный JPEG XL, бету Chrome 129, Google Fonts, темы и схемы, как убрать SVG из JS.

00:01:15 Firefox 130
00:19:25 Безопасный JPEG XL
00:32:38 Бета Chrome 129
00:46:30 С Google Fonts или без
01:04:12 Темы и схемы
01:23:52 Как убрать SVG из JS
01:50:23 Ответы на вопросы

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

#подкасты #новости
🌐 Преимущества и недостатки работы в ИТ-аутсорсинговой компании

В этой статье мы разберемся, какие плюсы и минусы предполагает в себе работа в аутсорсинговой компании. Вы узнаете, чем привлекательна работа в этой сфере, с какими трудностями вам придется столкнуться и как сделать правильный выбор, чтобы аутсорсинг стал не ловушкой, а трамплином к успеху.

Получите основу для дальнейшего изучения более сложных нейронных сетей:
🔵 Базовые модели ML и приложения

🔗 Ссылка на статью
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Мы не можем изменить цвет внешней SVG-иконки с помощью свойств fill/storke, но есть способ сделать это с помощью CSS mask

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
💻🚀 15 суперполезных плагинов Chrome в помощь фронтендеру

Эти инструменты помогут значительно упростить и ускорить процесс разработки и тестирования фронтенда.

🔗 Читать статью
🔗 Зеркало
react-19-cheat-sheet.pdf
1.4 MB
👩‍💻 Шпаргалка по React 19 от Kent C Dodds, создателя Epic React

Это отчасти шпаргалка, отчасти краткое напоминание о некоторых новых возможностях React 19 с простыми примерами кода.

👉 Источник
🔟🏩 ТОП-10 перспективных студий разработки: лучшие компании для вашего карьерного роста

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

Однако устраиваться хоть в какую-нибудь студию, каких сейчас много — не лучшее решение, поскольку на старте бывают проблемы с финансированием и ни о какой стабильности не может быть и речи.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Простой способ получения доступа к любому значению атрибута в виде строки с помощью CSS: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🌐⚙️ 5 лучших альтернатив Create React App

Пять лучших альтернатив CRA, которые помогут вам создать более производительные и современные веб-приложения.

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

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

🤔 Приходилось ли вам сталкиваться с токсичными коллегами на работе? Как вы справлялись с этой ситуацией?

🌟 Какие качества вы считаете важными для хорошего наставника в IT-сфере?

💡 Какие советы вы бы дали тем, кто хочет создать более поддерживающую и позитивную рабочую атмосферу?

Спасибо за ваше участие! Ваши ответы помогут сделать рабочую среду лучше для всех. 🚀
Audio
🎙 440-й выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов про State of HTML, Safari TP, iPadOS 18 в Европе, уход FID, стилизуемый селект, будущее CSS, Stage 2.7 в ES, Interest Invokers, Express 5 и SSR.

Таймкоды:

00:00:00 Интро
00:01:22 State of HTML
00:04:39 Safari TP 203
00:20:12 iPadOS 18 в Европе
00:29:57 FID уходит
00:36:58 Стилизуемый селект
00:50:24 CSS Values and Units L5
01:16:30 Stage 2.7 в ES
01:28:44 Interest Invokers
01:38:32 Express 5.0
01:56:46 Самый быстрый SSR
02:09:47 Ответы на вопросыПоддержите нас

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

#подкасты #новости
Please open Telegram to view this post
VIEW IN TELEGRAM
🖼️ AbortController — это больше, чем вы думаете

AbortController — JavaScript API для создания объекта с двумя свойствами — сигналом signal и методом abort(), который можно использовать для прерывания выполнения задач.

📌 Применение:

🔸Можно использовать AbortController для отмены HTTP-запросов через fetch().
🔸Можно добавлять обработчики событий с использованием AbortSignal, что позволит автоматически отменять подписку на события.
🔸AbortController также поддерживает прерывание streams.

📌 Расширенные возможности:

🔸Используйте AbortSignal.timeout() для автоматической отмены по таймеру.
🔸AbortSignal.any() позволяет объединить несколько сигналов в один, что делает API еще более гибким.
🔸Обработка ошибок отмены: при вызове abort() можно передать причину отмены, что позволит более гибко управлять отмененными операциями.

👉 В гайде подчеркивается универсальность этого API и его польза для улучшения работы с отменой операций в JavaScript.
👉 Читать на русском
🐞🔍 Инструменты отладки JavaScript: 7 незаменимых помощников разработчика

Обзор семи ключевых инструментов отладки JavaScript, которые помогают разработчикам эффективно выявлять и исправлять ошибки в коде. Каждый из них имеет уникальные функции и преимущества, такие как интеграция с популярными платформами, возможность мониторинга в реальном времени, поддержка различных языков и фреймворков.

🔗 Читать статью
🔗 Зеркало
🖼️ 👩‍💻 Компилируем и выполняем C на JavaScript

Язык программирования C лежит в основе сжатия файлов, сетевых взаимодействий и даже браузера. Если код не написан на C, он всё равно взаимодействует с ABI, написанном на C (речь о C++, Rust, Zig, т. д.) и доступен в виде библиотеки на C. Язык C и C ABI — это прошлое, настоящее и будущее системного программирования. Вот почему команда Bun разработала версию 1.1.28, в которой предлагается экспериментальная поддержка компиляции и выполнения нативного C из JavaScript.

👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Не нужно ждать изменений от backend API. Мы можем легко переопределить ответ на любой запрос локально, чтобы продолжить работу с помощью Dev Tools

#devtools #tip by Shripal Soni
⚛️🔄 Улучшенная обработка асинхронных операций в React 19

Обзор ключевых нововведений в React 19: Actions, useTransition, Server Components и другие инструменты для улучшения производительности и упрощения разработки.

🔗 Читать статью
🔗 Зеркало
🎨 Подпишись на нашу еженедельную email-рассылку, чтобы быть в курсе новостей и лучших практик в области фронтенда.

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

👉Подписаться👈
🆕 Подборка новинок: Грокаем всё — безопасность, алгоритмы и конкурентность

🔵 Грокаем конкурентность

Книга поможет разобраться с параллельным выполнением программ без лишней математики и сложного жаргона. В ней представлены понятные объяснения и живые примеры, которые помогут эффективно использовать многоядерные системы и графические процессоры. Вы узнаете, как оптимизировать работу приложений, ускорить обработку данных и избежать типичных проблем, связанных с конкурентностью.

🔵 Грокаем алгоритмы. 2е издание

Это отличное руководство для тех, кто хочет научиться понимать и использовать алгоритмы без углубления в сложную математику. Благодаря дружелюбному стилю, множеству иллюстраций и пошаговым примерам на Python, книга поможет освоить такие темы, как сортировка, поиск, графы и даже основы машинного обучения. Второе издание также включает обновленные описания деревьев и NP-полных задач, а примеры кода адаптированы под Python 3.

🤫 Грокаем безопасность безопасность веб-приложений

Готовьтесь к взлому... но на стороне защиты. Скоро выходит новая книга, которая станет вашим главным союзником в мире веб-безопасности. Автор — Малколм Макдональд — делится уникальными советами и реальными примерами, которые помогут понять, как думают хакеры и как эффективно защитить свои проекты.

🛍 Промокод на скидку в 25%: proglib
Please open Telegram to view this post
VIEW IN TELEGRAM
💻🔍💼 Кризис IT-рынка: как джуны и кадровый голод меняют правила игры

В условиях нехватки опытных специалистов и наплыва джунов, IT-компании вынуждены искать нестандартные подходы к найму. Рассмотрим основные тренды и стратегии адаптации рынка.

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

#почитать
🪄 Angular Signals + RxJS операторы = Магия

Простой пример комнаты чата с данными о сообщениях в реальном времени из веб-сокета. Всё это с optimistic updates о добавлении сообщений.

#angular #tip by Armen Vardanyan
Please open Telegram to view this post
VIEW IN TELEGRAM