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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
💬 А как в вашем проекте накатываются изменения в основную ветку?

👍 — создаю pull request и жду его одобрения перед мержем
🔥 — мержу изменения напрямую в основную ветку
❤️ — прохожу через код-ревью перед мержем
🤔 — использую автоматическую систему CI/CD для мержа после прохождения всех тестов
👾 — свой вариант (напишу в комментариях)

#холивар
This media is not supported in your browser
VIEW IN TELEGRAM
🕹️ Athena Crisis: высококачественная игра на базе React

Это коммерческая пошаговая ретро-стратегия, доступная в магазине Steam, но теперь с опенсорсным движком и инструментами. Примечательно, что игру издает Null, инди-разработчик игр, основанный кофаундером GitHub Chris Wanstrath.

👉 Подробнее
⚡️Proglib запускает канал про ИИ для генерации звука

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

⭐️генерация голоса и музыки
⭐️замена и перевод речи
⭐️распознавание звуков

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Семантический способ выделить часть текста с помощью HTML-элемента <mark>: на заметку фронтенд-разработчику

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

#html #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🤤 Хотите, чтобы у вас олдскулы свело? Тогда залетайте на Windows 98 прямо в вашем браузере (98.js.org) — там вас ждет и Winamp, и Pinball, и многое другое.

💬 Только напишите потом на что залипли👇
Please open Telegram to view this post
VIEW IN TELEGRAM
❤️ Активация с первого взгляда: как влюбить пользователя в продукт

Хотите научиться превращать случайных посетителей в преданных фанатов? Рассказываем, как повысить активацию пользователей, отличить ее от aha-момента и использовать эти знания для кратного роста количества активных пользователей.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Представлен Angular v18

В прошлом году фреймворк получил широкое публичное возрождение благодаря Angular 17 и его новой домашней странице.

Дела продолжают развиваться: перевод многих API в стабильную версию, экспериментальная поддержка zoneless change detection и новая встроенная стабильная модель управления потоком (control flow).

👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Руководство по анализу производительности JavaScript с использованием Chrome DevTools

Автор и его коллега исследовали производительность библиотеки fabric.js. Они смогли значительно улучшить производительность с 13 FPS до почти 50 FPS всего за два часа, используя вкладку Performance в Chrome DevTools для измерения и оптимизации времени выполнения JavaScript. Под катом — своего рода дополнение к руководству Analyze runtime performance от Google.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
📊 Результаты опроса о состоянии HTML в 2023 году опубликованы, и вам стоит хотя бы бегло с ними ознакомиться

🌟 Три любопытных момента

1️⃣ Только 50% участников знали о srcset и sizes. Эти два атрибута необходимы для загрузки изображений правильного размера. Если вы не используете их сегодня, вам следует начать, потому что они сделают ваши сайты легче и быстрее
2️⃣ Элемент search поддерживается во всех браузерах, но люди о нём не знают
3️⃣ Ещё меньше людей знают об атрибуте inert. Однако он очень полезен!

👉 Ознакомиться с результатами
Please open Telegram to view this post
VIEW IN TELEGRAM
📦 Пакетируем легко и просто с помощью Lerna

Иван Кузнецов, Head of Frontend в Uzum Market, рассказывает о сложностях, с которыми его команда столкнулась на пути к реализации микрофронтендовой архитектуры, и делится результатами, которые удалось получить в процессе пикетирования решений с помощью Lerna.

👉 Читать
🌐 Scrapy VS Crawlee: сравнение фреймворков для веб-скрапинга

Scrapy и Crawlee — фреймворки для скрапинга. Первый — заслуженный ветеран, второй появился относительно недавно. В новой статье разбираемся, какой из инструментов лучше подойдёт для вашего проекта.

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

Этот материал взят из нашей субботней email-рассылки, посвященной Python. Подпишитесь, чтобы быть в числе первых, кто получит дайджест👈
424. Бета Chrome 126, Google A/I, Web Platform Dashboard, новинки…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Полина Гуртовая про бету Chrome 126, Google A/I, Web Platform Dashboard, новинки фреймворков и SolidStart.

00:01:23 Бета Chrome 126
00:13:27 Google A/I
00:45:00 Web Platform Dashboard
00:59:35 Новинки фреймворков
01:08:43 SolidStart
01:18:11 Ответы на вопросы

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

#подкасты #новости
💬 Разрабы, какую музыку вы предпочитаете слушать во время работы?

👍 — энергичная и мотивирующая музыка (рок, поп, электронная)
🔥 — спокойная и расслабляющая музыка (классическая, джаз, саундтреки)
❤️ — предпочитаю работать в тишине

#холивар
💸📊 На сколько просели зарплаты в ИТ в 2024 году?

Благодаря открытым данным с сайта Хабр Карьера мы узнали, какие основные тенденции ждать в зарплатном секторе, и сколько получают ИТ-специалисты сейчас.

🤔 Например, в первом полугодии 2023 года в среднем джунам предлагали 80 тысяч рублей, а спустя год это число упало до 72,5 тысячи рублей.

👉 Остальные данные — в статье
👉 Зеркало
💪 Декомпозиция — ваша суперсила

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

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

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

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

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🐳✈️ Docker ушёл из РФ! Инструкция по восстановлению доступа к Docker Hub для пользователей из России

Docker заблокировал доступ к своему главному репозиторию Docker Hub для пользователей из России. Однако есть способы обойти это ограничение и продолжить работу. В этом посте мы расскажем, как настроить альтернативные репозитории и зеркала.

🔗 Читать статью
🔗 Зеркало
👩‍💻 Рисуем на CSS: серия мастер-классов от Наташи Давыдовой

Вы узнаете, как с помощью продвинутого CSS можно делать забавные иллюстрации и как работают CSS-переменные, градиенты, трансформы:

🎃 Тыква
🐭 Мышь
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM