Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js @frontendproglib Channel on Telegram

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

@frontendproglib


Все самое полезное для фронтенда в одном канале.

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

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

Наши каналы: https://t.me/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js (Russian)

Наш Telegram-канал "Библиотека фронтендера" - это источник всей необходимой информации для разработчиков веб-интерфейсов. Здесь вы найдете актуальные новости и статьи по темам Frontend, JS, JavaScript, React.js, Angular.js, Vue.js и многим другим. Мы стремимся быть на передовой в области веб-разработки и предлагать вам только самую свежую и полезную информацию. В нашем канале также есть ссылки на другие наши каналы, где вы можете найти еще больше интересного контента. Мы также предлагаем обучающие материалы на нашем сайте, чтобы вы могли развиваться и совершенствовать свои навыки. Если у вас есть вопросы или предложения, не стесняйтесь обращаться к нашему боту для обратной связи. Также у нас есть возможности для рекламы - если вам интересно разместить свою рекламу в нашем канале, свяжитесь с нашими специалистами. Присоединяйтесь к нашему каналу и оставайтесь в курсе всех новостей и тенденций в мире фронтенд-разработки!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Feb, 20:29


🌐 Сколько памяти ест ваша вкладка

При разработке веб-приложений не все задумываются о том, сколько памяти потребляет их код. О производительности наших сайтов мы вспоминаем гораздо чаще. К тому же, не каждому разработчику интересно «экономить на спичках». Разве может наш код на языке JavaScript требовать много памяти? «Много» — это вообще сколько? 100 мегабайт — это много?

Антон Непша, фронтенд-разработчик из Сбера, посвятил этой теме доклад на HolyJS и рассказал о том, сколько ресурсов потребляют сайты, как эти ресурсы распределяются, где хранятся, и как связать информацию о них из снимка памяти с конкретным местом в своём коде.

👉 Читать текстовую версию доклада

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Feb, 17:54


🎙 461-й выпуск подкаста «Веб-стандарты»

Кого слушаем:
Полина Гуртовая, Алексей Симоненко, Андрей Мелихов.

⏱️ Таймкоды:
00:00:59 Chrome 133
00:23:43 Firefox 135
00:30:44 Deno против Oracle
00:39:13 Медленный URLPattern
00:51:48 GitHub Copilot
01:06:14 Дырка в Vitest
01:13:47 Ответы на вопросы

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Feb, 10:05


Десятки докладов, тест-драйв интеллектуального помощника разработчика и много нетворкинга!

15 февраля встречаемся на самой большой конференции Яндекса для frontend-сообщества «Я 💛Фронтенд».

Вас ждут:
💛 Большая программа докладов, дискуссии и новости веба
💛 Традиционный баттл по вёрстке с Yandex Code Assistant
💛 CodeRun — формат решения задач, где нужно управлять котиком Кодеруном: он ловит спецсимволы, и на их основе вы пишите код
💛 Много полезного нетворкинга с сообществом

Регистрация открыта до 12 февраля, поэтому не откладывайте!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Feb, 20:44


💡 Простой способ создания нового контекста наложения в CSS

Шпаргалка для фронтенд-разработчика.

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Feb, 19:53


👨‍💻 Создание слайдера с наклонным содержимым и эффектом наведения: гайд для фронтенд-разработчика

Автор использует возможности HTML и CSS (+ немного Sass для упрощения), включая grid, clip-path, :has(), вложенность и другие интересные элементы CSS, чтобы всё это работало вместе.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Feb, 17:59


📈 Plotly — JavaScript-библиотека для построения графиков

Высокоуровневая декларативная библиотека для построения графиков, созданная на основе D3 и stack.gl, с более чем 40 типами графиков, включая 3D-графики, статистические графики и SVG-карты.

Библиотека активно поддерживается. В представленной недавно версии 3.0.0 устранены устаревшие функции, исправлены ошибки и выполнен переход на esbuild.

💻 GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Feb, 09:22


🧑‍💻 Vite с TypeScript

Если вы создали проект React на основе JavaScript с помощью Vite и хотите перейти на TypeScript, в мини-гайде описаны основные шаги:

1️⃣ Установка TypeScript и зависимостей.
2️⃣ Создание файлов конфигурации TypeScript.
3️⃣ Переименование файлов и модификация index.html.
4️⃣ Настройка ESLint для TypeScript.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

08 Feb, 07:35


🧑‍💻 Как создать фавикон в 2025 году: три файла, которые подойдут большинству потребностей

Андрей Ситник просит «остановить безумие генераторов иконок» и применить более разумный подход, приняв минимальный набор иконок, который соответствует большинству современных потребностей.

➡️ Читать гайд

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Feb, 20:29


Git Cherry-pick 🆚 Merge 🆚 Rebase

Наглядная шпаргалка для разработчика.

👩‍💻 Источник

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Feb, 18:11


🤔 Какие вебинары вам действительно нужны?

Привет! 👋

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

Ваши ответы дадут нам понимание, какие темы и форматы действительно важны, а также помогут сделать вебинары интереснее и продуктивнее.

Заполнение займет всего пару минут, а нам это очень поможет! Спасибо, что участвуете в нашем развитии! 💙

👉 Пройти опрос

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Feb, 15:38


👩‍💻 Документальный фильм про Angular от Honeypot

Док от создателей фантастических фильмов про Node.js и Ruby on Rails представляет собой свежую историю о взлётах и падениях популярного фреймворка Angular (ранее известного как AngularJS) с участием настоящих звёзд JavaScript.

🍿 Смотреть полностью

#новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Feb, 20:54


💡 Форматирование даты в JavaScript

Шпаргалка для фронтенд-разработчика.

#javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Feb, 20:31


🔥 Standard Schema: общий интерфейс для библиотек схем/валидации

Создатели Zod, Valibot и ArkType представили фантастический пример сотрудничества по определению общего интерфейса для использования библиотек схем JavaScript и TypeScript.

➡️ standardschema.dev — шаг к лучшей совместимости в TypeScript

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Feb, 17:34


🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸

• Frontend | Вопросы собесов
• Frontend | Вакансии с удаленкой
• Frontend | LeetCode
• Frontend | Тесты

Подпишись, чтобы не потерять ☝️

Реклама. ИП Кивайко Алексей Викторович, ИНН 532121460552. Erid 2VtzquwurSx

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Feb, 18:24


🎙 460-й выпуск подкаста «Веб-стандарты»

Кого слушаем:
Андрей Мелихов, Алексей Симоненко, Никита Дубко.

⏱️ Таймкоды:
00:01:23 Create React App точно всё
00:18:54 Системные шрифты
00:33:30 Правильный сервер на Node.js
00:49:13 Как сжать весь npm
01:06:31 Вы не поняли Electron

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Feb, 18:21


🔥 Как работает Redux и когда его использовать

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

📌 Как работает Redux

Основная идея Redux — единое хранилище, из которого можно получать и изменять данные. Все обновления состояния происходят предсказуемо через Actions и Reducers.

1️⃣ Store — централизованное место, где хранятся все данные приложения.

2️⃣ Actions — описывают, что должно измениться (например, "Добавить товар в корзину").

3️⃣ Reducers — чистые функции, которые принимают текущее состояние и действие, возвращая обновленное состояние.

4️⃣ Dispatch — отправляет actions в store, вызывая соответствующие редьюсеры.

Пример простой схемы:
Компонент → Dispatch(Action) → Reducer → Store обновляется → UI обновляется

📌 Когда использовать Redux

• Состояние сложно управляется через props/state.

• Данные нужно шарить между множеством компонентов.

• Важно предсказуемое поведение и отладка

• Требуется глобальный кеш данных, например, для API-запросов.

Eсли состояние локальное и несложное, Context API или Zustand могут быть более простыми альтернативами.

➡️ Подробнее про Redux

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Feb, 11:07


CSS-советы, которые сэкономят вам время

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

1️⃣ Используйте CSS-переменные
:root {
--primary-color: #3498db;
--padding: 10px;
}

button {
background-color: var(--primary-color);
padding: var(--padding);
}


2️⃣ Адаптивная типографика с clamp()
h1 {
font-size: clamp(1.5rem, 5vw, 3rem);
}


3️⃣ Используйте :not()
button:not(.disabled) {
background-color: green;
cursor: pointer;
}


4️⃣ Оптимизируйте производительность с will-change
.card {
will-change: transform, opacity;
}


5️⃣ Используйте calc() для гибких размеров
.container {
width: calc(100% - 50px);
}


➡️ Больше советов в статье

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Feb, 07:01


📢 Ты уже пробовал пройти AI-собеседование? Если нет, вот ещё одно напоминание от нас 🤗

Сейчас на рынке много вакансий, но как найти ту самую, которая идеально подойдёт тебе по навыкам, условиям и зарплате?

Просто загрузи своё резюме
Пройди интервью с нейро-рекрутером от Сбера (всего 15 минут!)
Получай лучшие предложения без бесконечных звонков и ожидания откликов

💡 Алгоритмы анализируют твой опыт и подбирают вакансии, которые подходят на 98% — так что ты точно не потратишь время зря.

Работа мечты может быть на расстоянии одного клика. Попробуешь? 😉

🔗 https://clc.to/GkOTTA

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Feb, 18:04


💡 Вопросы по React для собеседования

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

О чем могут спросить


📌 JSX и рендеринг компонентов – зачем нужен JSX, как работает React.createElement.

📌 Props и state – разница, передача данных, обновление состояния.

📌 Жизненный цикл компонентов – какие методы вызываются при рендеринге.

📌 Hooks – useState, useEffect, useMemo и их применение.

📌 Контекст и управление состоянием – Context API, Redux, MobX.

📌 Виртуальный DOM – как React оптимизирует обновления.

📌 Асинхронные операции – работа с useEffect, Promises и fetch.

➡️ Вопросы и ответы к ним в статье

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Feb, 13:03


🤩 Маленькие библиотеки с большим потенциалом

1️⃣ Radash: библиотека функционального программирования на TypeScript, предлагающая современные альтернативы устаревшим функциям lodash и дополнительные возможности, такие как tryit и retry.

2️⃣ use-debounce: библиотека, специально разработанная для React, размером менее 1 КБ, совместимая с underscore/lodash и поддерживающая серверный рендеринг.

3️⃣ timeago.js: библиотека размером всего 2 КБ, используемая для форматирования дат в относительные выражения, такие как «несколько минут назад» или «несколько дней назад», с поддержкой множества языков.

4️⃣ react-use: сборник полезных хуков для React, охватывающий функции от отслеживания состояния батареи и геолокации до установки избранного, дебаунсинга и воспроизведения видео.

📎 Подробнее в статье

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Feb, 13:04


CLI-инструмент для работы с Tailwind CSS

Tailwind Alchemist – это проект с открытым исходным кодом, который помогает автоматизировать конфигурирование.

Что может инструмент:

Автоматизация конфигурации: он генерирует и обновляет конфигурационные файлы Tailwind на основе заданных параметров

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

Интеграция в процесс сборки: проект можно подключить к CI/CD пайплайнам, чтобы автоматизировать обновление стилей при изменении кода.

Обеспечение консистентности дизайн-системы: благодаря централизованной конфигурации и генерации классов, проект помогает поддерживать единый стиль во всём проекте.

➡️ Репозиторий проекта на GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Feb, 07:05


⚡️Ускорьте разработку на React

Готовые библиотеки позволяют значительно ускорить создание интерфейсов, облегчить настройку стилей и обеспечить высокую производительность приложений.

• Одним из интересных решений является Avvvatars – легковесная библиотека для генерации персонализированных аватаров по имени или email.

• Для тех, кто работает над корпоративными приложениями, Ant Design представляет собой набор компонентов с богатой функциональностью и возможностью кастомизации.

• MUI – это библиотека, основанная на принципах Material Design, которая предоставляет спектр готовых компонентов для построения веб-приложений.

➡️ Про остальные библиотеки в источнике

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Feb, 06:02


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

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

👉Подписаться👈

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Jan, 18:11


👨‍💻 Убийца ChatGPT внутри VS Code

DeepSeek — это новый AI-ассистент, который можно запустить в редакторе кода бесплатно.

1️⃣ Установка Ollama

Перейдите на официальный сайт Ollama и скачайте версию, соответствующую вашей операционной системе.

2️⃣ Загрузка модели Deepseek-r1

После установки Ollama необходимо загрузить модель Deepseek-r1.
ollama pull deepseek-r1


3️⃣ Установка расширения Continue.dev в VS Code

4️⃣ Настройка Deepseek-r1 в Continue.dev

Выберите платформу Ollama, а затем модель Deepseek-r1 из доступных.

➡️ Подробно и с картинками в источнике

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Jan, 09:04


🔥Podlodka React Crew – онлайн-конференция для React-разработчиков.

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

Что в программе:

💬 Говорим на одном языке с пользователями: i18n в React-приложениях Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?

📡 OpenTelemetry для фронтенд-разработчика Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?

🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?

🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?

📅 Конференция пройдет 10-14 февраля.

Ты не просто узнаешь по новые фичи и подходы, но и определишься, какие из них включить в свой roadmap и как расти дальше.

🔗 Регистрируйтесь: podlodka.io/reactcrew

Промокод сообщества
react_crew_2_2ikOdE даёт скидку в 500 руб 🥳

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Jan, 07:05


🧑‍💻 Как не утонуть в выборе

Экосистема React развивается так быстро, что разработчики чаще сталкиваются с параличом выбора. Вместо того чтобы писать код, разработчики застревают на этапе выбора инструментов.

Сегодня вместо единого "правильного" пути существует много инструментов, и каждый подходит под разные сценарии. Для статических сайтов один стек, для сложных веб-приложений – другой, для небольших проектов – третий. Это создает хаос и страх сделать "неправильный" выбор.

Как выйти из этого замкнутого круга

1️⃣ Определитесь с масштабом проекта.

2️⃣ Используйте проверенные решения, а не редкие библиотеки.

3️⃣ Помните, что идеального выбора нет – главное, чтобы инструмент решал задачу.

4️⃣ Если не знаете, с чего начать – берите популярные, хорошо документированные технологии.

🖇 Подробнее об инструментах и рекомендациях

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Jan, 18:10


💯 Топовые npm-библиотеки для Node.js

В мире Node.js существует множество пакетов, которые упрощают разработку. Рассмотрим пять из них:

1️⃣ Express.js: фреймворк для создания веб-приложений и API. Предлагает упрощенную маршрутизацию и поддержку middleware.

2️⃣ Axios: HTTP-клиент, автоматически обрабатывает преобразование данных и предоставляет методы для обработки ошибок.

3️⃣ Mongoose: библиотека для MongoDB, которая определяет схемы данных и взаимодействует с базой данных.

4️⃣ Lodash: утилита для работы с массивами, объектами и другими типами данных.

5️⃣ Moment.js: библиотека для работы с датами и временем, облегчающая их парсинг, валидацию, манипуляцию и форматирование.

➡️ Больше библиотек в источнике

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Jan, 13:07


👨‍💻 Практические методы преобразования объектов в JavaScript

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

Подходы:

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


function mapObject(obj, fn) {
return Object.fromEntries(
Object.entries(obj).map(([key, value]) => {
if (typeof value === 'object' && value !== null) {
return [key, mapObject(value, fn)];
}
return [key, fn(value)];
})
);
}


2️⃣ Использование Object.keys() и Array.reduce(): применение этих методов для итерации по ключам объекта и накопления результатов в новом объекте.

function mapObject(obj, fn) {
return Object.keys(obj)
.reduce((acc, key) => {
const value = obj[key];
acc[key] = (typeof value === 'object' && value !== null)
? mapObject(value, fn)
: fn(value);
return acc;
}, {});
}


3️⃣ Использование библиотек Lodash или Ramda: эти библиотеки предоставляют утилиты для работы с объектами и коллекциями, упрощая процесс рекурсивного обхода.

const _ = require('lodash');
const mapObject = (obj, fn) =>
_.mapValues(obj, value => (typeof value === 'object' && value !== null)
? mapObject(value, fn)
: fn(value));

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Jan, 09:01


️ Если вы вдруг забыли: у нас можно купить рекламу

Библиотека программиста — медиа с миллионной аудиторией из IT-сферы. Что у нас есть:

• 60+ телеграм-каналов по разным IT-направлениям, от Python до DevOps

• 25 000 daily active users на сайте, который поможет усилить продвижение

• Возможность сделать нативную интеграцию, виральный пост и не только

За айтишной аудиторией — к нам 😏

По вопросам рекламы пишите сюда → @proglib_adv

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Jan, 07:02


📈 ⚛️ ТОП-9 библиотек React Chart для визуализации данных в 2025 году

Создание визуализаций с нуля трудоёмкий процесс. К счастью, разработчики уже задавались вопросом «Как выводить графики просто и красиво?» и написали библиотеки для React, которые упрощают этот процесс.

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Jan, 18:08


🌐 Полезные API для вашего проекта

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

1️⃣ IPstack API: персонализация с помощью геолокационных данных

 IPstack API предоставляет детальные геолокационные данные по IP-адресу, включая информацию о стране, городе, валюте, часовом поясе и уровне безопасности. 

2️⃣ Number Verification API: проверка телефонных номеров

Number Verification API проверяет валидность как национальных, так и международных телефонных номеров, определяя корректность, оператора связи, географическое расположение и тип линии (мобильный или стационарный). 

3️⃣ Bad Words API: фильтрация нежелательного контента

Bad Words API использует продвинутые методы для обнаружения и цензурирования ненормативной лексики, включая акронимы и слова с особыми символами. 

➡️ Продолжение в источнике

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Jan, 12:17


😊 Спасибо за ваши ответы!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Jan, 18:10


🛠 Обзор Tailwind CSS 4.0

На днях вышла версия Tailwind CSS под номером 4. Ещё не успели ознакомиться с обновлениями? Предлагаем к просмотру краткий обзор и советы по миграции в видео:

👀 Смотреть

Подробная документация по нововведениям:

📎 Release notes

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Jan, 13:04


🆚 Vite vs Webpack

В мире фронтенд-разработки меняются приоритеты: система сборки Vite стремительно набирает популярность и, кажется, готов потеснить многолетнего лидера — Webpack.

Почему же Vite так приглянулся разработчикам?

1️⃣ Скорость запуска и сборки
Vite сразу завоевал популярность благодаря своей невероятной скорости. Используя нативные возможности ES-модулей браузеров, он исключает этап предварительной сборки, характерный для Webpack.

2️⃣ Простота конфигурации
Webpack известен гибкостью, но его конфигурация часто вызывает трудности. Vite предлагает минималистичный подход: начальная конфигурация «из коробки» подходит для большинства задач, а настройка специфических случаев проще благодаря понятным интерфейсам.

3️⃣ Горячая перезагрузка (HMR)
Для разработчиков важно видеть изменения кода в реальном времени. Vite впечатляет скоростью горячей перезагрузки, тогда как Webpack с этим отстаёт, особенно на больших проектах.

4️⃣ Сообщество и тенденции
Хотя Webpack остаётся лидером по числу установок, Vite быстро сокращает этот разрыв благодаря растущему сообществу и поддержке лидеров индустрии.

