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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🏎 Speedometer 3.0: лучший способ измерения производительности браузера

Speedometer существует с 2014 года, но новая версия является первой, в которой реализован полный совместный подход с участием всех основных браузерных движков (Blink, Gecko, WebKit). Вы можете провести тест самостоятельно здесь.

👉 Подробнее
🔟 10 суровых истин, которые должен знать каждый джун

Вы думаете, что карьера в ИТ — это сплошные плюшки? Забудьте! Реальность жестока: низкие зарплаты на старте, бесконечные задачи и битва за релокацию. Откройте глаза на суровые реалии прямо сейчас!

👉 Читать статью
👉 Зеркало
💬 Как вы считаете, насколько хорошо фронтенд-разработчик должен ориентировать в основах веб-безопасности?

👨‍🏫 Если вы новичок, вам будет сложно понять, с чего начать путь в этой теме. Бесплатная академия веб-безопасности от PortSwigger — ресурс, который поможет исправить эту проблему.

📌 Отрабатывайте доступные темы (начать можно с client-side) и выполняйте лабораторные работы по ходу дела, но не бойтесь переходить к следующей теме, если застряли. К старой лабе можно вернуться, когда придет понимание вопроса 😉
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💬 Open Source по-русски: путь к технологической независимости или обочина прогресса?

Для одних организаций open source является ключом к преодолению зависимости от иностранных вендоров и драйвером инноваций, для других — дырой в безопасности и обочиной технологического прогресса.

Мы хотим изучить текущее состояние и возможности открытого ПО в России. Пройдите опрос и помогите нам увидеть ситуацию глазами IT-профессионалов.

👉 Ссылка на опрос 👈

Прохождение займёт примерно 4 минуты
🎨 Создание цветовых палитр с помощью функции CSS color-mix(): гайд для фронтенд-разработчика

🤔 Как мы можем гарантировать, что выбранные нами цвета вписываются в дизайн-систему нашего проекта?

📌 С использованием возможностей относительно новой функции CSS под названием color-mix().

Michelle Barker представила отличное введение для новичков, из которого вы научитесь создавать цветовые палитры и использовать color-mix() в сочетании с кастомными свойствами для использования в проектах и ​​дизайн-системах.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Каким вы видите для себя идеальный собес?

Пример недушного собеса по мотивам статьи опытного интервьюера Олега Плотникова:

1️⃣ Вопрос про предыдущий опыт: в двух словах описать самый интересный (сложный) проект.

В чем суть проекта? Размер команды? Роль? Основной вклад? Срок проекта? И т. д.

2️⃣ Типовая задача, с которой реально придется сталкиваться, но решаемая за 5-15 минут + несколько вопрос в глубину про понимание инструмента (языка, фреймворка).

📌 Три основных аспекта, по которым оценивается кандидат:

🔸 Харды и наличие релевантного опыта.
🔸 Коммуникация (софт скиллы). Умение общаться, быстро и структурировано объяснить суть вопроса.
🔸 Проактивность в обучении и страсть к делу.

📌 За каждый навык дается до трех баллов. Есть хоть один ноль — сразу до свидания.

🔸 0 — все плохо
🔸 1 — с пивом покатит
🔸 2 — хорошо
🔸 3 — прекрасно

💬 Что думаете?

#холивар
🆕 Эйджизм в IT: как возраст влияет на трудоустройство

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

🔗Подробнее
414. Speedometer 3.0, SVG, AI уходи, writingsuggestions, альты,…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Андрей Мелихов, Никита Дубко про Speedometer 3.0, SVG, AI уходи, writingsuggestions, альты, TS 5.4, Node.js, стриминг HTML.

00:01:31 Safari 17.4
00:33:22 Safari TP
00:42:13 Стейджи в WHATWG
00:49:38 Бесконечность в CSS
00:58:23 Нильсен, AI и доступность
01:11:22 Deno JSR
01:24:47 Ответы на вопросы

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

#подкасты
This media is not supported in your browser
VIEW IN TELEGRAM
💡CSS свойство shape-outside в действии: на заметку фронтенд-разработчику


.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}


#css #tip by jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
Frontend Mentor — помощник начинающего веб-разработчика

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

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

🔗 Ссылка на сервис
Разраб предложил создать HTTP-статус имени Олега Тинькова (признан иноагентом Министерством юстиции РФ) под названием 267 Doubtful But Okay, который означает, что запрос имеет сомнительную семантику, но он принят и обработан. Код статуса 267 выбран по году рождения Олега (1967 год).

💬 Как вам идея?

🤔 — сомнительно, но окэй
👍 — давно пора

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

⚡️ Как выглядит доход среднего айтишника и какие факторы окажут влияние на динамику ИТ-зарплат в 2024 году — расскажем в статье на VC.

👉 Читать

P. S. Свои предложения для исследований пишите в комменты👇
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰 Remult — библиотека, предназначенная для упрощения разработки полноценных CRUD-приложений, обеспечивая единство источников данных (SSOT) для сущностей TypeScript.

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

📺 Смотрите демо, где автор за ~15 минут пишет и деплоит CRUD для ToDo с базой данных и живыми обновлениями по WebSocket.

👉 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
👌Совместимость рантаймов JavaScript

Несколько разрабов объединились, чтобы создать удобный способ визуализации совместимости различных веб-API и фич JavaScript в постоянно растущем числе различных рантаймов (Bun, Deno, Node, LLRT и другие).

📌 Сохраняйте в заметки
Please open Telegram to view this post
VIEW IN TELEGRAM
💸👨‍💻 Тебе повезло, ты богатый айтишник

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

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

👉 Читать статью
👉 Зеркало
💡 Упрощение группировки данных в JavaScript с помощью Object.groupBy() или Map.groupBy(): на заметку фронтендеру

#javascript #tip by Shripal Soni
⚡️Proglib запускает канал про ИИ-помощников

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

⭐️ChatGPT
⭐️Gemini
⭐️Claude
⭐️Bing
И другие!

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM