Библиотека фронтендера | 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
加入频道
Думаете за 100 секунд нельзя ничего понятно объяснить? А вот и нет! Ловите подборку👇

🌐 SvelteKit
🌐 Htmx
🌐 SST
🌐 Nuxt
🌐 Redwood
🌐 React для хейтеров
🌐 SolidJS
🌐 TypeScript
🌐 Angular
🌐 Next.js
🌐 CORS
🌐 Svetle

🔗 Плейлисты с другими темами

#матчасть
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Реализация веб-панели в стиле Dock от Apple на чистом CSS:

.b:has( + .b:hover),
.b:hover + .b {
flex: calc(0.2 + (sin(30deg) * 1.5));
translate: 0 calc(sin(30deg) * -75%);
}


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

#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Hono + htmx + Cloudflare — новый стек?! Но это не точно

Кажется, что в последнее время многие переходят на htmx как на альтернативу сложным библиотекам/фреймворкам вроде React, но что, если вы хотите продолжать использовать JSX?

Hono — это веб-фреймворк, который как раз включает JSX middleware. Его автор Yusuke Wada приводит краткий пример того, как все это можно объединить с Cloudflare Workers и D1 для более простого использования JavaScript на стороне сервера/клиента.

Читать
📖 ТОП-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.

Читать