📎 Подробная статистика в источнике

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Jan, 09:01


Первая Flutter-конференция в России

FlutterConf - это уникальная возможность для flutter-разработчиков углубить свои знания и обменяться опытом в области мобильной разработки.

21 февраля 2025г ждём вас в Москве (3-я ул. Ямского Поля, 26А)

Что в программе конференции?

- Два потока докладов про реальные кейсы с нестандартными требованиями; архитектурные решения и инструменты для Flutter-проектов.
- Нетворкинг-события — заводить полезные знакомства
- Экспертная зона — обсудить с профессионалами конкретный вопрос или задачу, получить практический совет и понять, куда и как расти.
- Круглый стол: прошлое, настоящее и будущее Flutter;

Спикеры, которые выступят с докладами:

→ Юрий Петров, руководитель отдела разработки, Friflex. Доклад: «Router во Flutter. Когда думал, что все легко.»
→ Анна Ахлёстова. Flutter TeamLead, Friflex. Доклад: «Router во Flutter. Когда думал, что все легко.»
→ Станислав Чернышев. Доцент СПбГУАП, автор книги «Основы Dart». Доклад: «Жизненный цикл фичи в Dart: от issue до релиза»
→ Станислав Ильин. Flutter TeamLead, Поток. Доклад: «Он вам не просто логер! Почему Talker нужен вашему проекту?»
→ Павел Гершевич. Mobile TeamLead, Amiga. Доклад: «Многомодульность в Flutter 2.0. Все подходы и что нового»
→ Максим Ясаков. Flutter-разработчик, Яндекс. Доклад: «ArtVM: встроенная виртуальная микро среда исполнения для Dart»

А также в завершении конференции громкое AfterParty, где каждый сможет отдохнуть от продуктивного дня и неформально пообщаться с коллегами.

Длительность доклада — 45 минут, что позволит глубже погрузиться в каждую тему.

Приобрести билеты по выгодной цене: http://flutterconf.ru

По промокоду Proglib10 скидка 10% на оффлайн билет

Присоединяйтесь к нам и станьте частью сообщества Flutter-разработчиков!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Jan, 07:06


🚀 Vite 6: новый уровень скорости и экосистемы

Недавно команда Vite анонсировала шестую версию своего проекта, который они назвали значительным мажорным релизом

Что нового

Рост экосистемы: к Vite присоединились новые фреймворки — TanStack Start, One, Ember.

Environment API: экспериментальный API для разработчиков фреймворков, позволяющий гибко настраивать окружение (например, для SSR).

Поддержка Node.js: Vite 6 работает на Node.js 18, 20 и 22+.

• Тестирование с Vitest: Storybook теперь использует Vitest для тестов.

📎 Подробнее на сайте проекта

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Jan, 20:02


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Jan, 15:59


😂 Dev Memes: утренние дилеммы, правки и зарплаты

Третья неделя года позади, а мы всё ещё смеёмся над мемами. Ловите подборку лучших шуток из нашего канала «Библиотека IT-мемов».

🔗 Подборка самых топовых мемов

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Jan, 12:59


🎮 Интерфейс, который покорил миллионы

Если вы выросли на Counter-Strike 1.6, то наверняка помните тот минималистичный и функциональный интерфейс. Теперь можно вернуть двухтысячные этот стиль в веб-проектах с помощью библиотеки cs16.css.

📎 Добавьте кусочек CS 1.6 в свои проекты

#css

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

26 Jan, 06:01


💡 Использование currentColor в CSS для избежания дублирования кода, связанного с указанием цвета

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

25 Jan, 20:40


🎙 Подкаст Podlodka: смена профессии в IT

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

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

⏱️ Таймкоды:
00:00 О чем выпуск
02:02 Личный опыт переходов
20:05 Стандартные треки переходов
47:20 Переход на новую роль
53:50 Внутренний переход
59:40 Внешний переход
01:07:55 Подготовка резюме
01:21:24 Переход в новую роль
01:33:48 Сложности переходов
01:42:48 Минусы смены роли
01:51:20 Плюсы смены роли
01:59:57 Заключение

▶️ Смотреть или слушать полностью

#подкасты

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

24 Jan, 19:53


🔥 6 сниппетов CSS, которые должен знать каждый фронтендер в 2025 году

Adam Argyle с 2023 года ведет подобные заметки. 2025-й не стал исключением. Он снова вернулся с ещё одним набором объёмных сниппетов, которые «больше, мощнее и в большей степени используют прогрессивные улучшения», чтобы помочь вам соответствовать широким требованиям UI/UX 2025 года.

👉 Изучить

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

24 Jan, 08:13


🌵🕵️‍♂️ Git-квест: 10 испытаний для повелителя репозиториев

От простого push до таинственного cherry-pick – пройдите все уровни нашего Git-квеста и докажите, что достойны звания Git-мастера.

🔗 Пройти тест

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Jan, 20:57


👨‍💻 Изучение Yjs и создание приложений для совместной работы в реальном времени на JavaScript

Yjs — библиотека CRDT (Conflict-free replicated data type) для создания приложений совместной работы и приложений, ориентированных на локальное использование

CDRT — мощные, но их может быть сложно «получить», поэтому этот новый интерактивный учебник по Yjs так ценен. Отличный способ узнать о создании приложений для совместной работы и синхронизации с нуля.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Jan, 19:30


💡Реализация чистых разрывов строк для длинных URL-адресов с помощью HTML-элемента <wbr>

#html #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Jan, 06:02


Вакансии «Библиотеки программиста» — ждем вас в команде!

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

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

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

Ждем ваших откликов 👾

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Jan, 20:34


⚒️ Open Props UI — библиотека CSS UI, демонстрирующая современные возможности HTML и CSS по созданию компонентов. В представленной недавно версии добавлено много нового 🚀

👉 Подробнее

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Jan, 18:44


👨‍💻 12 команд Git, которые должен знать каждый разработчик

👉 Источник

#шпаргалки

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

20 Jan, 12:10


👨‍💻 Основы доступности, которые должен знать каждый React-разработчик

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

19 Jan, 19:01


👀 Открытая редакция: ищем авторов для рубрики DevLife

Друзья, нас часто спрашивают про публикацию материалов о личном опыте и знаниях в IT. Пора это систематизировать!

Если у вас есть история о том, как вы:
• выросли в профессии,
• освоили новые технологии,
• сделали крутой карьерный скачок,
• эпично лажанулись,
• создали интересные проекты,
— присылайте свои статьи на почту [email protected] с темой DevLife.

Требования простые:
• реальный опыт,
• конкретные шаги,
• от 5000 знаков,
• ссылка на Google Docs.

Лучшие истории опубликуем на сайте и в наших соцсетях с общим охватом 1 млн + человек.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

19 Jan, 13:24


👦 HTML и CSS для абсолютных новичков

Фронтенд-разработчик Kevin Powell начал год с курса из 50 видео. Он охватывает все: от синтаксиса, структуры страницы, семантического HTML, специфики CSS и многого другого.

👉 Смотреть курс

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 Jan, 10:50


💡 Кастомизируйте вывод c помощью JSON.stringify()

Передайте функцию замены в формате JSON.stringify(data, replacer?, space?), чтобы настроить выходные данные.

#javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 Jan, 11:00


🖼️ Использование TypeScript без инструментов сборки

С недавнего времени Node.js (с версии 23) поддерживает выполнение TypeScript без дополнительных настроек. Теперь можно просто запустить команду, Node.js автоматически удалит аннотации типов и выполнит код, используя swc:

node index.ts


Благодаря нативной поддержке TypeScript современными инструментами можно писать код быстрее и проще, избегая сложных процессов сборки. Это делает его более доступным для использования в проектах любого масштаба, особенно в монорепозиториях.

👉 Читайте подробнее, какие ещё проекты поддерживают использование TypeScript без инструментов сборки

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 Jan, 08:32


👋 Всем привет!

Мы ищем участников для интервью на тему «Обучение навыкам в IT»!

Кто нам нужен?
— Вы недавно (в последние 6 месяцев) проходили курсы по техническим специальностям или математике.
— Вы разработчик, стремящийся освоить Data Science или Machine Learning.

Что нужно сделать?
— Участвовать в небольшом интервью по Zoom (не больше 45 минут).
— Вознаграждение: 1500 рублей на карту за участие + уникальный шанс пообщаться с нашим CEO!

Как откликнуться?
Напишите в личные сообщения @artem_ceo

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Jan, 10:04


👩‍💻 👩‍💻 Тight Mode: почему браузеры показывают разные результаты по производительности 

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

Chrome и Safari реализовали Tight Mode, который ограничивает, какие ресурсы загружаются и в каком порядке, но в каждом из них подход к этому кардинально отличается.

👉 В статье автор в общих чертах объясняет, что это такое, что его запускает и как к нему относятся в основных браузерах

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Jan, 06:02


Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

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

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 Jan, 08:13


🎙 457-й выпуск подкаста «Веб-стандарты»

Кого слушаем:
Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Полина Гуртовая.

⏱️ Таймкоды:
00:01:18 Firefox 134
00:11:48 Новости Node.js
00:17:37 Нативный TS в Node.js
00:33:43 WinterTC
00:46:36 Баланс текста
01:03:42 Атрибуты импортов
01:14:55 JS Rising Stars

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 Jan, 20:31


💡 7 способов скрыть элементы с помощью CSS: основные достоинства и недостатки

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 Jan, 09:33


🔥 Новые возможности фронтенда для дизайнеров в 2025 году

Стилизация отдельных компонентов, управление стилями родительских элементов на основе дочерних элементов, использование относительных цветов — всё это современные возможности фронтенда.

Многие задачи, которые раньше требовали JavaScript, теперь можно решить с помощью одной строки HTML и CSS.

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

👉 Погрузитесь и узнайте
, как эти возможности могут упростить вашу повседневную работу и помочь создавать современные UI-компоненты

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 Jan, 20:02


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 Jan, 10:50


🤩 Сбалансированный текст в CSS

Ahmad Shadeed, фронтенд-разработчик и автор книги Debugging CSS, начинает новый год с этого интерактивного гайда, в котором объясняется практическая сторона визуальной балансировки текста с помощью CSS. Это подробное описание того, что могут делать text-wrap и их различные значения.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Jan, 19:06


🤔 Вам не нужен Next.js

Несмотря на то, что Next.js считается предпочтительным метафреймворком React, если ваши требования невелики, простой переход на React даёт множество преимуществ с точки зрения простоты и скорости.

👉 Читать подробнее

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Jan, 18:02


⭐️ Восходящие звёзды JavaScript 2024 года

Пришло время окончательно попрощаться с 2024 годом, но не раньше, чем Michael Rambeau проведёт ежегодный анализ JavaScript-проектов, которые лучше всего зарекомендовали себя на GitHub за последний год.

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Jan, 06:10


🚀 Performance и оптимизация TypeScript-типов в больших проектах

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

На ранних этапах роста всё кажется вполне управляемым, но в определённый момент начинаешь замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.

Хмелев Андрей, техлид и фулстек-разработчик, разбирается:

• почему TypeScript захлёбывается в крупных проектах;
• какие подходы и практики помогут оптимизировать типы;
• как проводить диагностику узких мест в процессах компиляции и разработки.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Jan, 11:04


🍊 Подборка лучших статей «Библиотеки программиста» за декабрь: сохраняй в заметки, чтобы не пропустить #самыйсок

➡️ Статьи:
💻📈 Итоги года Proglib: 2024 год в цифрах и достижениях
🧪 Успешное тестирование: TDD и расширенные возможности с Jest. Часть 2
🎨 13 приемов CSS, которые изменят твой подход к верстке
🏛️⚛️ React пора сдать в музей: почему популярный фреймворк устарел и чем его заменить
🎨⚛️ CSS в React: сравниваем 5 подходов к стилизации
🔧 TypeScript в деталях: настраиваем tsconfig.json правильно
🧬 Как реализовать наследование в JavaScript: 7 способов
⚡️ 5 HTML-атрибутов для улучшения пользовательского опыта и SEO
🎨 5 CSS-приемов, которые нужно знать каждому фронтендеру
🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер

➡️ Тесты:
🦑👨💻 Программист в «Игре в кальмара»: каковы шансы выжить?
🤔🔥🪦 Беспощадный Frontend-тест: уволься сам, если не наберёшь 7 из 10!
👑🧟 Король спама: насколько сильно ты бесишь коллег в рабочих чатах
🐍 Насколько ты продвинутый питонист?

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Jan, 05:59


🎄 HTMHell Advent Calendar 2024

Адвент-календарь HTMHell публикуется с 2022 года. В прошлом году авторы снова вернулись с ещё двадцатью четырьмя статьями о безопасности, доступности, UX и производительности:

• A link on a logo in the header, what should the alt-text be? / Rian Rietveld
• Starting off right: Where autofocus shines / Kilian Valkhof
• Smooth Multi-Page Experiences with Just a Few Lines of CSS / John Allsopp
• Control the Viewport Resize Behavior on mobile with `interactive-widget` / Bramus
• Forced Colors Mode Futility / Matthias Zöchling
• aria-labelledby = self / Weston Thayer
• Almost, but not quite, entirely unlike... / Léonie Watson
• Past HTML, Future HTML? / Jens Oliver Meiert
• Native HTML light and dark color scheme switching / Vadim Makeev
• Submit to the Quirks of HTML / Felix Hessenberger
• Makeshift hot reload / Evan Hahn
• HTML and CSS I didn't even know about before I started creating content in Japanese / Julia Undeutsch
• Improving User Experience for Multilingual Web Browsing / Anastasiia Batarei
• Page by Page: How Pagination Makes the Web Accessible / Kristin Rohleder
• The Gift You Do NOT Want: A Div in a Button's Clothing / Corina Murg
• You don’t need the isOpen class by Maureen Holland
• How I gained a new perspective on ARIA / Marco Bretschneider
• Microdata for books / Alan Dalton
• Getting Oriented with HTML Video / Scott Jehl
• My favourite colour is Chuck Norris red / Declan Chidlow
• Grouping form fields / Matthias Kittsteiner
• PSA: Stop using the title attribute as tooltip! / Daniela Kubesch
• The devil is in the <details> / J. Pedro Ribeiro
• The search input: They almost got it right / Steve Frenzel

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

08 Jan, 13:23


💡Простой способ отключить группу элементов управления формы одновременно с помощью HTML

#html #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

08 Jan, 10:22


🤦‍♂️ 50 TypeScript F**k Ups Mistakes

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

Она доступна на Leanpub в удобных форматах, или вы можете прочитать ее целиком прямо на GitHub. По крайней мере, стоит пролистать, если вы столкнетесь с какими-либо из ее пунктов.

👉 Скачать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Jan, 17:06


👋 Привет, друзья!

Мы хотели бы поближе с вами познакомиться! Будем очень признательны за ваши ответы на следующие вопросы!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Jan, 08:57


🎙 456-й выпуск подкаста «Веб-стандарты»

Кого слушаем:
Никита Дубко, Вадим Макеев, Юлия Миоцен.

⏱️ Таймкоды:
00:01:23 Стандарт source maps
00:08:05 Новинки React 19
00:38:01 Гибкость @keyframes
00:52:10 Разметка в Веб-альманахе
01:34:26 3D кот на CSS
01:43:35 Анимация неанимируемого

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Jan, 07:55


🔥 Бесплатный курс по фулстек-разработке — реальность

Под Новый год Дед Мороз приносит подарки, а наши подписчики — собственные курсы! Сергей Дмитриев, который занимается коммерческой разработкой уже 15 лет, поделился с нами курсом по созданию веб-сервиса с нуля. В курс входит 141 урок, 28 часов видео, исходный код и чат поддержки для участников.

👉 Подробнее о курсе читайте на Хабре или в телеграм-канале Сергея

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Jan, 20:32


Indeterminate checkbox

С помощью свойства indeterminate в JavaScript и псевдокласса :indeterminate в CSS можно легко управлять и кастомизировать чекбоксы для улучшения UX.

#css #javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Jan, 09:50


🤔 Как сделать редизайн сайта без дизайнера

Сергей Андреев, CTO в Ultimate Education, делится опытом редизайна сайта современного веб-фреймворка для создания интерактивных приложений с помощью Islands Architecture.

Вот что получилось: сайт Reface с минималистичным дизайном, адаптированным под разработчиков.

🛠️ Инструменты:
• ChatGPT для идей и структуры.
• Bolt для быстрой визуализации.
• Cursor для доработки и кастомизации.

👉 Новый дизайн на скринах, а в треде описан весь процесс

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

04 Jan, 12:08


🚀 5 перспективных фронтенд-фреймворков, которые стоит освоить в 2025 году

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

Рассказываем о пяти перспективных мини-фреймворках, которые стоит изучить в 2025 году

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

04 Jan, 08:37


🤔 Почему джуны путаются в асинхронном коде и как научиться с ним работать

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

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Jan, 20:33


⚙️ JerryScript — легковесный JavaScript-движок для юзкейсов IoT/embedded с полным соответствием ES 5.1 и 84% соответствием Test262.

Он может работать на устройствах с объемом оперативной памяти менее 64 КБ и флэш-памятью менее 200 КБ. Две недели назад вышла версия 3.0.0. Ключевые изменения — выше.

📌 Основные характеристики:
• Полное соответствие стандарту ECMAScript 5.1.
• Соответствие стандарту ECMAScript 2025 — 70%.
• Размер бинарного файла 258 КБ при компиляции для ARM Thumb-2.
• Значительно оптимизирован для низкого потребления памяти.
• Написано на языке C99 для максимальной переносимости.
• Поддержка снапшотов для предварительной компиляции исходного кода JavaScript в байт-код.

👩‍💻 GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Jan, 19:59


🧰 8 лучших коллекций ресурсов для фронтендеров

Лучшие наборы инструментов, которые содержат все необходимое для современной фронтенд-разработки.

Подробнее в статье 👈

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Jan, 08:28


🤩 Коллекция иконок для интерфейсов, диаграмм, презентаций и многого другого

Ищите иконки для следующего проекта? Обратите внимание на несколько паков, которые обновляются в соответствии с потребностями сообщества:

Phosphor Icons
Tabler Icons
Isocons

#вебдизайн

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Jan, 20:03


🤔 Как начать проект в 2️⃣0️⃣2️⃣5️⃣ году? Один раз показываем!

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Jan, 18:02


🎁🎄Как ваше настроение? Рассказывайте, что вам подарили на Новый год?

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Jan, 12:26


🎙 455-й новогодний выпуск подкаста «Веб-стандарты»

Кого слушаем: Вадим Макеев, Алексей Симоненко, Юлия Миоцен, Полина Гуртовая, Никита Дубко, Андрей Мелихов.

⏱️ Таймкоды:
00:02:49 Полина кормит белок
00:26:44 Никита играет кол-ми-мейби
00:56:56 Андрей красит плитку в ванной
01:10:16 Юля ждёт группу 16 лет
01:21:56 Лёша спрашивает шляпу
01:42:29 Вадим атакует титанов
02:01:08 Отвечаем на вопросы
02:23:25 Желаем хорошего

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Jan, 06:03


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

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

👉Подписаться👈

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Dec, 18:04


🎄🥂🎉 Разрабы, с наступающим Новым годом вас (а кого-то с уже наступившим)

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

Ставьте 🎉 — узнаем, кто живой

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Dec, 10:01


💭 Какой проект, над которым вы работали в 2024 году, запомнился вам больше всего? На каком стеке он был написан?

Поделитесь в комментариях👇

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Dec, 06:01


💻📈 Итоги года Proglib: 2024 год в цифрах и достижениях

«Библиотека программиста» подводит итоги 2024 года: 415 экспертных статей и миллион просмотров ежемесячно. Разбираем ключевые достижения, лучшие материалы и делимся планами развития.

👉 Читать статью
👉 Зеркало

P. S. Ну просто не могли не прикрепить мем года к этому посту 🫶

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Dec, 20:50


2️⃣0️⃣2️⃣4️⃣ Фронтендеры, уже подвели итоги года?

Если у вас есть публичный GitHub-репозиторий, GitHub Wrapped сделает это за вас!

Кидайте в комментарии под постом результаты 2024 года👇

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Dec, 07:06


🤩 Базовые понятия информационной безопасности и веба: полезная #инфографика для фронтенд-разработчика

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Dec, 17:39


🧪 Успешное тестирование: TDD и расширенные возможности с Jest. Часть 2

Подробное руководство по внедрению TDD в рабочий процесс и использованию продвинутых возможностей Jest. С примерами кода и пояснениями каждого шага.

👉 Читать статью
👉 Зеркало

Статьи по теме:
🧪 Успешное тестирование: основы и передовые приемы Jest. Часть 1

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Dec, 10:00


📈 Повышение производительности сайта The New York Times с помощью React 18

В конце 2023 года команда The New York Times решила в полной мере воспользоваться React 18 на своем новостном сайте.

Это интересное исследование, в котором рассматриваются проблемы, возникшие при обновлении, и значительные преимущества, которые им удалось получить.

👉 Читать на Medium или в PDF (файл в комментариях)

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

26 Dec, 15:48


🎨 Какими навыками должен владеть фронтендер

Фронтендер отвечает не только за визуальную часть, но и за заголовки, меню, карточки, кнопки, адаптивность и валидацию. Они пишут код, на основе которого работают сайты.

Знания и навыки, необходимые фронтендеру:
▪️ Уметь работать с HTML и CSS
▪️ Выучить язык программирования JavaScript
▪️ Овладеть одним из фреймворков на базе этого языка (React, Angular, Vue)
▪️ Уметь работать с Git
▪️ Понимать, что такое веб-страницы, протоколы HTTP/HTTPS, браузеры, домены и хостинг
▪️ Разбираться в REST API
▪️ Работать с Figma
▪️ Иметь базовые навыки проверки своего кода

➡️ Забирайте курс Frontend со скидкой 35%, он поможет со всем этим разобраться – https://proglib.io/w/eeccf187

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

26 Dec, 08:30


🎙 454-й выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Полина Гуртовая про CSS-вишлист, Custom Ident в CSS, долгожданный text-box-trim и State of JS 2024.

⏱️ Таймкоды:
00:01:53 CSS-вишлист
00:33:44 Custom Ident в CSS
00:48:57 Наконец-то text-box-trim
01:02:53 State of JS 2024

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

25 Dec, 18:38


🦑👨💻 Программист в «Игре в кальмара»: каковы твои шансы выжить?

Каждый день оптимизируешь процессы, автоматизируешь задачи и решаешь сложные проблемы. Но что, если тебе придется применять свои навыки, чтобы выжить?

Окажутся ли твои скрипты, алгоритмы и багфиксы полезными в критической ситуации?

👉 Пройти тест

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

25 Dec, 09:59


👩‍💻 Вышли шестая и седьмая части серии статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории 👉 https://t.me/frontendproglib/5399

Новые части посвящены алгоритмам поиска, а также алгоритмам для работы с множествами и строками.

#javascript #практика

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

25 Dec, 07:01


🎁 Лучше икры на Новый год только...

Сертификат на обучение от Proglib Academy! Это крутой подарок для тех, кто интересуется IT, хочет освоить новую профессию и жить в шоколаде.

Почему наши курсы — хороший презент:

🔵Подходит для новичков и профессионалов: можно выбрать обучение под любой уровень знаний.
🔵Помогает развивать востребованные навыки, которые пригодятся в IT.
🔵Позволяет выбрать удобный формат обучения: можно учиться в своем темпе, когда удобно.

Сертификат оформляется за пару минут, и даже не нужно ломать голову над упаковкой.

🚀 Подарите возможность начать год с полезных знаний и карьерного роста → подробнее о сертификатах

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

24 Dec, 20:26


🔥 Селекторы CSS на практике

Подробное руководство, охватывающее все различные способы выбора элементов в CSS (например, псевдоселекторы, вложенные селекторы, селекторы атрибутов и т. д.) и способы их использования для применения стилей.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

24 Dec, 15:00


💡 Использование сокращенной записи для определения всех четырех позиций в CSS: на заметку фронтенд-разработчику

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Dec, 19:49


🖼️ Визуализация JavaScript: Event Loop, Task Queue и Microtask Queue

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

👉 Читать

#инфографика

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Dec, 08:47


👩‍💻👩‍💻👩‍💻👩‍💻 Наиболее эффективные методы улучшения Core Web Vitals: подборка для фронтенд-разработчика

В гайде вас ждут те оптимизации производительности, которые:
✔️ оказывают наибольшее влияние;
✔️ актуальны и применимы к большинству сайтов;
✔️ выполнимы для большинства разработчиков.

Взаимодействие со следующей отрисовкой
1. Регулярные паузы для разделения длительных задач.
2. Минимизация JavaScript.
3. Минимизация крупных обновлений рендеринга.

Скорость загрузки основного контента
1. Обеспечение доступности ресурса LCP в HTML-коде и его приоритетность.
2. Мгновенная навигация.
3. Использование CDN для оптимизации TTFB.

Совокупный сдвиг макета
1. Четкие размеры для загружаемого контента.
2. Страницы, поддерживающие bfcache.
3. Анимации и переходы CSS вызывают сдвиги макета.

👉 Читать полный гайд

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Dec, 19:02


📚Четвертое издание Eloquent JavaScript от Marijn Haverbeke — пожалуй, одна из лучших «универсальных» книг для изучения JavaScript, адаптированная к реалиям 2024 года и в целом улучшенная.

👉 Вы можете прочитать ее онлайн или скачать в удобном вам формате (по ссылке также доступно второе издание, переведенное на русский)

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Dec, 10:40


🚨Команда Cloudflare в рамках инициативы Cloudflare Radar представила отчет за 2024 год, в котором есть полезная информация и для фронтендеров

С использованием URL Scanner, команда просканировала ~5000 сайтов, чтобы определить самые популярные технологии и сервисы. И вот что получилось:

✔️ React имеет явное преимущество над Vue.js и другими фреймворками/библиотеками JavaScript.
✔️ PHP — самая популярная технология программирования.
✔️ Доля jQuery — в 10 раз больше, чем у других популярных JavaScript-библиотек.
✔️ WordPress имеет более 50% доли среди систем управления контентом.
✔️ Go превзошел NodeJS как самый популярный язык, используемый для создания автоматизированных API-запросов.
✔️ Во всем мире почти половина веб-запросов использовала HTTP/2, а 20,5% — HTTP/3.
✔️ Среди браузеров Google Chrome остается наиболее популярным, но Safari опережает его на iOS-устройствах.

👉 Читать полный отчет с интерактивными графиками

#новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Dec, 06:01


Вакансии «Библиотеки программиста» — ждем вас в команде!

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

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

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

Ждем ваших откликов 👾

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Dec, 21:32


🎨 13 приемов CSS, которые изменят твой подход к верстке

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

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Dec, 13:58


Лучший способ получить/установить поле ввода со значением даты: на заметку фронтенд-разработчику

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

#javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Dec, 09:00


🎉 Новогодние чудеса на aeza.net!

Пришла пора готовиться к Новому году не только дома, но и в сети!

Aeza.net предлагает скидки до 20% НА ВСЕ ТАРИФЫ.

Это еще не все: получите 20% кешбэк на пополнение баланса!

Aéza — надежный хостинг для проектов любого масштаба подходит для тех, кто хочет:

🚀 запустить сайт мечты,
🚀 прокачать свой бизнес в сети
🚀 или просто начать год с классной идеи!

И конечно, у них:

🖥 Высокая скорость до 25 Гбит/с.
🖥 24/7 поддержка, всегда на связи.
🖥 Мощное оборудование на флагманском железе.

Скорее переходи в телеграм-канал и не пропусти анонс скидок и крутых ивентов 🥰

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

20 Dec, 15:37


🤔 Как Google обрабатывает JavaScript в процессе индексирования

Когда-то, если вы хотели, чтобы Google индексировал ваш контент, он должен был быть напрямую написан на HTML, а не динамически отображаться с помощью JavaScript. Конечно, с тех пор многое изменилось, но насколько?

👉 Читайте в исследовании MERJ и Vercel, посвящённом развенчанию мифов о рендеринге Google с помощью эмпирических данных

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Dec, 20:38


🎙 452-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Андрей Мелихов про новинки CSS 2024, require ES-модулей, TypeScript 5.7, слоистую спекуляцию и усталость от React.

⏱️ Таймкоды:
00:01:07 Новинки CSS 2024
00:33:51 Require ES-модулей
00:48:44 TypeScript 5.7
01:02:31 Слоистая спекуляция
01:17:55 Усталость от React

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Dec, 10:00


