CourseHunter
  • Категории
  • Источники
  • Все курсы
  • Разделы
  • Книги
  • Краудфандинг logo
    Краудфандинг
English
Русский
Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страницаКатегория другое (frontend)Server-Driven веб-приложения с htmx

Server-Driven веб-приложения с htmx

Server-Driven Web Apps with htmx

Mark Volkmann logo
Mark Volkmann
★5 (всего оценок - 8)
Server-Driven веб-приложения с htmx
Начать Сейчас
Категория
Другое (Frontend)
Дата добавления
15 авг. 2024 г., 02:05
Язык
Английский
Дата выхода
14 авг. 2024 г., 01:00

htmx - это библиотека, которая добавляет логику и взаимодействие с сервером в HTML, предоставляя эффект использования фронтендового SPA-фреймворка без необходимости писать фронтенд-код. Вы можете использовать любой серверный язык программирования и фреймворк для создания серверных приложений с эндпоинтами, которые просто возвращают фрагменты HTML. Динамически обновляйте части текущей веб-страницы на основе HTTP-ответов. Добавляйте интерактивность с помощью JavaScript и таких библиотек, как Alpine и _hyperscript. Сделайте ваши приложения более безопасными, экранируя вводимые пользователем данные и задавая Политику Безопасности Контента (Content Security Policy). Расширьте возможности за пределы обычных HTTP-запросов с помощью WebSockets и событий, отправляемых сервером.


JavaScript-библиотека htmx предлагает новый способ создания веб-приложений. Подход htmx существенно отличается от популярных в настоящее время SPA-фреймворков (Single-Page Application); вместо написания большого количества JavaScript-кода, вы просто аннотируете HTML-элементы перед отправкой их в браузер. Такой код проще для понимания и модификации, а благодаря тому, что в браузер загружается меньше данных и отсутствует необходимость в создании и разборе JSON, производительность также улучшится.

  • Переосмыслите дизайн веб-приложений: пишите код на любом языке, который просто отвечает на запросы фрагментами htmx.
  • Динамически обновляйте части текущей веб-страницы напрямую с сервера.
  • Реализуйте распространённые шаблоны, такие как отложенная загрузка, валидация ввода, CSS-переходы, активный поиск, оптимистичные обновления, пагинация, бесконечная прокрутка, опрос сервера и редактирование по клику.
  • Добавляйте интерактивность с помощью JavaScript и таких библиотек, как Alpine и _hyperscript.
  • Используйте JavaScript API htmx для упрощения операций с DOM.
  • Сделайте свои веб-приложения более безопасными: экранируйте данные, предоставляемые пользователем, используйте хеши Subresource Integrity и обеспечьте выполнение Политики Безопасности Контента (Content Security Policy).
  • Расширьте возможности за пределы базового паттерна HTTP-запрос/ответ с помощью WebSockets и событий, отправляемых сервером.

Посмотреть больше

Автор - Mark Volkmann

Mark Volkmann logo

Mark Volkmann

Марк Волкманн является партнером и заслуженным инженером в Object Computing, Inc. в Сент-Луисе, где он предоставляет услуги по разработке программного обеспечения и обучению с 1996 года. Как консультант, Марк помог многим компаниям в работе с JavaScript, Node.js, htmx, Svelte, React, Vue, Angular, Swift, SwiftUI и многими другими технологиями.

LinkedInGitHub
Автор
+1

Другие материалы в этой категории

HTMX - Практическое руководство

HTMX - Практическое руководство

HTMX + Django: Создание современных веб-приложений на Python без JavaScript

HTMX + Django: Создание современных веб-приложений на Python без JavaScript

HTMX + Flask: современные веб-приложения на Python

HTMX + Flask: современные веб-приложения на Python

Golang - Templ Fiber HTMX

Golang - Templ Fiber HTMX

Комментарии
 logo

    Учись ради навыков, а не сертификатов. Лучшие видеокурсы от топ-авторов со всего мира: программирование, дизайн, AI, DevOps и многое другое. Без воды, без лозунгов — только код, практика и дружелюбное комьюнити разработчиков.

    Категории
    Все категории React.js Python SQL Golang (Google Go) Другое TypeScript Подготовка к собеседованию Обработка и анализ данных Другое (Frontend) Другое (Backend)
    Источники
    Все источники DesignGurus.io Dmitriy Zhiganov frontendmasters OTUS R&D-лаборатория Devhands udemy Алексей Рыбак Влад Тен Николай Ихалайнен
    CourseTrainЦенаКонтактыРаспространенные вопросыПлейлистыПриватностьУсловия
    Темы:
    Язык: