CourseHunter
  • Категории
    • Frontend logo Frontend
      • Angular logo Angular
      • HTML logo HTML
      • CSS logo CSS
      • JavaScript logo JavaScript
      • Vue logo Vue
      • jQuery logo jQuery
      • React logo React
      • AngularJS logo AngularJS
      • Backbone logo Backbone
      • TypeScript logo TypeScript
      • Ember logo Ember
      • Next.js logo Next.js
      • Elm logo Elm
      • Svelte logo Svelte
      • Single SPA logo Single SPA
      • Three.js logo Three.js
      • D3.js logo D3.js
      • RxJS logo RxJS
      • WebGL logo WebGL
      • barba.js logo barba.js
    • Backend logo Backend
      • PHP logo PHP
      • Python logo Python
      • Ruby on Rails logo Ruby on Rails
      • Yii logo Yii
      • Laravel logo Laravel
      • SQL logo SQL
      • Ruby logo Ruby
      • Symfony logo Symfony
      • Java logo Java
      • Scala logo Scala
      • Node.js logo Node.js
      • MongoDB logo MongoDB
      • Golang (Google Go) logo Golang (Google Go)
      • Slim logo Slim
      • Silex logo Silex
      • Firebase logo Firebase
      • C Sharp (C#) logo C Sharp (C#)
      • Deno logo Deno
      • Redis logo Redis
      • Django logo Django
      • NestJS logo NestJS
      • Spring logo Spring
      • Spring Boot logo Spring Boot
      • Spring Data logo Spring Data
      • Spring Cloud logo Spring Cloud
      • Spring Security logo Spring Security
      • Spring Integration logo Spring Integration
      • Spring HATEOAS logo Spring HATEOAS
      • Spring MVC logo Spring MVC
      • Elixir logo Elixir
      • Phoenix logo Phoenix
    • System programming logo System programming
      • Rust logo Rust
      • WebAssembly logo WebAssembly
      • C++ logo C++
    • Marketing logo Marketing
      • SEO logo SEO
    • Video and 3D logo Video and 3D
      • Blender logo Blender
      • Cinema 4D logo Cinema 4D
      • ZBrush logo ZBrush
    • Graphic logo Graphic
      • Figma logo Figma
      • Sketch logo Sketch
      • Photoshop logo Photoshop
      • After Effects logo After Effects
      • Illustrator  logo Illustrator
      • Adobe XD logo Adobe XD
      • Lightroom logo Lightroom
      • CorelDRAW logo CorelDRAW
    • DevOps logo DevOps
      • AWS logo AWS
      • Azure logo Azure
      • Docker logo Docker
      • Git logo Git
      • GitHub logo GitHub
      • Gitlab logo Gitlab
      • Google Cloud logo Google Cloud
      • Grafana logo Grafana
      • Kubernetes logo Kubernetes
      • Jenkins logo Jenkins
      • Terraform logo Terraform
      • Другое logo Другое
    • Tools logo Tools
      • GraphQL logo GraphQL
      • Flux logo Flux
      • Webpack logo Webpack
      • Ansible logo Ansible
      • Gulp logo Gulp
      • Grunt logo Grunt
      • Visual Studio Code logo Visual Studio Code
      • VIM logo VIM
      • OpenCV logo OpenCV
      • Salt logo Salt
      • SVN logo SVN
      • Atom logo Atom
      • Elasticsearch logo Elasticsearch
      • Сборки, готовые решения logo Сборки, готовые решения
      • Electron logo Electron
      • Chrome DevTools logo Chrome DevTools
      • Yarn logo Yarn
      • Babel logo Babel
      • Grep logo Grep
      • npm logo npm
      • Vite logo Vite
      • Gatsby logo Gatsby
      • PhpStorm logo PhpStorm
      • Webflow logo Webflow
      • Hibernate logo Hibernate
      • Socket.io logo Socket.io
      • Bash logo Bash
    • Разработка мобильных приложений logo Разработка мобильных приложений
      • React Native logo React Native
      • Ionic logo Ionic
      • Swift logo Swift
      • Progressive Web App (PWA) logo Progressive Web App (PWA)
      • Core Data logo Core Data
      • Xamarin logo Xamarin
      • NativeScript logo NativeScript
      • Dart и Flutter logo Dart и Flutter
    • Gamedev logo Gamedev
      • Unreal Engine logo Unreal Engine
      • Unity logo Unity
    • CMS logo CMS
      • Wordpress logo Wordpress
      • OpenCart logo OpenCart
      • Drupal logo Drupal
      • Joomla logo Joomla
      • 1C-Bitrix logo 1C-Bitrix
      • MODX logo MODX
      • Magento logo Magento
      • Shopify logo Shopify
    • Blockchain logo Blockchain
      • Криптовалюты logo Криптовалюты
      •  Decentralized Applications (dApps) (Web 3) logo Decentralized Applications (dApps) (Web 3)
    • Тестирование logo Тестирование
      • Postman logo Postman
      • Selenium logo Selenium
      • Appium logo Appium
      • Protractor logo Protractor
      • WebdriverIO logo WebdriverIO
      • Cypress logo Cypress
      • Playwright logo Playwright
    • Другое logo Другое
      • Linux logo Linux
      • WebRTC logo WebRTC
      • OpenGL Shading Language (GLSL) logo OpenGL Shading Language (GLSL)
    • Подготовка к собеседованию logo Подготовка к собеседованию
    • Обработка и анализ данных logo Обработка и анализ данных
    • Информационная безопасность logo Информационная безопасность
      • Этический взлом / Тестирование на проникновение logo Этический взлом / Тестирование на проникновение
    • Английский язык logo Английский язык
    • Конференции logo Конференции
  • Источники
  • Все курсы
    • Популярные
    • Бесплатные (100+ Курсов)
  • Разделы
  • Книги
    • Бесплатные
    • Популярные
  • Краудфандинг logo Краудфандинг
🇺🇸 English
🇷🇺 Русский
🇺🇦 Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страница Категория другое (frontend) Server-Driven веб-приложения с htmx

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

Server-Driven Web Apps with htmx

Mark Volkmann logo Mark Volkmann
Server-Driven веб-приложения с htmx logo Начать Сейчас
Категория
Другое (Frontend)
Дата добавления
15.08.2024
Язык
English
Дата выхода
14.08.2024

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

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

Автор
Посмотреть
+1

Категории

Другое (Frontend) logo

Другое (Frontend)

Комментарии
User Avatar
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

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

Изображение курса HTMX - Практическое руководство
Academind Pro logo Academind Pro
28.03.2024
Другое (Frontend)

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

HTMX - The Practical Guide

Вы устали выбирать подходящую JS библиотеку из огромного количества библиотек? И иногда чувствуете, что разработка и код фронтенда на JavaScript стали излишне сложными?HTMX может быть решением для вас!HTMX - потрясающая библиотека JavaScript, которая поможет вам избежать написания клиентского кода на JavaScript!Это библиотека, которая расширяет HTML, добавляя новые атрибуты, которые вы можете использовать для добавления и управления поведением эл

4 ч 5 мин
English
Посмотреть
+13
Изображение курса HTMX + Django: Создание современных веб-приложений на Python без JavaScript
Talkpython logo Talkpython
26.09.2023
Python

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

HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course

htmx - одно из самых актуальных средств в веб-разработке сегодня, и это неспроста. Этот фреймворк вместе с библиотеками и техниками, представленными в этом курсе, позволит вам создавать лучшие веб-приложения на Python, которые вы когда-либо писали: чистые, быстрые и интерактивные без всей этой нагрузки фронтенда.Если вы являетесь веб-разработчиком на Python и хотите создавать более динамичные и интерактивные приложения, но не хотите (или не может

1 ч 44 мин
English
Посмотреть
+10
Изображение курса HTMX + Flask: современные веб-приложения на Python
Talkpython logo Talkpython
13.10.2021
Python

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

HTMX + Flask: Modern Python Web Apps, Hold the JavaScript

htmx - одно из самых популярных свойств в веб-разработке сегодня, и не зря. Этот фреймворк, а также библиотеки и методы, представленные в этом курсе, позволят вам написать лучшие веб-приложения Python, которые вы когда-либо писали: чистые, быстрые и интерактивные без всех этих накладных расходов на интерфейс.

3 ч 3 мин
English
Посмотреть
+7
Изображение курса Golang - Templ Fiber HTMX
08.03.2025
Golang (Google Go)

Golang - Templ Fiber HTMX

Этот курс рассчитан на тех, кто уже имеет базовые знания о Golang и стремится научиться создавать не просто API, а полноценные Fullstack-приложения на Go. В процессе обучения мы будем изучать популярный фреймворк Fiber, создавать компоненты с использованием Templ и добавлять динамический функционал через HTMX.Начнем с изучения фреймворка Fiber, настроив всё необходимое для создания полноценного приложения, включая валидацию и обработку данных, ло

11 ч 37 мин
Русский
Посмотреть
+2

Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.

Категории
Все категории JavaScript React.js Python Java Golang (Google Go) Другое TypeScript Next.js Подготовка к собеседованию Сборки, готовые решения
Источники
Все источники Academind Pro balun.courses Cosden Solutions Dometrain frontendmasters Kevin Kern (instructa.ai) Kitze udemy Vladimir Shmondenko aka Mr Anatoly zerotomastery.io
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: