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
Войти
Используй промокод SUMMERUP - экономь на горячем, трать на холодное! 🍧 🍸 🍋 🍉 🍹
Главная страница Категория другое (frontend) Server-Driven веб-приложения с htmx

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

Server-Driven Web Apps with htmx

Mark Volkmann logo Mark Volkmann
Server-Driven веб-приложения с htmx logo Начать Сейчас
Категория
Другое (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

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 мин
Английский
Посмотреть
+14
Изображение курса 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 мин
Английский
Посмотреть
+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 мин
Английский
Посмотреть
+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 мин
Русский
Посмотреть
+3

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

Категории
Все категории JavaScript Vue React.js Python Java Golang (Google Go) Другое TypeScript Подготовка к собеседованию Другое (Frontend)
Источники
Все источники Aurimas Griciūnas frontendmasters laravelcreative.ru Matt Pocock Merion Academy skillfactory udemy zerotomastery.io Федор Борщёв
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: