Что за HTMX и как использовать с Nestjs?

Поделиться
HTML-код
  • Опубликовано: 17 янв 2025

Комментарии • 72

  • @PurpleSchool
    @PurpleSchool  Год назад +2

    🔗 Ссылки:
    Сайт HTMX: htmx.org/
    🎉 Курсы по React, React Router и Redux: purpleschool.ru/course/react-redux
    🎓 Мои курсы по разработке: purpleschool.ru
    💬 Telegram канал с полезными советами:
    t.me/purple_code_channel

  • @kolyan4d
    @kolyan4d Год назад +3

    Отлично! Спасибо за обзор! 👍

  • @beebikey4370
    @beebikey4370 5 дней назад

    За видос спасибо. Единственный момент который хотелось бы подчеркнуть - это при использовании fastify желательно в методе listen ещё указывать хост 0.0.0.0 иначе при оборачивании в докер-контейнер не будет работать. Контент топовый

  • @alexdubkov6998
    @alexdubkov6998 Год назад +3

    HTMX полезен _исключительно_ для бек-энд разработчиков старой закалки, чтобы писать javascript по-минимуму: вся логика остаётся на сервере, шаблоны и так используются. Обработать форму, сделать до-загрузку, постраничный вывод, подсказки для поиска - вот область применения HTMX - везде, где не нужен мгновенный отклик на ввод пользователя (90% обычных сайтов).
    Сравнение Htmx c Реактом - как сражение между грузовиком и спорт-каром. На треке победит быстрая машина, а в Cargo-дисциплинах всё будет наоборот - всё зависит от места сражения. На канале про Реакт он и победит :-)
    За видео на канале - огромное спасибо. Всё по делу, минимум воды. Только звук улучшить осталось.

  • @vyacheslavbondarev8812
    @vyacheslavbondarev8812 Месяц назад

    Что это за terminal где вы пишите ?
    Очень интересно

  • @ssurrokk
    @ssurrokk Год назад +9

    HTM🩼 )

  • @EvgeniyYatsenko
    @EvgeniyYatsenko Год назад +2

    прекрасный фреймворк - я сразу вспомнил asp classic ))

  • @Александр-ф7щ8в
    @Александр-ф7щ8в Год назад +1

    Привет, я прохожу сейчас курс по верстке, потихоньку изучаю чтобы в дальнейшем перейти во фронтенд. Дайте совет новичку. Правильно ли я выбрал направление?( решил что с верстки начать будет легче всего) Не перегружен ли рынок фронтедерами? может кто то подскажет какое-то направление в IT где меньше конкуренции? Спасибо

    • @PurpleSchool
      @PurpleSchool  Год назад

      По конкуренции сказать сложно, так как везде есть и порог вхождения. Точно, что нужно делать это хорошо. Я много собеседую джунов, которых нельзя брать на работу. Если хорошо освоите профессию, конкуренция не так страшна. А полная карта профессии тут: purpleschool.ru/profession/frontend

    • @Александр-ф7щ8в
      @Александр-ф7щ8в Год назад

      классные цены у вас. Когда закончу свой слитый курс с юдеми, обязательно присмотрюсь к вашим. Цена прям символическая) А почему в курсе про бекенд нету ничего про питон? Я думал на питоне завязана большая часть бекенда@@PurpleSchool

  • @demidovmaxim1008
    @demidovmaxim1008 Год назад

    Добрый день, большое спасибо за выпуск. Подскажите пожалуйста, как называется тема редактора в VSCode.

  • @misatokatsuragi9122
    @misatokatsuragi9122 Год назад +4

    Шутка про "проснулся - обнаружил новый js фреймворк" была?

  • @Eledans
    @Eledans Год назад +2

    Смотрю с телефона, сделал звук на максимум, но все равно плохо слышно.

    • @PurpleSchool
      @PurpleSchool  Год назад

      Попробуй сделать больше громкость

  • @Eugtrader
    @Eugtrader 10 месяцев назад

    Я люблю использовать htmx, но сталкнулся с проблемой - при загрузке части страницы с помощью htmx, где содержится swiper, он перестает работать, но если загрузить всю страницу, то все работает нормально. может кто-нибудь подскажет, как решить проблему?

    • @qwekerz
      @qwekerz 10 месяцев назад

      нужно триггерить перерисовку свайпера. в теге в куске html, или завязаться на евент

  • @takemukashov3064
    @takemukashov3064 Год назад

    Я так понимаю это подобие Django Template ? Только на NestJS?

    • @PurpleSchool
      @PurpleSchool  Год назад

      Он работает с любым backend. Тут nest как пример.

  • @olegkulikov922
    @olegkulikov922 11 месяцев назад

    Тащить целый nest для того что бы отдавать статику как то жирно мне кажется. Bun из коробки умеет отдавать статику по шаблонам. Разве нет?

    • @PurpleSchool
      @PurpleSchool  11 месяцев назад

      Так тут вопрос преимущества фреймворка

  • @fromillia
    @fromillia 10 месяцев назад +1

    Геймпад, роутер, икона. Жынтильменский набор праграмыста

  • @dbelyaev
    @dbelyaev Год назад

    Почему «недавно вышедший»? Он в 2020 году был представлен. По сути эта та же концепция, что используется в TurboStreams у Rails и в LiveWire у Laravel. Только его чаще питонисты используют, хотя он платформонезависимый.

    • @PurpleSchool
      @PurpleSchool  Год назад

      Да, но на практике стал встречать только недавно

    • @kolyan4d
      @kolyan4d Год назад

      Потому что в в начале июля этого года вышел, а rails и laravel тут вообще не причем :)

  • @NeoCoding
    @NeoCoding Год назад

    хитрый вы, если бы с конца показали плюсы минусы то я б и не потерял 20 мин жизни на просмотр

  • @cdeblog
    @cdeblog Год назад

    Ох уж эти нижние ПОДчеркивания😂

  • @paemox
    @paemox Год назад +1

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

    • @PurpleSchool
      @PurpleSchool  Год назад

      От обзора возможностей вы бы не поняли как оно работает. Так как это не простой фреймворк. Он требует активного участия бека. Даже прочитав официальную документацию вы не сможете взять и начать писать.

  • @enzelad2017
    @enzelad2017 Год назад +1

    fronted на превью

    • @PurpleSchool
      @PurpleSchool  Год назад

      Опечатался иллюстратор)

  • @em_the_bee
    @em_the_bee Год назад +8

    Зумеры придумали fullstack-монолиты?

  • @D000023
    @D000023 Год назад

    Вообще уже есть примеры использования за пределами пет-проектов ruclips.net/video/3GObi93tjZI/видео.html И в сочетании с другими инструментами, которые "еще слишком молоды для продакшена" тоже довольно интересно получается ruclips.net/video/NZpPMlSAez0/видео.html

  • @dasstillsmile8458
    @dasstillsmile8458 Год назад

    Половина видоса потрачена на то как автор играется с серваком, кому хотелось посмотреть про htmx, перематывайте в конец видоса.

    • @PurpleSchool
      @PurpleSchool  Год назад

      Просто без сервака htmx бесполезен и понять как он работает сложнее

    • @dasstillsmile8458
      @dasstillsmile8458 Год назад

      @@PurpleSchool можно было завести какой то фласк по быстрому или на гошке в стандартной либе сервер заводится за несколько строк, а тут пол видоса сервер ставим для того что бы увидеть миркофреймворк под хтмл...

  • @КириллМохначевский-о3ю

    fronted на превьюшке написано

    • @PurpleSchool
      @PurpleSchool  Год назад

      Опечатался иллюстратор)

  • @Сирожаколявася
    @Сирожаколявася 11 месяцев назад

    Зачем писать php на js?

  • @jessrabbitxt
    @jessrabbitxt Год назад +1

    Выглядит абсолютно бесполезным

    • @PurpleSchool
      @PurpleSchool  Год назад +1

      Только для редких случаев, когда ты backend и не хочешь учить фронт)

    • @АртурДемидов-г7ф
      @АртурДемидов-г7ф Год назад

      ​@@PurpleSchoolвсе равно же придется использовать теги, и изучать атрибуты самого фреймворка

  • @dimovich85
    @dimovich85 Год назад

    за обзор спасибо, но этот htmx это 🤢

    • @PurpleSchool
      @PurpleSchool  Год назад +1

      Пожалуйста) Для этого и делаю обзоры, чтобы вы могли понять технологию и для себя решить полезно или нет)

  • @xotamxudoyberganov5847
    @xotamxudoyberganov5847 Год назад

    ubitsa reakt yevo davno ubili vue , svelte

  • @VictorShved
    @VictorShved 11 месяцев назад +1

    Про минусы конечно жесть автор….
    В чем минус шаблонизатора?), когда пишешь на vue там тоже шаблонизатор)))) че за бред
    Не подсвечивается IDE?)
    Бесспорно минусы есть, но относить туда шаблонизатор и подсветку ….
    Думаю автор просто любит js и кроме него ниче не знает)

    • @PurpleSchool
      @PurpleSchool  11 месяцев назад +1

      Во vue действительно есть шаблонизатор, но есть и bind переменых, работа с состоянием и ещё куча возможностей. А тут мы по сути вынуждены использовать шаблонизатор, который отправляет нас на уровень php на котором я писал ещё 14 лет назад.
      И если вы заметили, то первым минусом стояла невозможность писать больше приложения, так как все логика приложения будет у вас размазана вместе с кусками шаблонов. Это будет невозможно поддерживать.
      Ваше предположение по языку не верно, я люблю и go и C#, но и на них бы не стал писать таким образом.

  • @АртурДемидов-г7ф
    @АртурДемидов-г7ф Год назад +1

    Кажется что для реального проекта использовать глупейшая затея. Главный минус, "вы сделали успешный проект, все работает, а после решили делать моб приложение, а у вас бэк в ответе отдает html"😂😂

    • @PurpleSchool
      @PurpleSchool  Год назад +1

      Полностью согласен

    • @namegorm
      @namegorm Год назад

      не понял. И что, что бэк отдает HTML? Этот бек прекрасно ходит в другой бек, который уже отдает json. Вот туда и будет ходить мобилка.

    • @АртурДемидов-г7ф
      @АртурДемидов-г7ф Год назад

      @@namegorm вы правы, но получается что такой бэк будет делать тоже(а может и больше) что и бизнес логика внутри например реакт приложения, только получается окружение разное. Попробовать ок, для чего то боевого вряд-ли кто то будет брать

    • @bomzhiha-s-kurskogo-vokzala
      @bomzhiha-s-kurskogo-vokzala Год назад

      А разве не по этому же пути сейчас идут Next.js Server Components? Всё возвращается в 2000-ые)

    • @AlexanderBorshak
      @AlexanderBorshak 4 месяца назад

      Есть приложения, для которых HTMX подойдет идеально. Например - банкинг. Вся логика исключительно на сервере, у клиента ничего нету. Идеально для приложений с высоким риском (то есть там, где к пользователю доверия ноль). Но для кейсов с высокой интерактивностью (какиие-то CAD'ы в браузере, например), его конечно же никто использовать не станет.

  • @jenyaspace
    @jenyaspace 11 месяцев назад

    я не знаю что такое Nestjs

    • @PurpleSchool
      @PurpleSchool  11 месяцев назад

      ruclips.net/video/j2-GqaeSueA/видео.htmlsi=4vnQJguX7SrXy4Vk