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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤔 Каким вы видите для себя идеальный собес?

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

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
🧰 MistCSS — инструмент для создания React-компонентов на CSS.

CSS-in-JS уже не новость... что насчет JS-from-CSS? Этот новый подход предлагает способ компиляции компонентов, написанных исключительно на CSS, в TypeScript для использования с React.

Еще рано говорить о полной готовности, но идея, по крайней мере, интригующая.

🙇‍♂️ Простой пример
👩‍💻 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
7 ways to hide element using CSS.png
2 MB
💡7 способов скрыть элемент с помощью CSS: на заметку фронтенд-разработчику

#css #tip by Shripal Soni
🧘‍♂️ Work-life balance — это баланс между работой и личной жизнью. Соблюдать его — значит придерживаться образа жизни, при котором каждая сфера деятельности находится в гармонии с остальными и не наносит им ущерба.

💡 Другими словами, work-life balance позволяет успешно совмещать работу, отдых, семью, хобби, здоровье и другие важные аспекты нашей жизни.

💬 А вам удается его соблюдать?

👍 — да, только на этом и держусь
🤔 — нет, обычно работа в приоритете
🥱 — вы о чем вообще?
💯 — свой вариант (напишу в комментариях)
415. Firefox 124, Chrome 123, JSPI в WASM, Config и Hackfest, Popover…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Андрей Мелихов, Юля Миоцен, Никита Дубко про Firefox 124 и Chrome 123, JSPI в WASM, Config и Web Engines Hackfest, доступность Popover, JS-рантаймы и надёжные автогриды.

00:02:09 Firefox 124
00:13:06 Chrome 123
00:40:13 Chrome DevTools
00:49:20 JSPI в WASM
00:53:11 Config и Hackfest
00:55:26 Доступность Popover
01:10:55 Все JS-рантаймы
01:24:40 Где открывать ссылки
01:40:22 Надёжные автогриды
01:50:33 Ответы на вопросы

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

#подкасты
⚡️ Итоги достижений в Node.js за 2023 год: верхнеуровневый обзор новостей для фронтендеров, которые не следит за развитием проекта в реальном времени.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Простой кейс создания закругленных углов в CSS

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
📉 Оптимизация JavaScript: гайд для фронтенд-разработчика

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

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

🔗 Читать