Пишите код быстрее и оставляйте больше времени на творчество вместе с AI-ассистентом разработчика

Устали от рутины? Отдайте ее AI!
Заходите на платформу GitVerse и пишите код вместе с AI-ассистентом GigaCode. Он поддерживает более 35 языков, умеет анализировать контекст, дописывать строки и функции в автоматическом и ручном режимах, а еще — писать код по комментариям и делать рефакторинг с помощью коротких команд. Всего за пару минут AI-помощник может оценить проект и трудозатраты на его создание.

Внутри AI есть функция CodeChat — с ней можно оптимизировать или отрефакторить имеющийся код, сгенерировать тесты и документацию, а также объяснить фрагмент кода. Задавать вопросы можно и по всему открытому файлу, и по конкретному фрагменту — просто выделите его в редакторе и сформулируйте запрос к CodeChat.

Хорошие новости — недавно GigaCode обновился и стал еще лучше справляться с задачами разработки: теперь наиболее вероятные продолжения кода будут генерироваться с учётом контекста всего проекта. Не забудьте обновить плагин GigaCode :)

Зарегистрироваться на GitVerse.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

08 Dec, 09:06


🥊 Deno против Oracle: отмена прав на товарный знак JavaScript

Знаете ли вы, что Oracle официально владеет товарным знаком JavaScript? На протяжении многих лет предпринимались попытки изменить это, но Oracle не прислушивалась к ним, поэтому команда Deno официально подала ходатайство об отмене прав на товарный знак.

⚖️ И, судя по тому, что недавно происходило, Oracle, похоже, готовится к защите.

💭 Как думаете, чем все закончится?

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Dec, 13:08


5 HTML-атрибутов для улучшения пользовательского опыта и SEO

Разбираем мощные, но часто игнорируемые атрибуты HTML, способные значительно улучшить пользовательский опыт и SEO вашего сайта. От многоязычности до удобства заполнения форм — все, что нужно современному разработчику.

🔗 Читать статью
🔗 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Dec, 20:12


💡 Простая формула для вычисления радиуса вложенной границы: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Dec, 20:00


Привет, друзья! 👋

2024-й год подходит к концу, и пока LLM не написали за нас все программы, а квантовые компьютеры не взломали все пароли, самое время подвести итоги.

Какие технологии действительно «выстрелили», а какие не оправдали ожиданий? Что изменилось в работе разработчиков, и какие навыки оказались самыми востребованными?

💻 Поделитесь своим мнением, и самое важное и интересное войдет в нашу статью. 🏆

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Dec, 17:50


👩‍💻 Самая сложная директива Taiga UI

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

Под катом — исследование директивы ActiveZone, которая используется в библиотеке компонентов Taiga UI. Она полагается на два инструмента Angular: Dependency Injection и RxJS. Вам понадобится глубокое понимание нативных событий DOM. Как бы ни был далек Angular от чистого JavaScript и DOM, он все равно полагается на старые добрые Web API, поэтому важно качать свои знания и в области ванильного фронтенда.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Dec, 11:38


🎨 CSS впервые за свою историю обзавелся официальным логотипом

Логотип был представлен в проекте logo.css, который создан с учетом философии самого CSS — простоты, гибкости и универсальности.

Новый логотип также несет глубокий символизм. Как пишет автор Joacod на Dev.to, дизайн отдает дань уважения историческому цвету CSS — Rebecca Purple. Этот цвет был добавлен в спецификацию CSS в честь дочери одного из создателей веб-стандартов Эрика Мейера.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Dec, 20:39


🎨 5 CSS-приемов, которые нужно знать каждому фронтендеру

5 мощных CSS-техник для современной веб-разработки: селектор :has(), компактные медиазапросы, решение проблемы с порядком правил и другие приемы для профессиональных фронтенд-разработчиков.

🔗 Читать статью
🔗 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Dec, 11:35


🎙️ 451-й выпуск подкаста «Веб-стандарты»: Вадим Макеев и Алексей Симоненко про адвент-календари, Firefox, сложности Interop, новые фичи, Zed и как отобрать JavaScript у Oracle.

⏱️ Таймкоды:
00:01:15 Адвент-календари
00:04:44 Firefox 132 и 133
00:34:05 Сложности Interop
00:55:04 Когда радоваться новым фичам
01:11:14 Zed и внешние контексты
01:27:55 Отобрать JavaScript у Oracle

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

03 Dec, 07:59


Книги по Frontend на русском языке - канал, где ты можешь бесплатно КАЧАТЬ Frontend книги на русском языке

- качай книги
- читай
- становись программистом.

Все книги 2018-2024 годов. Все русскоязычные.
Самая удобная навигация по тегам: #js #css #node #react #angular #vue

Подписывайся и качай: @frontbooksru

Реклама. Киренкина Марина Дмитриевна, ИНН 345702417736. Erid 2VtzqvFXuts

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Dec, 20:03


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Dec, 19:54


💡Простой способ анимации иконки при нажатии/фокусе: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Dec, 20:31


📊 Tremor — компоненты React для создания панелей мониторинга

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

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

👉 Сайт & GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Dec, 06:02


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

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

👉Подписаться👈

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Nov, 12:00


⚒️ Perfectionist 4 — плагин ESLint для сортировки элементов в вашем коде

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

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

👩‍💻 GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Nov, 08:27


🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер

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

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Nov, 18:06


💛 Подборка недавно опубликованных докладов с FrontendConf 2023

▶️ Архитектурный гайдлайн как инструмент эффективной разработки / Максим Соснов (Тинькофф)
▶️ Как мы выстраивали процесс работы с техдолгом в компании / Андрей Ермаков (СберМаркет)
▶️ Соединяя микросервисы: gRPC и стриминг в современных JavaScript-приложениях / Михаил Вовренчук
▶️ Машинное обучение без кодинга на MediaPipe: играем головой во FruitNinja / Ярослав Французяк (Garpix)

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Nov, 16:17


👩‍💻 Оценка поддержки браузерами: практические советы для фронтенд-разраба

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

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Nov, 20:27


🖼️ Создание self-contained исполняемых программ с помощью Deno

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Nov, 10:01


🎉 Розыгрыш от Proglib Academy и DigitalRazor!

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

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

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

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

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

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

Выбрать курс

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Nov, 18:02


👩‍💻 Ментальная модель потоков в Node.js

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

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

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Nov, 16:26


Travel Next Level
by Le:mma Studio

🔗 Link

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Nov, 12:49


⚡️ Напоминаем: у нас можно (и нужно) купить рекламу

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

Для заказа пишите сюда: @proglib_adv

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 Nov, 20:02


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 Nov, 16:25


🎙 449-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML и куки из Web Almanac.

⏱️ Таймкоды:
00:01:23 Chrome 131
00:20:06 Chrome DevTools
00:33:12 HDR в EXIF
00:49:54 Результаты State of HTML
01:27:22 Куки из Web Almanac
01:53:28 Ответы на вопросы

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 Nov, 11:56


🤖 Обзор Web AI Summit 2024: Client-Side AI для разработчиков

Недавно прошел организованный Google саммит, посвященный использованию моделей машинного обучения непосредственно в браузере, в частности, разработчиками, создающими новые, насыщенные впечатления для пользователей. Интересно узнать, как здесь идут дела, и вы можете посмотреть некоторые выступления на YouTube.

👉 Читать обзор

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Nov, 15:24


🔥 Менеджер пакетов и serverless реестр vlt

Опытная команда, включая создателя npm Isaac Schlueter, запустила Vlt, чтобы «построить будущее» управления JavaScript-пакетами.

Первые результаты появились в форме клиента vlt (который может заменить npm), а также бессерверного реестра пакетов, который вы можете разместить самостоятельно для работы с собственными пакетами.

💡 Sarah Gooding делится более подробной информацией об истории Vlt здесь.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Nov, 06:02


Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

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

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 Nov, 20:20


😢 О чем плачет фронтенд-разработчик?

Все сталкивались с ситуацией, когда приходишь в новую компанию, всё кажется крутым: светлый офис (или уютный хоум‑офис), дружелюбная команда, проекты мечты.

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 Nov, 18:41


🎉 Component Party — старый добрый ресурс для сравнения различных фронтенд фреймворков и библиотек, обновленный для Svelte 5 и Angular 17/Renaissance

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

👉 Component party

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 Nov, 07:25


💡 Использовать новые функции CSS и применять резервные стили в неподдерживаемых браузерах можно с помощью правила supports. То же самое можно сделать и в JavaScript.

#javascript #css #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 Nov, 16:05


🕸️ Как улучшить Core Web Vitals: самые эффективные методы

Существует огромное количество способов улучшения производительности веб-приложений. Однако не все они:

Дают ощутимый эффект.
Применимы к каждому конкретному проекту.
Просты в реализации.
Легко вписываются в рамки существующей инфраструктуры проекта.

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

☑️ Максимально влияют на реальные показатели производительности.
☑️ Применимы к большинству сайтов.
☑️ Не требуют радикального изменения инфраструктуры.
☑️ Могут быть реализованы любым фронтенд-разработчиком.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Nov, 20:32


💡 Какой совет вы бы дали начинающим программистам? Поделитесь своими мыслями в комментариях👇

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Nov, 20:30


Привет, друзья! 👋

Мы готовим статью о том, как эффективно изучать программирование, и хотим услышать ваше мнение! 🤓💻 Поделитесь своим опытом, и самые полезные советы войдут в нашу публикацию.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Nov, 19:05


🤔 Стоит ли готовиться к алгоритмическому интервью?

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Nov, 20:35


🎙 448-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Safari TP 207, мгновенную навигацию, опасный npm, безголовые компоненты и width: stretch

⏱️ Таймкоды:
00:01:15 Safari TP 207
00:10:01 Мгновенная навигация
00:36:03 Опасный npm
00:51:28 Безголовые компоненты
01:12:41 Width: stretch
01:18:45 Ответы на вопросы

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Nov, 18:40


📊⚒️ npmpackage.info: подробная информация о пакете на одной странице

Введите в этот онлайн-инструмент название npm-пакета, и вы получите быстрый обзор основных статистических данных проекта в стиле «панели управления», включая оценку качества, коммиты, открытые issues, релизы, размер пакета и многое другое.

🔥 NPM Chart — ещё один новый ресурс, на котором представлена статистика загрузки npm-пакетов.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Nov, 13:03


🐍😺🐙 Как сделать блог разработчика на GitHub Pages с помощью Django

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

Получится так, как на иллюстрации👆

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Nov, 11:10


🌐 Изучение процесса рендеринга браузера: на заметку начинающему фронтенд-разработчику

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

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Nov, 20:32


🎙 447-й выпуск подкаста «Веб-стандарты»: Полина Гуртовая, Андрей Мелихов, Алексей Симоненко про Safari 18.1 и 18.2, опять про masonry, Svelte 5, Next.js 15, тулинг на чужих языках, Zed и GitHub Universe

⏱️ Таймкоды:
00:01:14 Короче
00:01:57 Safari 18.1 и 18.2
00:14:20 Опять masonry
00:29:06 Svelte 5
00:39:18 Next.js 15
00:52:14 Тулинг на чужих языках
01:11:52 Новинки редактора Zed
01:21:18 GitHub Universe

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

09 Nov, 08:25


⚛️ 8 важнейших аспектов JavaScript, которые нужно освоить до изучения React

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

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

08 Nov, 19:19


👋 Знакомьтесь: input, output и model. Новые функции в Angular

Егор Молчанов, фулстек-разработчик в компании Домклик, рассказывает о новых фичах Angular: input(), output() и model(). Они появивились сравнительно недавно и обещают в скором времени заменить привычные нам декораторы @Input и @Output. Вы узнаете, что они собой представляют, как использовать на практике, и как связаны с концепцией сигналов.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Nov, 20:02


🤔 Зачем кому-то нужны генераторы в JavaScript?

Cтарая добрая статья, к которой вам захочется вернуться, потому что она посвящена часто неправильно понимаемой и не самой распространённой функции JavaScript.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

07 Nov, 06:09


🔀 Асинхронность — не баг, а фича: 4 паттерна, которые спасут ваш распределённый сервис

Представь, что ты отправляешь сообщение в мессенджере, а оно доходит с задержкой в минуту. Бесит? А теперь представь, что у тебя сервис с миллионами пользователей, и каждое их действие должно мгновенно отражаться везде. Звучит как кошмар? Спокойно, есть четыре проверенных способа решить эту головоломку, и они реально работают.

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Nov, 19:16


🔥 HTML: 11 лучших практик для формы входа в систему и регистрации пользователей

Андрей Ситник решил напомнить про пост о лучших практиках HTML для форм входа и регистрации. Всего два поля и так много способов их испортить! Полезно и тем, кто разрабатывает, и тем, кто нанимает: это лучший способ быстро оценить качество работы.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

06 Nov, 09:01


Ждём фронтендеров на Yet Another Frontend Night!

📅 23 ноября мы приглашаем разработчиков интерфейсов провести вечер в офисе Яндекса на Льва Толстого.

О мероприятии:

YAFN — это митап, на котором вы можете послушать экспертов из Яндекса, узнать о вакансиях в наших командах и развлечься в кругу коллег.

Если вы не в Москве, мы всё равно вас ждём — на онлайн-трансляции.

О программе:

🔶 Выступление Руслана Муфтиева, руководителя разработки интерфейсов Ecom-сценариев

🔶 Батл — ведущие эксперты Яндекса попробуют разобраться, должен ли фронтендер понимать продукт и нужны ли ему навыки менеджера

🔶 Презентация вакансий — узнайте, к каким фронтенд-командам можно присоединиться

🔶 Code in the Dark — победитель получит Яндекс Станцию Дуо Макс, а финалисты — станции Лайт 2. А ещё будет «Доббль»!

🔶 Афтерпати и нетворкинг — под закуски, напитки и музыку

🔗 Оставить заявку на участие можно по ссылке. Дождитесь подтверждения вашего участия.

❤️ Ждём вас!

Реклама. ООО "Яндекс", ИНН 7736207543.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Nov, 20:54


📚 Онбординг без боли: 10 библиотек для создания продуктовых туров

Изучаем готовые инструменты, которые помогут пользователям освоить твое приложение за считанные минуты.

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

05 Nov, 16:12


💡 Простой способ замены элемента в массиве на JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

04 Nov, 20:02


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

04 Nov, 19:11


🤔 Переосмысление оператора == в JavaScript

Оператор == реализует так называемый Abstract Equality Comparison Algorithm, состоящий из 13 шагов процесс определения эквивалентности двух объектов.

Автор реализовал этот алгоритм на чистом JavaScript (конечно, без использования ==). Это в основном бесполезная идея, но почему бы не попробовать?

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

02 Nov, 19:34


🛠️ Лучшие практики создания всплывающих подсказок

Простое изложение различных лучших практик, включая вопросы доступности, при создании всплывающих подсказок.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Nov, 18:30


🍐 Подборка лучших статей «Библиотеки программиста» за октябрь: сохраняй в заметки, чтобы не пропустить #самыйсок

💻🔍💼 Кризис IT-рынка: как джуны и кадровый голод меняют правила игры
🛠️🎯 12 инструментов для разработки крутого фронтенда
🎨🔙🔚 Паттерн «Бэкенд для фронтенда»: преимущества, недостатки и лучшие практики для реализации
⏭️ Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера
🎨 Современные тренды CSS: эволюция функций
💧🔄 Гидратация в веб-разработке: оживляем статический HTML
🧩⚛️ React + структуры данных = суперкод: 7 примеров для практики
🎨 Как улучшить UI: 10 советов для начинающих фронтендеров
🚀 Новые возможности React 19: конец эры повторных рендерингов
🛠️ 6 убойных инструментов фронтенд-разраба в 2024 году
🕒🔄 Векторные часы: как синхронизировать две мастер-базы без потери данных
🥇 Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Nov, 17:12


🤔 Стоит ли разделить JavaScript на два языка?

Две недели назад вы могли наткнуться на интересную презентацию, представленную на TC39, в которой предлагалось разделить JavaScript на два языка: базовое ядро и полнофункциональную версию, для компиляции которой требуются инструменты.

👉 Этот материал раскрывает немного больше подробностей и привел к особенно обширному обсуждению на Hacker News.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

01 Nov, 06:06


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

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

👉Подписаться👈

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Oct, 19:34


💬🎃 Поделитесь самыми пугающими историями из своей карьеры: страшные баги, найденные в последний момент, случайные удаления данных, «бессмертные» ошибки и забавные, но пугающие инциденты.

Ждем ваших комментариев 👇

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

31 Oct, 12:20


⏭️ Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера

Next.js — мощный фреймворк для создания веб-приложений на React: он поддерживает статическую генерацию сайтов, серверный и клиентский рендеринг. Это делает его идеальным выбором для проектов, которым необходима высокая производительность, SEO-дружественность и масштабируемость.

Делимся пятью советами, которые помогут быстро разобраться в тонкостях работы с изображениями, переменными окружения, кэшированием и управлением компонентами в Next.js.

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

30 Oct, 18:23


💡 Простой способ сортировки без учета регистра в JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

29 Oct, 19:10


🤖 Transformers.js v3: запуск transformers в браузере

Перед вами JS-порт Python-библиотеки transformers от Hugging Face, которая может запускать модели машинного обучения на естественном языке, зрении и звуке прямо в браузере. v3 добавляет поддержку WebGPU для повышения производительности и теперь также поддерживает Node, Deno и Bun.

👉 Подробнее о новой версии

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Oct, 16:01


🛠️🎯 12 инструментов для разработки крутого фронтенда

🔸 Neumorphism — набирающий популярность тренд в дизайне интерфейсов.
🔸 UIverse — библиотека UI-элементов.
🔸 Ray.so создает красивые сниппеты для иллюстрации гайдов и туториалов.
🔸 Icon Maker — еще один крутой сервис от разработчиков Ray.so.
🔸 ReactToPrint позволяет рендерить в браузере печатные версии отдельных React-компонентов.
🔸 Kontra.js — JavaScript-библиотека для участия в Js13kGames.
🔸 Swapy позволяет превратить макет в интерактивный интерфейс с возможностью перетаскивания элементов.
🔸 WebJSX — библиотека для создания веб-приложений с использованием синтаксиса JSX и веб-компонентов.
🔸 Web Maker — оффлайн-песочница для экспериментов с HTML, CSS и JavaScript.
🔸 Sniper CSS — расширение Chrome для поиска и устранения неиспользуемых CSS-стилей.
🔸 Recharts — библиотека для построения графиков в React-приложениях.
🔸 Creatie — ИИ-платформа для разработки, аудита и улучшения UI/UX.

👉 Читать статью полностью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

28 Oct, 11:46


🎙 446-й выпуск подкаста «Веб-стандарты»: Юлия Миоцен и Никита Дубко про Chrome DevTools 130, прогресс на CSS, словари сжатия, CSS-пластилин и правильный blockquote.

