Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K 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
加入频道
💡 Простой способ упрощения CSS селекторов с использованием :where(): на заметку фронтенд-разработчику

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Опубликованы все части руководства по Next.js 👉 https://yangx.top/frontendproglib/5100

Для эффективного изучения вы должны знать JavaScript и React, а также хотя бы поверхностно должны быть знакомы с Node.js.
Please open Telegram to view this post
VIEW IN TELEGRAM
😉 55 промтов для ChatGPT, которые помогут подготовиться к собеседованию

Вы когда-нибудь задумывались, как можно использовать искусственный интеллект для того, чтобы подготовиться к техническим собеседованиям лучше, быстрее и эффективнее? Мы вот — да! И поэтому подготовили 55 промтов, которые помогут сделать это.

В статье собраны шаблоны запросов, которые желательно «докрутить» под себя.

🔗 Читать статью
🔗 Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Размер макетов: подробное руководство по CSS fr Unit

fr (fractional unit) представляет собой гибкий способ распределения пространства внутри контейнера. По мере изменения размера контейнера изменяются и дроби, сохраняя пропорции макета.

Они полезны для создания гибкого дизайна на основе grid без необходимости указания фиксированной ширины в пикселях.

Читайте подробнее об основных юзкейсах, преимуществах использования и подводных камнях, с которыми вы можете столкнуться при работе с CSS fr Units.
🔥 HTML Attributes vs DOM Properties

Атрибуты и свойства — это принципиально разные вещи. Вы можете задать для атрибута и свойства с одним и тем же именем разные значения.

Кажется, что всё меньше и меньше разработчиков знают об этом, отчасти благодаря фреймворкам. Но если вам нужно покопаться в DOM на более низком уровне, это полезно знать👇

👉 Читать
👁️💼 Открытые и скрытые вакансии в IT: как найти работу мечты

Существует целый пласт скрытых вакансий, о которых знает ограниченный круг лиц. Как найти эти вакансии и не упустить свой шанс? Читайте в нашей статье.

🔗 Читать статью
🔗 Зеркало
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Псевдокласс :focus-visible вместо :focus в CSS применяется только тогда, когда фокусировка элемента происходит способами, видимыми для пользователя, например, через клавиатурный ввод.

Это помогает избегать ненужного выделения элементов при навигации с помощью мыши, что делает интерфейс менее загроможденным и более чистым.

#css #tip #ux by Shripal Soni
🙇‍♂️ Как устроена асинхронность в JavaScript: гайд для фронтенд-разработчика

☑️ Что такое Event loop и очередь событий?
☑️ При чём здесь Web API?
☑️ Как работают промисы и async/await?

👉 Читать
👩‍💻👩‍💻 Контекст в Vue/Nuxt: осознать, не терять и беречь

Данила Родичкин, Frontend Team Lead в Азбуке Вкуса, делится опытом и знаниями, полученными при миграции на Nuxt CAPI и Nuxt 3.

📌 Резюме для ленивых:

Много нужного для Nuxt и других библиотек хранится в getCurrentInstance — там же хранится компонент
То, что нужно для очищения реактивности, хранится в getCurrentScope
instance и scope теряются после первого await в defineComponent
В script setup Vue их восстанавливает, но безвозвратно теряет после await в любой внешней функции
getCurrentInstance нельзя восстановить, scope — можно через .run
Нужное Nuxt на клиенте не теряется никогда
Нужное Nuxt на SSR можно восстановить через app.runWithContext
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 Кстати, каким клиентом Git пользуетесь?

👍 — консольным
❤️ — встроенным в редактор/IDE
🔥 — сторонним графическим
🤔 — свой вариант (напишу в комментариях)

#холивар #айтисловарь
⚒️ Module Federation 2.0 — реализация паттерна для разработки микрофронтендов и больших веб-приложений, которая выросла из Webpack и стала независимой от инструментов сборки.

📦 Сайт & GitHub
🔥👩‍💻 Awesome React — поддерживаемый список ресурсов, относящихся к экосистеме React.

Начав свою историю как коллекция из нескольких сотен пунктов, с тех пор её сократили до менее чем 200 за счет удаления всех устаревших проектов и сосредоточения внимания на самом главном.

🤩📌 Awesome React Components — еще одна отличная коллекция для добавления в закладки.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 TypeHero — онлайн-платформа для общения, взаимодействия и развивития вместе с сообществом разработчиков TypeScript.

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

👉 Перейти к платформе
Please open Telegram to view this post
VIEW IN TELEGRAM
421. PWA с табами, Гугл и куки, Masonry, Arc на Windows, iPad виноват…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Полина Гуртовая, Никита Дубко про PWA с табами, Гугл и куки, Masonry, Arc на Windows, виноватый iPad, новости Deno, Copilot Workspace и local-first.

00:01:46 PWA с табами
00:06:48 Гугл и куки
00:16:38 Выборы Masonry
00:39:49 Arc на Windows
00:42:06 iPad тоже виноват
00:46:41 Новости Deno
00:53:18 Copilot Workspace
01:23:53 Local-first
01:40:02 Ответы на вопросы

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

#подкасты #новости
🔥 Popover API: от введения до использования для HTML-подсказок

Кофаундер CodePen Chris Coyier исследует основные возможности Popover API, начиная с юзкейса всплывающих подсказок.

🔸 Введение
🔸 Использование для всплывающих HTML-подсказок
Please open Telegram to view this post
VIEW IN TELEGRAM
🗺 Путешествие Figma к TypeScript

История о том, как команда Figma автоматически мигрировала с собственного языка программирования Skew на TypeScript, не прерывая ни одного дня разработки.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💬 А теперь самый важный вопрос, который когда-либо был на нашем канале. Что выберете? 👇

userId — 👍
userID — 🔥
user_id — ❤️

#холивар