Библиотека фронтендера | 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
加入频道
💡Мы не можем изменить цвет внешней 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
📖 Обзор книги «Грокаем конкурентность», Кирилл Бобров

Направление: #proglib_concurrency
Уровень: #proglib_middle

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

💬 Что говорят люди:

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

Плюсы:

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

Минусы:

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

🖊 Об авторе:

Кирилл Бобров — разработчик с многолетним опытом, известен своими трудами по программированию и своим простым, доступным стилем изложения сложных тем.

Скидка 25% по промокоду: proglib

Купить книгу
Please open Telegram to view this post
VIEW IN TELEGRAM
🖼️ Destructuring в JavaScript: гайд для фронтенд-разработчика

Destructuring assignment syntax появился в ES6 почти десять лет назад и стал центральной частью современной JavaScript-разработки. Под катом — отличный пример и напоминание о потенциале данной фичи.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🖼️ 🖼️ Экосистема JavaScript несколько успокоилась за последние пару лет. Как думаете, на горизонте маячит что-то интересное?

VoidZero — новый тулчейн от создателя Vue, в котором сейчас трудятся основные контрибьютооы Vite, Vitest, Rolldown и Oxc. Под катом — подробности этой новости.

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