⏱️ Таймкоды:
00:01:15 Chrome DevTools 130
00:17:56 Прогресс на CSS
00:25:44 Словари сжатия
00:41:03 CSS-пластилин
00:50:04 Blockquote правильно
01:05:35 Ответы на вопросы

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

27 Oct, 09:42


👨‍🍳 Полезные рецепты ручного создания SVG

Цель руководства — рассмотреть практические аспекты работы с простыми SVG. Когда дело доходит до рисования кривых (curves), автор рекомендует использовать инструменты вроде Illustrator или Affinity.

Основное внимание в руководстве уделено практическим примерам, которые помогут понять некоторые математические аспекты создания SVG-графики. Для более глубокого изучения спецификаций SVG можно обратиться к статье "A Practical Guide To SVG And Design Tools".

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

26 Oct, 13:36


🎨🔙🔚 Паттерн «Бэкенд для фронтенда»: преимущества, недостатки и лучшие практики для реализации

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

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

26 Oct, 09:24


🔥 После почти 18 месяцев разработки, включавшей тысячи изменений от десятков контрибьюторов, наконец-то представлен стабильный релиз Svelte 5

Svelte 5 — самый значительный релиз в истории проекта, который также остается в значительной степени обратно совместимым. Большим дополнением являются runes для явного объявления реактивного состояния, но есть и многое другое.

Официальный сайт svelte.dev также претерпел большую перестройку, чтобы выступать в качестве «всеобъемлющего» для всего, что касается Svelte.

▶️ Если вы хотите узнать, как использовать Svelte 5, Scott Tolinski из Syntax выпустил двухчасовой курс по основам Svelte 5 на YouTube.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

25 Oct, 19:09


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

В большинстве случаев кнопка отправки находится внутри тега <form>, но иногда, из-за особенностей макета или других причин, её можно разместить снаружи. Просто используйте атрибуты form и id.

#html #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

24 Oct, 20:57


🎭 Мощь CSS-масок

Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов.

А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать бояться!

Под катом — обзор основных теоретических идей свойства и примеры использования на основании опыта разработки Taiga UI.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Oct, 20:41


🎨 Современные тренды CSS: эволюция функций

Рабочая группа CSS выпустила новый модуль Values and Units Level 5: меньше кода, больше возможностей — звучит как мечта? Давайте вместе разберемся, как эти новшества изменят нашу работу и сделают веб красивее.

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Oct, 16:30


🔥 Руководство по Convex: серия статей для веб-разработчика

Convex — новое открытое и бесплатное решение BaaS (Backend as a Service — бэкенд как услуга), которое выглядит очень многообещающе и быстро набирает популярность среди разработчиков.

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

Запросы — это сердце бэкенда. Они запрашивают данные из БД, проверяют аутентификацию или выполняют другую бизнес-логику, возвращая данные клиенту. Определяются они в TypeScript/JavaScript-файлах в директории convex.

Об этом и многом другом читайте в первой части серии статей, которая доступна в переводе от Игоря Агапова из Timeweb Cloud👇

🔗 Часть 1. Функции и база данных Convex

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

23 Oct, 09:03


⚡️Разыгрываем флагманский смартфон

«Библиотека программиста» разыгрывает один из трех смартфонов на выбор:
🔹Samsung Galaxy S24 Ultra на 1 ТБ
🔹Xiaomi 14 Ultra на 512 ГБ
🔹iPhone 16 Pro Max на 512 ГБ

🔥 А еще 99 участников розыгрыша получат скидку 50% на наш курс Базовые модели ML и приложения!
Промокод будет действителен до 20 ноября.

Условия просты:
→ подписаться на Библиотека нейротекста
→ подписаться на Библиотека нейрозвука
→ подписаться на Библиотека нейрокартинок
→ нажать на кнопку «Участвовать» под этим постом

Итоги появятся 30 октября в 20:00 по московскому времени в нашем канале Библиотека программиста. Затем мы свяжемся с победителем, который сам выберет смартфон. Тем, кто получит промокод, мы вышлем его в течение недели после окончания розыгрыша.

⚠️ Убедитесь, что вам можно написать в личные сообщения или следите за результатами — если мы не сможем с вами связаться, то не сможем и отправить приз. Доставить мы можем только в города России и Беларуси.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Oct, 19:37


💬 А вы отдыхаете на выходных?

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

👍 — да, только этим и занимаюсь
🤔 — нет, доделываю «хвосты» по работе
💯 — не работаю, но занимаюсь пет-проектами
🤩 — свой вариант (напишу в комментариях)

#интерактив

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Oct, 17:23


🎙 445-й выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Юлия Миоцен, Андрей Мелихов про State of CSS, флексы на лице, Chrome 130, Node.js 22/23, JS0 и JSSugar, гиперреализм.

⏱️ Таймкоды:
00:01:08 Результаты State of CSS
00:25:17 Флексы на лице
00:27:40 Chrome 130
00:41:37 Node.js 22/23
01:00:31 JS0 и JSSugar
01:26:03 Гиперреализм

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

22 Oct, 06:00


Вакансии «Библиотеки программиста» — ждем вас в команде!

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

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

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

Ждем ваших откликов 👾

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Oct, 20:03


🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

21 Oct, 19:28


💧🔄 Гидратация в веб-разработке: оживляем статический HTML

Готов узнать, как превратить статический HTML в динамичное приложение одним щелчком JavaScript? Сегодня мы нырнем в мир гидратации — процесса, который делает твои веб-страницы живыми и интерактивными.

👉 Читать статью
👉 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

20 Oct, 18:06


🔍 Как создать приложение для поиска изображений с помощью CLIP, Postgres и JavaScript

Руководство, которое объединяет множество идей в одном месте. CLIP используется для преобразования изображений в текстовые описания.

Postgres используется в качестве векторной базы данных. JavaScript обеспечивает связующее звено как для фронтенда (с React), так и для бэкенда (Node.js).

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

19 Oct, 09:10


🔥 История веб-фреймворка Hono от его создателя

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

Вы можете создать простое приложение, напоминающее Express.js, но запустить его на Cloudflare Workers, Deno, Bun или Node. Он активно используется и имеет много интересных фич, включая возможности писать HTML с помощью JSX.

👉 Читать

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

18 Oct, 20:45


🧩⚛️ React + структуры данных = суперкод: 7 примеров для практики

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

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

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 Oct, 20:10


🤯 Ситуация:

Вам поступает задача, вы на глаз оцениваете ее в две недели и получаете одобрение по срокам. Сначала все идет хорошо, пилите проект и ничто не предвещает беды.

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

А когда приходит время сдачи работы, выясняется, что большинство работы сделано неправильно.

💬 Как думаете, как стоило поступить исполнителю?

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

17 Oct, 06:01


🛠️ Number Flow — React-компонент для перевода, форматирования и локализации чисел.

Создан на основе Intl.NumberFormat и веб-анимации. Независимый. Доступный. Настраиваемый.

👉 GitHub

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Oct, 19:42


🦖 Анонс Deno 2: грандиозный релиз для рантайма

Обратная совместимость с Node — главная особенность, но есть и многое другое. Однако лучшим является эпическое видео «Анонс Deno 2» ⏯️

После слегка напыщенного вступления Ryan Dahl представляет фантастический тур в стиле keynote по всему, что может предложить Deno.

💡 Кстати, интересной новой фичей является поддержка Deno Jupyter Notebook, о которой можно подробно узнать здесь.

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

16 Oct, 06:03


Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

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

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

15 Oct, 20:33


💬 Пусть Т9 продолжит эту фразу за вас:

Как же меня бесит в программировании...

#интерактив

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14 Oct, 20:32


💡 В Chrome Dev Tools мы можем сохранить любой элемент или объект в качестве глобальной переменной, что может быть очень удобно при отладке или быстром анализе данных

#devtools #tip by Shripal Soni

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 Oct, 13:00


💪 Откройте для себя весь потенциал AbortController

Вышел перевод гайда об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController.

Читать 👉 https://t.me/frontendproglib/5528

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

13 Oct, 09:03


🎙 443-й выпуск подкаста «Веб-стандарты»: Вадим Макеев, Полина Гуртовая, Алексей Назаренко, Алексей Симоненко про Safari TP, Firefox 131, CrUX History API и про вечный спор веб-компонентов и фреймворков.

⏱️ Таймкоды:
00:02:40 Safari TP
00:12:58 Firefox 131
00:29:19 CrUX History API
00:34:06 Веб-компоненты и фреймворки
01:06:14 Что такое веб-компоненты
01:21:19 Веб-компоненты в рантайме
01:32:30 Зачем нужны веб-компоненты

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

#подкасты #новости

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Oct, 23:11


🔥 TC39 продвигает более 10 предложений по ECMAScript

Архитекторы, стоящие за разработкой спецификации ECMAScript/JavaScript, снова собрались вместе на этой неделе, и у них был насыщенная повестка дня. Import attributes, Iterator helpers, Promise.try и Regexp modifiers перешли на этап 4, и не только.

👉 Подробнее

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

12 Oct, 19:25


🎨 Как улучшить UI: 10 советов для начинающих фронтендеров

Советы о создании идеального UI/UX читайте в нашей статье

Изучите основы Frontend'а вместе с нашим курсом:
🔵 Frontend Basic: принцип работы современного веба

👉 Ссылка на статью

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

11 Oct, 20:31


🚀 Новые возможности React 19: конец эры повторных рендерингов

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

🔗 Читать статью
🔗 Зеркало

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

10 Oct, 20:25


🤯 Что вам помогает работать, когда устаете? Когда в отпуск ну вообще никак, а сил уже нет.

💬 Может быть, чтение отвлеченной литературы, спорт, дневной сон, прогулки, встречи с друзьями, что-то ещё?

#интерактив