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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤩 Сетевая визуализация 50-ти тысяч блогов и их связей

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

🔎 graph.henryn.ca
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Tailwind 🆚 Семантический CSS

Исследование, в котором сравниваются два сайта со схожим дизайном: коммерческий шаблон Spotlight от разработчиков Tailwind и тот же сайт с семантическим CSS.

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

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
✉️ Как завалить собеседование, даже не начав его: 8 ошибок в сопроводительных письмах

Откликаетесь, но сразу получаете отказы? Не торопитесь с выводами — возможно, все дело в вашем сопроводительном письме.

👉Сопроводительное — это первое впечатление, которое мы производим на эйчара, а первое впечатление, как известно, очень важно.

Собрали для вас несколько распространенных ошибок по составлению такого письма — а в статье по ссылке можно найти остальные ошибки и пример идеального сопроводительного.

Кстати, вакансии можно поискать в наших профильных каналах:
🤮Data Science, анализ данных, аналитика
🤮Python
🤮Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
423. State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Юлия Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко про State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari 17.5, React и Remix, ну и про дизайн.

00:01:08 State of HTML 2023
00:35:18 Chrome 125
00:41:34 Chrome DevTools
00:53:20 Firefox 126
01:06:55 Safari 17.5
01:13:50 React и Remix
01:26:47 Про дизайн

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты #новости
🗺️ Дорожная карта по проектированию API

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

👉 Скачать оригинал (PDF-файл в комментариях)
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

👍 — создаю 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.

👉 Читать