Coder way
Coder way
  • 27
  • 14 031
REST API на Node.js и EXPRESS, делаем жизнь на бэк-энде легче
Это продолжение серии видео о Node.js, в котором я строю REST API используя фреймворк Express.js. Рассматриваю как он облегчает жизнь при написании кода. Его основные возможности. В данном видео работаем с GET запросами, получаем статические страницы, список данных обо всех пользователях и об одном пользователе по его ID.
00:00:05 Введение, что есть Express.js
00:03:32 Инициализируем приложение, прикручиваем Express
00:11:31 Отправляем ответ сервера в браузер
00:13:00 Прикручиваем nodemon
00:17:00 Отдаем html шаблон в браузер, создаем метод для обработки статических страниц
00:26:45 Получаем список всех пользователей.
00:35:55 Получаем данны пользоватля по id
Переглядів: 350

Відео

REST API на чистом Node.js часть третья - обновление и удаление продукта
Переглядів 301Рік тому
Это третья часть из цикла REST API на чистом Node.js и пятая из серии о ноде. В этом видео мы обновляем и удаляем продукт. 00:00:05 Обновление продукта, метод PUT 00:03:05 Update Controller 00:20:07 Model Update product 00:33:04 Удаление продукта,метод DELETE 00:41:43 Заключение
REST API на чистом Node.js. Back-end интернет магазина. ч.2 Добавление нового продукта.
Переглядів 494Рік тому
Это продолжение серии видео о Node.js. Это видео целяком посвящено добавлению нового продукта - реализации метода POST. Ссылка на первое видео: ua-cam.com/video/eNHcyDsLPgA/v-deo.html 00:00:05 Добавление нового продукта (createProduct POST запрос) 00:10:59 Пишем контроллер для добавления нового продукта 00:17:21 Модель для добавления нового продукта, генерация случайного ID для нового продукта,...
Promise в JavaScript простое объяснение на понятных аналогиях
Переглядів 245Рік тому
Я попытался объяснить, зачем нужен Promise в JavaScript на примере организации вечеринки. Видео о построении Rest API: ua-cam.com/video/eNHcyDsLPgA/v-deo.html By me a coffee: www.buymeacoffee.com/solonovichl
REST API на чистом Node.js (без фреймворков). Back-end интернет магазина.
Переглядів 1,7 тис.Рік тому
REST API на чистом Node.js (без фреймворков). Это третье видео в цикле о Node.js и прервая часть в построении api на практике. Рассмотрим необходимые инструменты и обсудим ряд необходимых концепций. Получим список всех товаров и один товар по id. 00:00:05 Вступление, разговор о том, что собственно собираемся строить. 00:21:07 Создаем starter-kit для приложения 00:34:09 Получаем данные из json. ...
Что такое MVC (model view controller) - простое и доступное объяснение, на понятной всем аналогии
Переглядів 183Рік тому
Кто (Что) и за что отвечает в MVC. Мне кажется я нашел прекрасную аналогию. Нет дурацких диаграмм, которые все равно ничего не объясняют. Это видео без кода, но с капелькой юмора. www.buymeacoffee.com/solonovichl
Node.js часть вторая - применяем знания на практике, строим сервер
Переглядів 425Рік тому
В этом видео, я не только рассказываю о некоторых модулях в Node, но и вплотную подхожу к реальному применению среды в построении сервера. Модули ядра path, fs, http, url - проявят себя в новом качестве, как основа для, хоть и простого, но функционирующего сервера. Ссылка на первую часть - ua-cam.com/video/6ZB9bCQoCqY/v-deo.html 00:00:05 Вступление, пару слов о том что не было сказанно в первой...
Основы Node.js часть первая
Переглядів 726Рік тому
Что такое Node.js, для чего нужна. Установка, инициализания, пакетный менеджер, модули, объект и класс в качестве модуля, работа с path, fs, os. В процессе работы над видео по созданию интернет магазина на JavaScript, возникла необходимость использовать Node js. Я подумал, что неплохо сделать небольшой экскурс в этот вопрос - сначала разберемся с с чем ее едят, затем я напишу API на чистой Node...
Практика создания интернет магазина на Next ч 3 Страница товара, динамический роутинг
Переглядів 750Рік тому
Создаем полноценный интернет магазин на Next.js, с аунтификацией и авторизациейц пользователей, админкой и всеми необходимыми для него вещами. Создаем динамический title, routing, рендерим страницу одного товара. 0:00:03 Что собираемся создавать, реализуем динамически изменяемый title 0:04:16 Задача - которую нужно решить с разделом main 0:07:28 Динамически изменяем контент в разделе main, в за...
Практика создания интернет магазина на Next.js (Next.js React.js MongoDB) ч 2. Рендеринг товаров
Переглядів 1,2 тис.Рік тому
Создаем полноценный интернет магазин на Next.js, с аунтификацией и авторизациейц пользователей, админкой и всеми необходимыми для него вещами. В этом видео рендерим товары на главной странице. 0:00:03 Данные о товарах, массив объектов 0:03:12 Создание компонента карточки товаров, не забыть про export defolt data 0:05:20 Создание компонента карточки товаров - Link 0:12:03 Создание компонента кар...
Практика создания интернет магазина на Next.js FullStack (Next.js React.js MongoDB) ч.1
Переглядів 2,5 тис.Рік тому
Создаем полноценный интернет магазин на Next.js, с аунтификацией и авторизациейц пользователей, админкой и всеми необходимыми для него вещами. В этом первом видео просто знакомимся с Next. Прикручиваем Tailwind. И добавляем некоторые стили. Делаем первую простую обертку для приложения. 0:00:00 Что собираемся сделать 0:01:56 Что понадобится 0:05:45 Установка Next.js, его структура, содержание па...
Создание анимированного underline эффекта меню на CSS и JS.
Переглядів 132Рік тому
Создание анимированного underline эффекта меню на CSS и JS. Рассмотрим как использовать псевдокласс ::after, и чего не хватает :hover. Познакомимся с css-фнимацией. Событие мыши mouseover и mouseout, подвесим прослушивание событий на список пунктов меню. Создадим реверрс анимационного эффекта с помощью JavaScript. Как обычно на ванильном JS без библиотек и фреймворков.
Введение в веб разработку. ч.1 Первые шаги в html, css. Первая простенькая веб-страница. Теги, стили
Переглядів 4232 роки тому
Все есть файл, даже если это html файл. Создадим первую веб-страницу из простейших тегов и стилей. Видео для тех кто впервые притрагивается к web.
Терминал командной строки. ч.2 Глубокое погружение в find, grep, работа с правами и историей HD.
Переглядів 1792 роки тому
Продолжаем работать с терминалом командной строки. ч.2 Глубокое погружение в find, grep, chmod, history работа с правами и историей. Продвинутые возможности поиска в файловой системе и файлах, изменение прав доступа к файлам и история введенных команд терминала. Ссылка на первую часть: ua-cam.com/video/1b7S8IXkyKc/v-deo.html
Терминал командной строки. Зачем изучать, основы работы, первые команды. terminal HD 1080p ч. 1
Переглядів 8242 роки тому
Терминал командной строки. Зачем изучать, основы работы, первые команды. Основы работы с терминалом командной строки. cd ls mkdir rm cat echo
flip эффект для карточки, анимируем карточку чего угодно на чистом JS
Переглядів 772 роки тому
flip эффект для карточки, анимируем карточку чего угодно на чистом JS
Таймер обратного отсчета на чистом JS. HD
Переглядів 2692 роки тому
Таймер обратного отсчета на чистом JS. HD
Практика создания интернет магазина часть 5 HD 1080, получение карточки товара в модальное окно
Переглядів 2802 роки тому
Практика создания интернет магазина часть 5 HD 1080, получение карточки товара в модальное окно
Практика создания интернет магазина часть 4 HD 1080, кабота с категориями и подкатегориями товаров
Переглядів 1342 роки тому
Практика создания интернет магазина часть 4 HD 1080, кабота с категориями и подкатегориями товаров
Практика создания интернет магазина ч 3 HD 1080p Погружаемся в двежек JavaScript.
Переглядів 7212 роки тому
Практика создания интернет магазина ч 3 HD 1080p Погружаемся в двежек JavaScript.
Практика создания интернет магазина ч 2 Переносим данные во внешний JSON файл HD 1080p
Переглядів 4232 роки тому
Практика создания интернет магазина ч 2 Переносим данные во внешний JSON файл HD 1080p
Практика создания интернет магазина HD 1080p, Часть 1.
Переглядів 1,1 тис.2 роки тому
Практика создания интернет магазина HD 1080p, Часть 1.
DOM манипуляции Выбор элементов ч 2 HD 1080p
Переглядів 732 роки тому
DOM манипуляции Выбор элементов ч 2 HD 1080p
Выбор элементов Часть 1 Первые манипуляции с DOM HD 1080p
Переглядів 993 роки тому
Выбор элементов Часть 1 Первые манипуляции с DOM HD 1080p
JavaScript.Что такое DOM? Что на это самом деле. HD 1080p
Переглядів 1793 роки тому
JavaScript.Что такое DOM? Что на это самом деле. HD 1080p
introJS о предстоящем курсе JavaScript для FreeIT HD 1080p
Переглядів 593 роки тому
introJS о предстоящем курсе JavaScript для FreeIT HD 1080p
spa
Переглядів 793 роки тому
spa

КОМЕНТАРІ

  • @askerkotsev363
    @askerkotsev363 4 місяці тому

    Год джи си ?

  • @rassimtairov8509
    @rassimtairov8509 6 місяців тому

    Спасибо большое за Ваш труд. Очень понятные наглядные объяснения. Продолжение не планируете записать?

    • @coderway5617
      @coderway5617 6 місяців тому

      Спасибо за отзыв, планирую. Главное найти время.

  • @user-op3lo8kj3c
    @user-op3lo8kj3c 9 місяців тому

    требует продолжения!!

  • @user-uq4nd6go9c
    @user-uq4nd6go9c Рік тому

    Супер! А есть ссылка на ваш репозиторий? было бы очень интересно посмотреть!

    • @coderway5617
      @coderway5617 Рік тому

      Спасибо за ртзыв, открытых репозиториев у меня нет

  • @weekendshow7567
    @weekendshow7567 Рік тому

    А сколько уроков должны быть ещё для полного завершения курса и когда сможете сделать???

  • @stasts8721
    @stasts8721 Рік тому

    Отличные уроки. Спасибо. А как к EXPRESS прикрутить REACT?

    • @coderway5617
      @coderway5617 Рік тому

      Большая отдельная тема, обязательно коснемся этого вопроса

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    Спасибо за ваши уроки. Отличная подача. Ждем продолжения

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    большое спасибо

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    огромное спасибо

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    отличное видео, спасибо

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    спасибо за урок

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    спасибо за урок

  • @duce201
    @duce201 Рік тому

    Очень доступно и познавательно!!! Продолжайте - у Вас хорошо получается!!! Спасибо Вам огромное!!!

  • @duce201
    @duce201 Рік тому

    Спасибо за очень интересную тему и разъяснение, за труд!

    • @coderway5617
      @coderway5617 Рік тому

      Спасибо

    • @duce201
      @duce201 Рік тому

      @@coderway5617 Скажите а не будет ли у Вас видео nodejs + postgresql

    • @coderway5617
      @coderway5617 Рік тому

      @@duce201 Вы могли заметить, что я вообще в своих видео не касался баз данных, работал с чистым json. И на самом деле, работа с базами отдельная тема, технически - для ноды это подключение драйвера. Если прикрутить мангуста или нечто подобное будет напоминать работу как в Ларавел - концептуально. Логика работы все равно ни куда не денется. Наверное, стоит подумать о серии работы с базами в целом. Но, я еще не закончил с express. Вообще много есть о чем рассказать, найти бы время...

  • @Hermes_EGSHA
    @Hermes_EGSHA Рік тому

    Ваше видео очень помогло! Продолжайте!!!

  • @Khusrav-nt9pb
    @Khusrav-nt9pb Рік тому

    Когда продолжение?

    • @coderway5617
      @coderway5617 Рік тому

      Сразу как закончу с нодой

  • @user-fw1oi1mv8g
    @user-fw1oi1mv8g Рік тому

    Очень полезные видео. Удачи Вам в новом году. По возможности, жду продолжение.

    • @coderway5617
      @coderway5617 Рік тому

      Спасибо большое. Продолжение я уже готовлю. В следующем видео по Node и Express будем разбираться с middelware

  • @jamjam3337
    @jamjam3337 Рік тому

    💥💥💥

  • @jamjam3337
    @jamjam3337 Рік тому

    💥💥💥

  • @jamjam3337
    @jamjam3337 Рік тому

    💥💥💥

  • @jamjam3337
    @jamjam3337 Рік тому

    спасибо!👏👍💥

  • @jamjam3337
    @jamjam3337 Рік тому

    спасибо!👏👍💥

  • @jamjam3337
    @jamjam3337 Рік тому

    спасибо!👏👍💥

  • @faf8834
    @faf8834 Рік тому

    Обожаю смотреть ваш контент. Многие вещи уже знаю, но все равно посмотрела все видео. Атмосфера в них какая-то классная, ламповая. Звук, кстати, стал гораздо лучше. Продолжайте пожалуйста в том же духе!

  • @theoty-js
    @theoty-js Рік тому

    Благодарю

  • @Dima-zr7go
    @Dima-zr7go Рік тому

    как то вы понятно и наглядно обьясняете..

  • @Dima-zr7go
    @Dima-zr7go Рік тому

    реально понятно !) спасибо .

  • @I248
    @I248 Рік тому

    up!

  • @theoty-js
    @theoty-js Рік тому

    автора благодарю! супер контент

  • @Lazarforce
    @Lazarforce Рік тому

    22:05

  • @vlheikke5079
    @vlheikke5079 Рік тому

    Спасибо за видео

    • @coderway5617
      @coderway5617 Рік тому

      Очень радБ что понравилось

    • @vlheikke5079
      @vlheikke5079 Рік тому

      @@coderway5617 искал что нибудь глянуть по ноде, случайно набрёл на ваш канал.Приглянулась подача материала, люблю размеренную не спешную манеру, а то многие сейчас куда то торопятся вечно))

    • @coderway5617
      @coderway5617 Рік тому

      @@vlheikke5079 Спасибо за отзыв

  • @saharaprotocol
    @saharaprotocol Рік тому

    Спасибо!

  • @unicoxr5tj417
    @unicoxr5tj417 Рік тому

    лайк и подпись

  • @zakchips
    @zakchips Рік тому

    спасибо

  • @vlheikke5079
    @vlheikke5079 Рік тому

    Спасибо за видео, очень интересно

  • @VitalyShvydky
    @VitalyShvydky Рік тому

    Видео записано под пивко?

  • @bring_you_up
    @bring_you_up Рік тому

    Добрый день, продолжай в том же духе. Хотелось бы также , чтобы печатал побыстреее

    • @coderway5617
      @coderway5617 Рік тому

      Это экспромт, я только имею примерный план, того что нужно сделать, по этому приходится думать и писать одновременно. Но, подумаю как это можно улучшить.

  • @I248
    @I248 Рік тому

    максимальное разрешение трансляции 360рх всего

    • @coderway5617
      @coderway5617 Рік тому

      Наверное обработка HD YouTubом не закончилась, Очень скоро должно fullHD появится

    • @coderway5617
      @coderway5617 Рік тому

      спасибо

  • @I248
    @I248 Рік тому

    up

  • @raff_m_d6971
    @raff_m_d6971 Рік тому

    От души. Шикарное видео

  • @ToyhonaUz
    @ToyhonaUz Рік тому

    Душа требует продолжения!!!

    • @coderway5617
      @coderway5617 Рік тому

      В течении не дели закончу с нодой и будет продолжение, половина уже записана

  • @Vanya988
    @Vanya988 Рік тому

    Странная конструкция, учил её в 2017 году!

  • @ecoaurum
    @ecoaurum Рік тому

    Супер. Было бы ещё лучше, если бы хоть один пример с кодом был

    • @coderway5617
      @coderway5617 Рік тому

      Спасибо. Будет пример и уже знаю о чем.

  • @VolodymyrBorschuk
    @VolodymyrBorschuk Рік тому

    Может кто-то подскажет, почему у меня постоянно вылазит в консоле Uncaught TypeError: Cannot read properties of undefined (reading 'img') каждый раз при запуске сортировки, и самое главное что при сортировке создается в самом конце пустой блок который НИЧЕМ НЕ ЗАПОЛЯНЕТСЯ. Тоесть всё отобразилось, все ок, но вот в конце вылазит лишний пустой блок... уже сто раз перепроверил.. аналогичный код написал, только свои картинки и названия применил. в Microsoft Adge если что открываю..

    • @coderway5617
      @coderway5617 Рік тому

      Так а в других браузерах что?

    • @VolodymyrBorschuk
      @VolodymyrBorschuk Рік тому

      @@coderway5617 в хроме то же самое.. но уже еще раз перепроверил - написано идентично.. картинки и названия свои. странно что лишний пустой блок с тегами возникает только во время переназначения массива(или фильтрации) :(

    • @coderway5617
      @coderway5617 Рік тому

      @@VolodymyrBorschuk Значит нужно искать ошибку, отправлять в консоль результат после каждого шага или запустить код в браузере в режиме отладки. Там можно видеть, что происходит пошагово

  • @evgenysmirnov4762
    @evgenysmirnov4762 Рік тому

    хорошее объяснение!

    • @coderway5617
      @coderway5617 Рік тому

      Спасибо, я старался.

  • @harmony-ai-world
    @harmony-ai-world Рік тому

    Видео очень понравилось! Спасибо, Иван 🤣 требует ещё раз пересмотра и начертания схемы на бумажке)))

  • @faf8834
    @faf8834 Рік тому

    Видосы зачастили. Это не может не радовать!!!

  • @Alex_Lutor
    @Alex_Lutor Рік тому

    Автор привет и спасибо ! Подскажите , а продолжение планируется ?

    • @coderway5617
      @coderway5617 Рік тому

      Да, как только закончу экскурс в Node.js

  • @Nebogr
    @Nebogr Рік тому

    жду продолжение

    • @coderway5617
      @coderway5617 Рік тому

      Вторая и третья часть уже выложены, четвертая частично записана, но я понял, что нужно сделать экскурс в Node.js, и выложу после того, как закончу с нодой.

  • @user-le7mj4mw7i
    @user-le7mj4mw7i Рік тому

    Вот потому потом и не работают некоторые модули на текущей версии, а надо какие-то патчи или LTS. Не надо "нарушать" указанный в официальной документации код. Даже если "сейчас" работает. Не факт, что "завтра" тоже будет работать. Для того и есть официальная документация. Не стоит учить "плохому" ))

    • @coderway5617
      @coderway5617 Рік тому

      Для приложений в чистом виде, без оберток и надстроек, таких проблем не бывает или они отлавливаются на самом раннем этапе. Как правило это проблема не Ноды, а самих приложений, и вообще "головных болей" у Ноды практически нет. И конфликтов версий, я тоже не припопомню.