Node.js #12 Подключение шаблонизатора (View Engine)

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ส.ค. 2021
  • #YauhenK #webdev #Node #Express
    Всех приветствую в курсе «Node.js».
    В данном видеокурсе мы с вами рассмотрим Node.js, серверную технологию которая позволяет исполнять код написанный на JavaScript вне браузера. Разберём базовые концепции и встроенные модули, которые активно используются при разработке сервера. Рассмотрим механизм коммуникаций между сервером и браузером. Создадим базовый роутинг на чистом Node.js. Подключем Express и перепишем роутер. Научимся работать с динамичными данными с помощью шаблонизатора Node.js. Напишем новостное приложение с поддержкой CRUD операций и хранением данных в MongoDB. Создадим свой API по возврату данных из БД. И в заключение, загрузим готовое приложение на Heroku.
    ✒ Репозиторий курса:
    ✔ GitHub: github.com/YauhenKavalchuk/no...
    ✒ Полный список готовых и планируемых курсов:
    ✔ Trello: trello.com/b/R6rD7qq8
    ✒ Автор курса:
    ✔ TH-cam: / yauhenkavalchuk
    ✔ Instagram: / yauhenkavalchuk
    ✔ Twitter: / yauhenkavalchuk
    ✔ VK: YauhenKavalchuk
    ✔ LinkedIn: / yauhenkavalchuk
    ✔ GitHub: github.com/YauhenKavalchuk
    ✔ VK (Группа): webdevcom
    ✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

ความคิดเห็น • 55

  • @manzhosoleg
    @manzhosoleg ปีที่แล้ว

    Спасибо за профессиональную подачу материала .

  • @dimalukashenko4865
    @dimalukashenko4865 2 ปีที่แล้ว +1

    Спасибо, очень интересно.

  • @-Forever-Young-
    @-Forever-Young- ปีที่แล้ว

    Отличная работа!

  • @manzhosoleg
    @manzhosoleg ปีที่แล้ว

    Спасибо , очень грамотно .

  • @user-ns4js5wl5n
    @user-ns4js5wl5n 2 ปีที่แล้ว +4

    привет, спасибо за урок, добавь еще в конце пару задачек с собеседований или реальной практики, или философский рассказ о том что делает node.js developer, для тех кто не шарит суть этой професии. ПС: хочу уроки по AWS)

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +2

      Курс уже полностью снят и загружен. Доснимать видео не планирую

  • @frekbysib
    @frekbysib ปีที่แล้ว

    Да, сила ejs ощутима. Только позже почитал уже сам (не услышал в видео) что есть разница между

  • @MIK_RAD
    @MIK_RAD 7 หลายเดือนก่อน

    Класс, спасібо за урок !)

    • @YauhenKavalchuk
      @YauhenKavalchuk  7 หลายเดือนก่อน

      Всегда пожалуйста

  • @digitalturkistan1857
    @digitalturkistan1857 2 ปีที่แล้ว

    Спасибо

  • @leandrmiklashevich297
    @leandrmiklashevich297 3 หลายเดือนก่อน

    ёсць жаданне паглядзець фулстэк курс з паўнавартасным дэплоем.

  • @antonchernov651
    @antonchernov651 2 ปีที่แล้ว +3

    Жду next js
    Спасибо за уроки

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +2

      Отлично! Он уже в процессе записи)

    • @ridl27
      @ridl27 2 ปีที่แล้ว +1

      @@YauhenKavalchuk а nest.js будет ?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +2

      Это уже в следующем году, скорее всего

  • @aidasabirova1315
    @aidasabirova1315 ปีที่แล้ว

    Привет Евгений, пожалуйста можете мне обьяснить в чем разница методов res.render и res.sendFile? вы тоже на своем проекте для отправки фаилов к клиенту используете то рендер а в других местах сэндфаил.я читала документацию там написано что метод рендер применяется для динамических а сэндфаил для статики..а в и тоге также не могу понять в чем конкретная разница между динамикои и статикои..Заранее вам благодарю если ответите .вот смотрю и в инете инфо очень мало про дин и статика

  • @user-rp6kj9jd1w
    @user-rp6kj9jd1w 4 หลายเดือนก่อน

    можно уроки по связке React + NestJS в массы?)

    • @YauhenKavalchuk
      @YauhenKavalchuk  4 หลายเดือนก่อน

      Возможно в будущем…

  • @blackhome418
    @blackhome418 หลายเดือนก่อน

    Привет Евгений,спасибо тебе за уроки.Учусь по твоим урокам.Делал все по твоим примеру,но почему то при переходе по ссылке /contacts и другим ссылкам начинается скачивание contacts.ejs.сам пытался найти ошибку,но за мало опыта не получается найти.подскажи почему так случилось и как это исправить.

    • @YauhenKavalchuk
      @YauhenKavalchuk  หลายเดือนก่อน

      Видимо что-то напутали в конфигурировании сервера. Рекомендую зайти в репозиторий, открыть код урока и внимательно сверить код

  • @oleksandryatsenko6170
    @oleksandryatsenko6170 ปีที่แล้ว

    Спасибо за столь полезный урок.
    К сожалению возник ряд проблем (под MacOS).
    Во-первых, с include воспринимается только абсолютный путь. При вводе относительного - появляется ошибка.
    Во-вторых, вызов переменной, переданной с сервера в ejs файл с помощью

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      🤔 что-то многовато ошибок, неужели всё так сильно изменилось. Может какие-то проблемы всё-таки на вашей стороне?

    • @oleksandryatsenko6170
      @oleksandryatsenko6170 ปีที่แล้ว

      @@YauhenKavalchuk Однозначно, что на моей. Запустил код под Windows - все работает🙂.

  • @menargames7823
    @menargames7823 ปีที่แล้ว

    А папку с .ejs файлами и сами .ejs файлы нужно вручную создавать?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      В описании под видео есть ссылка на репозиторий, там есть весь код

  • @user-hb3dl3yi6d
    @user-hb3dl3yi6d ปีที่แล้ว

    не могу найти код по вашему уроку нигде, где его смотреть, подскажите, пожалуйста

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      В описании под каждым видео есть ссылка на репозиторий. В репозитории есть ветки. Каждая ветка соответствует коду урока. Об этом говорилось в #1 видео

  • @rav4464
    @rav4464 ปีที่แล้ว

    А есть вариант добавить jsx в качестве шаблонизатора?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Возможно и есть. Но я бы лучше вообще использовал обычные шаблонные строки ES6 - они ничем не хуже

  • @sergeypedko3883
    @sergeypedko3883 ปีที่แล้ว

    Добрейшего дня! Где можно взять ИСХОДЫЕ html ф-лы, а не - ejs. Видео-урок - СУПЕР! НО, Хочется все руками потрогать. Заранее благодарен!

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Весь код курса в репозитории

    • @sergeypedko3883
      @sergeypedko3883 ปีที่แล้ว

      @@YauhenKavalchuk Огромнейшее спасибо - нашел исходники.html!!! (Вообще, rerspect, что отвечаете на вопросы...совсем немногие отвечают...)

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      👍

  • @marekplisiecki4835
    @marekplisiecki4835 2 ปีที่แล้ว +1

    Ошибка в файле index.ejs (5. строка) и дригих---> internal server error 500 (при запуске 3:40 урока). Kонечно, потом всё правильно работает.
    Да и twitter заменен с githube

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +1

      Если вы о коде из репозитория, то он содержит только конечную разметку урока. Либо я вас не совсем правильно понял

    • @marekplisiecki4835
      @marekplisiecki4835 2 ปีที่แล้ว +1

      @@YauhenKavalchuk Вы правы. Я запустил в начале урока :)

    • @sergey3117
      @sergey3117 2 ปีที่แล้ว

      @@YauhenKavalchuk Если скопировать файлы конечной верстки и запустить по ходу вашего урока, да, будут ошибки. Т.е. не будут объявлены переменные, которые есть в EJS, но еще не прописаны в SERVER.JS. Вот поэтому и был задан вопрос такой.

    • @sergey3117
      @sergey3117 2 ปีที่แล้ว +1

      Автор проскочил момент создания доп файлов верстки и ejs. Если взять верстку с готового урока, а server.js оставить прежний, т.е. идти последовательно - конечно будут выпадать ошибки. В верстке в EJS использованы переменные, которые объявляются в server.js и через render передаются собственно в EJS.

  • @ninzzo9867
    @ninzzo9867 2 ปีที่แล้ว

    ну все) с этого урока сайт визитку создать можно

  • @druf5962
    @druf5962 ปีที่แล้ว

    Это нужно фронтэндеру джуну?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      На начальных этапах - нет, но рано, или поздно пригодится

  • @war9453
    @war9453 ปีที่แล้ว

    как добавить ejs файлы?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Что значит, как добавить? Создайте файл с расширением ejs