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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
💭 В комментариях новички часто спрашивают про ресурсы/книги для начинающего фронтенд-разработчика.

Давайте саккумулируем в комментариях свой опыт и поделимся источниками, с которых эффективнее всего начать изучение! И вообще, с какого стека лучше начинать? Поделитесь опытом👇

#холивар
This media is not supported in your browser
VIEW IN TELEGRAM
Наглядно о том, как взаимодействуют фронтенд- и бэкенд-разработчики

#юмор #жиза
typescript-book.epub
86.9 KB
The Concise TypeScript Book

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

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

Являетесь ли вы новичком или опытным разработчиком, эта книга станет бесценным ресурсом для улучшения вашего понимания и повышения квалификации в TypeScript.

🔗 Онлайн версия
Думаете за 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
#холивар

💭 Представьте, что за час вы можете научиться чему угодно. Что вы выберете?👇