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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Вам нравится читать контент на этом канале?

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

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его
📝 Промпт для интеграции сторонних сервисов в проекты на JavaScript

Интеграция сторонних сервисов в JS-проекты — частая практика. Используйте этот промпт для ChatGPT или Claude, чтобы ускорить процесс:

Explain the process of integrating third-party services and APIs into a custom JavaScript solution for {topic}, focusing on interoperability and seamless workflows


➡️Пример:

Building a D3.js-based data visualization tool that simplifies creating dynamic charts and graphs. The tool is designed for web designers, allowing them to effortlessly incorporate captivating visuals into projects.


⚡️Какие промпты вы обычно используйте для таких случаев? Делитесь в комментариях👇

🐸 Библиотека фронтендера #буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Как фронтенд-разработчику сделать х2 к зарплате?

Вот классическая история:

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

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

"А вдруг я не потяну?"
"Что, если конкуренция слишком высокая?"
"Если меня не возьмут, даже тут долго не удержусь..."

Тем временем:
💸 Инфляция съедает зарплату
📉 Коллеги растут быстрее
😞 Мотивация учить новое падает
⚠️ Навыки устаревают, страх увольнения растёт

Что делать?

Мы тут нашли отличного эксперта, который прошел этот путь и знает, как удвоить доход без лишнего стресса. Дэн Щербаков когда-то задался теми же вопросами, а теперь увеличил зарплату в 7 раз. На своем канале он разбирает конкретные шаги, которые работают.

Рекомендуем подписаться на @code_lab и внедрять проверенные стратегии.
🏃‍♀️ 40+ каналов, которые должен читать каждый разработчик

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

IT Job Hub | Работа и вакансии в IT — избранные IT-вакансии

Библиотека программиста — новости из мира IT и технологий

Книги для программистов — самые годные книги по любым языкам и стекам

IT-мемы — мемы про жизу айтишника

Proglib Academy — обучение и курсы, чтобы стать топовым специалистом

Азбука айтишника — азы из мира разработки

Библиотека нейросетей — лайфхаки и промпты для разных задач, баттлы нейронок и новости из мира ИИ

Библиотека фронтендера — все о JS, React, Angular и не только

Библиотека мобильного разработчика — лайфхаки и новости из мира Swift и Kotlin

Библиотека хакера — уязвимости, атаки, бэкдоры и как от них защититься

Библиотека тестировщика — самое интересное о том, как крашить код

🦫 Go
Библиотека Go-разработчика
Библиотека задач по Go
Библиотека Go для собеса
Вакансии по Go

#️⃣ C#
Библиотека шарписта
Библиотека задач по C#
Библиотека собеса по C#
Вакансии по C#

🔧 DevOps
Библиотека devops’а
Библиотека задач по DevOps
Библиотека собеса по DevOps
Вакансии по DevOps & SRE

🐘 PHP
Библиотека пхпшника
Библиотека задач по PHP
Библиотека PHP для собеса
Вакансии по PHP, Symfony, Laravel

🐍 Python
Библиотека питониста
Библиотека Python для собеса
Библиотека задач по Python
Вакансии по питону, Django, Flask

☕️ Java
Библиотека джависта
Библиотека задач по Java
Библиотека Java для собеса
Вакансии по Java

📊 Data Science
Библиотека дата-сайентиста
Библиотека задач по Data Science
Библиотека Data Science для собеса
Вакансии по Data Science

🎮 C++
Библиотека C/C++ разработчика
Библиотека задач по C++
Библиотека C++ для собеса
Вакансии по C++

Подписывайтесь на интересные вам каналы и сохраняйте пост в закладки, чтобы не потерять 🔑
Please open Telegram to view this post
VIEW IN TELEGRAM
🤦‍♂️ Фронтендеры, мы или не мы?

🐸 Библиотека фронтендера #развлекалово
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Дайджест новостей за неделю: ключевые обновления во фронтенд-разработке с упором на JavaScript

💚 Анонсирован новый выпуск TypeScript. Версия 5.8 ориентирована на Node. Теперь вы можете использовать require() для ES-модулей в режиме nodenext, работать с новым модулем node18, который ориентирован на разработчиков, поддерживающих Node.js 18, применять новую опцию --erasableSyntaxOnly, исключающую любые TypeScript-специфичные конструкции на этапе исполнения.

💚 Команда Svelte делится последними обновлениями за месяц.

💚 Люди, стоящие за исследованием State of JS, проводят State of Web Dev AI, новое исследование, посвящённое использованию ИИ в современной веб-разработке.

💚 TanStack Form v1.0: headless, типобезопасное управление состоянием форм.

💚 Electron 35.0: теперь можно подключать preload-скрипты к Service Workers. Зависимости также обновлены до Chromium 134 и Node 22.14.

💚 Angular 19.2: представлены новые API и экспериментальные фичи, расширяющие возможности разработчиков.

💚 Мартовский выпуск React Aria: фантастический набор компонентов React от Adobe.

💚 zx 8.4: инструмент Google для улучшения скриптов Node.

💚 PDFSlick 2.2: полнофункциональный просмотрщик PDF-файлов в приложениях React, SolidJS, Svelte и JavaScript.

💚 Cropper.js 2.0: управление обрезкой изображений с помощью JavaScript.

💚 Perspective 3.4: компонент визуализации и аналитики потоковых данных.

💚 Happy DOM 17.4.3: кроссплатформенная реализация JS для веб-браузера без UI.

💚 EasyMDE 2.20: простой редактор Markdown.

💚 LogTape 0.9: простая библиотека логирования для всех основных рантаймов JS.

💚 eslint-plugin-vue v10.0.0, Readability.js 0.6, NodeBB 4.1.

🐸 Библиотека фронтендера #свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🧙 Робин Лорд создал интерактивную браузерную игру для изучения HTML и CSS

Каждый уровень будет сложнее предыдущего, но не волнуйтесь — вы найдёте подсказки и советы, которые помогут вам научиться новому и запомнить то, что вы уже узнали.

👉 Играть

🐸 Библиотека фронтендера #свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
😧 58% IT-специалистов страдают: психология успеха и борьба с синдромом самозванца

Синдром самозванца — не просто модный термин, а реальная проблема, с которой сталкиваются даже опытные разработчики. Почему так происходит и как с этим бороться? Разбираемся в причинах «стандартной болезни айтишников»

➡️ Читайте в статье

Спойлер: дело не в навыках, а в психологии успеха

🐸Библиотека шарписта
Please open Telegram to view this post
VIEW IN TELEGRAM
🌐 Упрощенный синтаксис написания CSS range поддерживается во всех современных браузерах с марта 2023 года.

Вместо
@media screen and (max-width: 359px) { }
@media screen and (min-width: 360px) { }
@media screen and (min-width: 1100px) and (max-width: 1320px) { }


используем:
@media screen and (width < 360px) { }
@media screen and (width >= 360px) { }
@media screen and (1100px <= width <= 1320px) { }


🐸 Библиотека фронтендера #буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👨🏻‍💻🗺️ Фронтенд-сходка «Я люблю Фронтенд», которую ждали — как Яндекс собрал всех крутых кодеров в одном месте

На конференции разработчики тестировали Yandex Code Assistant, обсуждали TypeScript и React, а также сражались в турнире Code in the Dark.

🔗 Читать статью
🔗 Зеркало
✏️☑️ Пиши на JavaScript правильно: лучшие практики разработки в 2025 году

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

➡️ Читать статью
➡️ Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
🎧 465-й выпуск подкаста «Веб-стандарты»

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

⏱️ Таймкоды:

00:01:46 Firefox 136
00:28:48 Chrome 134
00:45:29 Chrome DevTools
00:58:12 HTTP 3 и QUIC в Node.js
01:13:04 Стилизация форм
01:31:55 Ненужные стили для h1
01:37:06 Ответы на вопросы

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

🐸 Библиотека фронтендера #буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 10 лучших библиотек для разработки React-приложений в 2025 году

Представляем подборку библиотек, необходимых для создания современных приложений на React. Независимо от того, работаете ли вы над панелями управления, таймлайнами, функциями перетаскивания или управлением API, они сэкономят ваше время и усилия.

➡️ Читать статью
➡️ Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
🔝 Как расти во фронтенде

Чтобы стать джуном, достаточно знать основы HTML и CSS, синтаксис и конструкции JavaScript, понимать устройство DOM, освоить один из популярных фреймворков и базовые команды Git, а также разобраться с инструментами отладки кода в браузере.

💬 А как происходит дальнейший рост? Поделитесь в комментариях своим опытом👇

🐸 Библиотека фронтендера #междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Дайджест новостей за неделю: свежие анонсы и ключевые обновления во фронтенд-разработке с упором на JavaScript

❣️ Компилятор TypeScript станет в 10 раз быстрее. Команда TypeScript в Microsoft планирует портировать текущую кодовую базу на Go и к середине 2025 года представить нативную реализацию tsc с возможностью проверки типов в командной строке, а к концу года — полноценное решение для сборки проектов.

❣️ Refractor 5.0: надежное виртуальное выделение синтаксиса с помощью Prism — использует мощный синтаксический анализатор Prism для вывода объектов вместо строки HTML, чтобы вы могли манипулировать и отображать их по своему усмотрению (например, в VDOM или в терминале). Lowlight, от того же автора, предлагает ту же функциональность, но основан на highlight.js.

❣️ Node.js v20.19.0 (LTS) — примечательный выпуск для ветки поддержки Node, т. к. было сделано исключение из политики поддержки для обратной совместимости require(esm). Теперь она включена по умолчанию.

❣️ Последняя версия Chrome (и предварительные версии Firefox и Safari) поддерживает два новых HTML-атрибута, command и commandfor, для добавления декларативных действий к HTML-кнопкам без непосредственного использования JavaScript.

❣️ Nuxt 3.16 — популярный метафреймворк Vue. Теперь с новым инструментом create-nuxt для запуска проектов.

❣️ Bun 1.2.5 — теперь с гораздо лучшей совместимостью с Node-API, генерацией и проверкой CSRF, а также многочисленными улучшениями и исправлениями.

❣️ Melange 5 — компилятор OCaml в JavaScript.

❣️ Gleam 1.9 — типобезопасный язык функционального программирования, ориентированный как на виртуальную машину Erlang, так и на рантайм JavaScript.

❣️ <css-doodle> 0.42 — веб-компонент для рисования узоров с помощью CSS.

❣️ Faker 9.6 — создавайте вымышленные данные в любых количествах.

❣️ Choices 11.1 — настраиваемый плагин для выбора/ввода текста.

❣️ Spacetime 7.8 — облегченная библиотека часовых поясов.

❣️ Ink 5.2 — используйте React для создания CLI-приложений.

❣️ Astro 5.5, Transformers.js 3.4, Capacitor 7.1, Nuxt UI 3.

🐸 Библиотека фронтендера #свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Оптимизация ленивой загрузки видео с автозапуском

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

🔗 Источник

🐸 Библиотека фронтендера #буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Selectel выпустил бесплатный базовый курс по JavaScript

В Академии Selectel появился бесплатный курс для желающих освоить JS: «Основы JavaScript: от переменных до функций». Все обучающие материалы доступны бесплатно, регистрироваться и оставлять свои данные не нужно. На изучение курса уйдет около полутора часов.

➡️ С чего начать изучение:

🟡 Как использовать типы данных в JavaScript? Переменные, ввод и вывод информации

🟡 Функции в JavaScript: учимся писать структурированные программы

🟡 Как создавать HTML-элементы в JavaScript

🐸 Библиотека фронтендера #свежак
Please open Telegram to view this post
VIEW IN TELEGRAM