Тип доклада: Доклад

🦄 (Не)вероятный доклад! 🦄 Next.js, HTMX, Astra, Remix: Современные инструменты для создания высокопроизводительных веб-приложений

  • Доклад на русском языке

Это фейковый спикер. И даже доклад нереальный. То есть из будущего.

Но зато это неслучайная страница — она здесь, чтобы привлечь твое внимание.

Мысль такая:

Мы приложим все усилия, чтобы на конференции HolyJS 2024 Autumn в этом ноябре — было выступление на похожую тему. Когда найдем такого спикера — обязательно включим его в программу конференции.

  • Если ты разбираешься в этой теме — то давай ты и выступишь с похожим докладом на эту тему? Мы серьезно!

Вся конкретика и детали, нюансы и кейсы, интерпретация и презентации — все на твой вкус!

Достаточно подать заявку на выступление. Со всем остальным мы (еще как!) поможем и ответим на все вопросы, если что.

  • Если тебе как специалисту интересно послушать такой доклад — ты уже покупай билеты! Выступление на эту или похожую тему точно будет на конференции Холи. Покупай сам или через компанию — смотря по ситуации. (Пока билеты не стали сильно дорожать).

Примерные тезисы будут такие:

Next.js, HTMX, Astra, Remix: Современные инструменты для создания высокопроизводительных веб-приложений

Введение

  • Актуальность темы: рост популярности JavaScript, потребность в быстрых и эффективных веб-приложениях.
  • Цель доклада: познакомить аудиторию с современными инструментами для разработки веб-приложений на JavaScript.

Next.js: Революция в React-разработке

  • Что такое Next.js и его основные преимущества.
  • Серверный рендеринг (SSR) и статическая генерация (SSG) для улучшения SEO и производительности.
  • Маршрутизация и динамические маршруты.
  • Интеграция с API и базами данных.

Практический пример: Создание блога на Next.js

  • Настройка проекта и установка зависимостей.
  • Создание страниц и компонентов.
  • Реализация статической генерации для постов блога.
  • Развертывание приложения.

HTMX: Возвращение к корням веба

  • Что такое HTMX и его философия «Без JavaScript».
  • Использование атрибутов HTMX для управления взаимодействием с сервером.
  • Преимущества HTMX: простота, производительность, доступность.
  • Интеграция HTMX с серверными технологиями.

Практический пример: Создание интерактивной таблицы с HTMX

  • Настройка проекта и установка зависимостей.
  • Создание таблицы с использованием атрибутов HTMX.
  • Реализация сортировки и фильтрации данных без перезагрузки страницы.
  • Развертывание приложения.

Astra DB: Масштабируемая база данных для веб-приложений

  • Что такое Astra DB и ее преимущества.
  • Интеграция Astra DB с популярными фреймворками, включая Next.js и Remix.
  • Использование GraphQL API для эффективного взаимодействия с базой данных.
  • Масштабирование и отказоустойчивость Astra DB.

Практический пример: Создание приложения для управления задачами с Astra DB

  • Настройка проекта и подключение к Astra DB.
  • Создание моделей данных и реализация CRUD-операций.
  • Использование GraphQL API для взаимодействия с базой данных.
  • Развертывание приложения.

Remix: Новый взгляд на веб-разработку

  • Что такое Remix и его основные особенности.
  • Концепция «Все в одном файле» и ее преимущества.
  • Маршрутизация и загрузка данных.
  • Встроенная поддержка форм и валидации.

Практический пример: Создание интернет-магазина на Remix

  • Настройка проекта и установка зависимостей.
  • Создание страниц и компонентов для каталога товаров.
  • Реализация корзины и оформления заказа.
  • Развертывание приложения.

Заключение

  • Обобщение преимуществ рассмотренных инструментов.
  • Перспективы развития и будущие тренды в веб-разработке на JavaScript.
  • Призыв к аудитории изучать и применять современные технологии.

ИТОГО:

[Подать заявку]

[Купить билет]

Доклады