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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
📖 ТОП-10 книг, без которых не обойтись ни одному программисту

Мы подготовили для вас подборку из 10 книг, без которых не обойтись ни одному профессионалу в IT. Эти книги станут для вас настольными на долгие годы.

🔗 Основной сайт
🔗 Зеркало
Легко упрощайте большие CSS-селекторы с использованием функции псевдокласса :where() и делайте свой код чище.

Функция CSS :where() принимает список селекторов в качестве аргументов и минимизирует их, позволяя вам писать меньше кода и в то же время стилизовать их все вместе.

#css #tip by Shripal Soni
В распоряжении веб-разработчика есть уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере.

Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. Вот тут и появилась опенсорс-инициатива фронтендеров из Тинькофф под названием Web API для Angular.
380. Arc 1.0, State of HTML, HTTP-теги, Web Integrity, Observable…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Андрей Мелихов и Алексей Симоненко про Arc 1.0 для всех, State of HTML, HTTP-теги, Web Integrity API, Observable в JS, ESM в Vite, Jamstack и OverflowAI.

00:01:23 Arc для всех
00:12:23 State of HTML
00:23:22 HTTP-теги
00:37:20 Web Integrity
01:01:04 Observable в JS
01:06:26 ESM в Vite
01:13:28 Jamstack жив?
01:21:24 OverflowAI
01:27:10 Ответы на вопросы

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
#холивар

💭 Представьте, что за час вы можете научиться чему угодно. Что вы выберете?👇
Я 💛 Фронтенд — это новости веба и опыт разработчиков. Ловите подборку докладов:

🌐 Заботливый иннерсорс, Никита Балихин
🌐 Telegram как новая платформа для ваших сервисов, Даниил Лаптев
🌐 Мифы о "Толстых" клиентах, Вадим Царегородцев
🌐 Как мы внедряли Е2Е-тесты и почему у нас ничего не вышло, Руслан Байгунусов
🌐 Распутываем браузерные потоки, Полина Гуртовая
🌐 Dependency confusion: что это и как защищаться, Егор Зонов
🌐 Как это можно переписать?
🌐 Разбор заданий Capture the Flag и награждение победителей, Евгений Телегин
🌐 Копаемся под капотом браузера, как работает event loop и compositing, Сергей Чикуенок
🌐 Кому нужны фронтендеры, Андрей Смирнов
🌐 WebAssembly и веб на TypeScript, Александр Коротаев
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Дэн Абрамов из React/Redux покидает Meta*

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

*организация, деятельность которой запрещена на территории РФ
This media is not supported in your browser
VIEW IN TELEGRAM
Оживите свои SVG изображения: быстрый гайд для фронтенд разработчика по анимации свойств SVG stroke-dasharray и stroke-dashoffset.

Читать
This media is not supported in your browser
VIEW IN TELEGRAM
Используем background-attachment, чтобы прикрепить фон к области просмотра👇

card {
background: radial-gradient(circle at var(--x) var(--y), ...);
background-attachment: fixed;
}


➡️ Полный пример здесь.

#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
«Библиотека программиста» в поиске контент-менеджера для ведения телеграм-каналов

Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих трех тем:
👉Data Science
👉Frontend
👉мобильная разработка

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Подробнее о вакансии и форма для отклика — по ссылке.

Ждем вас в команде!
25 вопросов, которые стоит задать HR-менеджеру на интервью

В этой статье разберемся, что спросить у работодателя, чтобы получить оффер.

🔗 Читать статью
🔗 Зеркало
⚡️ Команда Bun выпустила раздел Guides — большую коллекцию примеров кода и пошаговых руководств по выполнению общих задач с помощью Bun.

➡️ Перейти к изучению
#холивар

Какая информация в описании вакансии может вас оттолкнуть? И на что вы больше всего обращаете внимание:

📝 Условия работы
📝 Описание вакансии
📝 Бренд работодателя

🤩 — главное, чтобы хорошо платили
💯 — для меня важны все перечисленные пункты
🤔Type vs Interface: что использовать в 2023 году

Matt Pocock рассказывает о ключевых различиях между интерфейсами и псевдонимами типов в TypeScript, включая варианты их использования и важные функции, которые следует учитывать.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
📌 Ловите подборку за неделю и узнайте, #чтопроисходит

⚡️ Состоялся релиз Firefox 116 и сформированы обновления ветки с длительным сроком поддержки (115.1.0 и 102.14.0).
⚡️ Инструменты разработчика Firefox 116 теперь поддерживают средства форматирования кастомных объектов.
⚡️ Команда Google представила несколько значительных улучшений в том, как можно загружать JavaScript-код Google карт.
⚡️ Проект Svelte опубликовал свое последнее ежемесячное обновление. Да, сейчас в мире Svelte происходит много всего.

🔹 VanJS 1.0 — реактивный UI-фреймворк размером 1 КБ без React/JSX. Релиз v1.0 на этой неделе — относительно большой шаг вперед для еще молодого проекта.
🔹 Backbone 1.5 — библиотека, которая структурирует веб-приложения, предоставляя модели с привязкой ключ-значение и настраиваемые события/коллекции, и подключает все это к вашему существующему API через интерфейс RESTful JSON..
🔹 Shoelace 2.6 — популярный набор независимых веб-UI-компонентов.
🔹 Prisma 5.1 — Node.js нового поколения + ORM TypeScript.
🔹 eslint-config-prettier 8.10 — отключите правила ESLint, которые конфликтуют с Prettier.
🔹 tsup 7.2 — самый простой и быстрый способ связать ваши TypeScript-библиотеки.
🔹 Hackathon Starter 8.0 — шаблон для веб-приложений Node.js.
🔹 OGL 1.0 — минимальная библиотека WebGL.
🔹 Size Limit 8.2 — инструмента для проверки производительности вашего JS-проекта.
🔹 Stockfish.js 16 — знаменитый шахматный движок Stockfish на JS через WASM.
🔹 Marked 6.0 — быстрый анализатор и компилятор Markdown, теперь правда на TypeScript.
🔹 eta (η) 3.1 — Встроенный механизм шаблонов JS, теперь с поддержкой Bun.
🔹 Tremor 3.6 — React-библиотека для создания дашбордов.
🔹 Octokit.js 3.1 — GitHub SDK, включающий API client, App client и Action client.
🔹 React Image Gallery 1.3 — компонент карусели галереи изображений.
🔹 YouTube.js 5.8 — библиотека для использования InnerTube API.
Please open Telegram to view this post
VIEW IN TELEGRAM
Базовое понимание React Server Components (RSC)

Если вы уже пытались освоить RSC и находите недавнее руководство Дэна Абрамова очень сложной, под катом вас ждет доступное объяснение основ, охватывающих проблемы, которые решают RSC, почему вы можете их использовать и как Next.js все упрощает👇

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Команда DevDojo — большие поклонники Alpine и Tailwind. Им так нравится этот стек, что они открыли исходный код библиотеки UI-элементов Pines, которая создавалась на протяжении многих лет.

📌 Почему Tailwind и Alpine?
При совместном использовании Alpine и Tailwind дополняют друг друга и позволяют разработчикам создавать повторно используемые и функциональные элементы UI с минимальными усилиями. Используя директивы Alpine для функциональности и служебные классы Tailwind для дизайна, вы можете создавать красивые и функциональные интерфейсы, представленные с использованием только HTML.

Резюмируя сказанное, Pines — это не отдельная библиотека, а набор элементов для проектов Alpine и Tailwind.
🎙Подкаст «Про код» от HTML Academy: Коля Шабалин, Игорь Антонов и Женя Шкляр про проблемы с тегами, новую версию Node.js и обновление @font-face.

00:00:00 Начало
00:00:30 Визуально скрытые элементы единичной ширины
00:05:03 Node 18.17 LTS
00:07:08 Promise.withResolvers
00:17:03 Новый синтаксис @font-face
00:27:27 История TypeScript
00:48:50 Дело против самозакрывющихся тегов

🔗 Слушайте на Ютубе
🔗 Ссылки на подкаст-площадки