Последние поступления

  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс

    Последние новости

    • ПОЛУЧИТЕ СКИДКУ ДО 80%! Большая распродажа в честь Нового Года! (Михаил Русаков)
    • Скидка 25%. Коллекции экшенов ART Color. (Алексей Кузьмичев)
    • Скидка 30%. Черная пятница. (Photo-monster, VideoSmile, Евгений Карташов, Зинаида Лукянова, Евгений Попов)
    • Скидка. Открыт новый набор студентов на программу «Иллюстратор-микростокер» (Елена Панюкова, Андрей Панченко)
    • Скидка 50%. Чёрная пятница наступит уже через 2 дня! (БОБ ПОТАШНИК)
    • Новый видеокурс

      Мы в сети

      VK
      FB

      Оформите подписку!

       Введите Ваш E-m@il и
      получайте свежие новости

      Видеокурс
      Бесплатный видеокурс "Full-Stack практика. Создание JavaScript блога". (Владилен Минин - Webformyself)
      Бесплатный видео урок

      Бесплатный видео урок Бесплатный видеокурс "Full-Stack практика. Создание JavaScript блога". (Владилен Минин - Webformyself)

      Страница автора - Владилен Минин - Webformyself
      Страница автора

      Автор: Владилен Минин

      Данный курс посвящен теме Full-Stack разработки на JavaScript и знакомства с ней. В курсе мы разработаем небольшой блог, на примере которого мы разберем базовые составляющие Full-Stack разработки. В первую очередь мы реализуем сервер, который будет взаимодействовать с базой данных MongoDB, предоставлять REST API для работы блога, и выступать в роли веб-сервера, который по запросу будет отдавать клиентскую часть. Для клиентской части мы будет использовать библиотеку Materialize-css и нативный JavaScript. Мы рассмотрим способы работы без библиотек и реализации базовых вещей, таких как работа с REST API, но уже со стороны клиента. 

      Смотреть видео:

      Full-Stack. Создание JavaScript блога. Урок №1. Настройка Express сервера. (Владилен Минин - Webformyself)

      Содержание:

      • Урок 1. Настройка Express сервера

      В данном уроке начнется разработка Full-Stack блога. В первую очередь мы создадим сервер на платформе Node.js, используя фреймворк Express.js. Далее с его помощью мы реализуем обычный веб-сервер, который по прямому запросу будет отдавать index.html, где будет реализована клиентская часть приложения.

      • Урок 2. Подключение MongoDB и создание модели

      В данном уроке мы продолжим разработку и поговорим про базу данных. В качестве БД мы будет использовать MongoDB. Для начала мы установим и настроим ODM Mongoose, с помощью которого создадим модель и схему, а также подключимся к удаленной базе данных, через сервис Mlab.

      • Урок 3. Создание REST API роутов

      В данном уроке мы создадим три основные API роута, для работы блога, используя REST API.

      Мы создадим роуты для:

      • получения всех постов в блоге (GET)
      • создания нового поста в блоге (POST)
      • удаления выбранного поста в блоге (DELETE)

      Также в уроке мы поговорим, как использовать новый удобный синтаксис в Javascript - async, await для работы с асинхронным кодом.

      • Урок 4. Создание клиента. Вывод списка постов

      В данном уроке мы начнем разработку клиентской части блога - его визуальную составляющую. Разрабатывать мы будем с использованием библиотеки Materialize-css, для реализации Material Design.

      В результате урока мы сделаем механизм асинхронной загрузки всех постов, их рендеринг и сделаем визуальный лоадер, который будет показывать процесс загрузки с сервера.

      • Урок 5. Создание нового поста

      В данном уроке мы реализуем модальное окно, в которой будет форма для добавления нового поста. В процессе урока мы немного доработаем сервер для того, чтобы Express автоматически парсил входящие данные на сервер.

      • Урок 6. Удаление постов

      В данном уроке мы реализуем возможность динамического удаления отдельного поста. Также мы доработаем отдельные части поста: вывод мультистрочного текста поста и вывод красивого формата даты.

      • Страница курса - Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)
      • Похожие видеокурсы по теме:
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видео урок
        Видеокурс Бесплатный видеокурс
      • Смотрите бесплатное видео по теме:
        Промо ролики видеокурса Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)
        Промо ролики видеокурса JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
        Промо ролики видеокурса Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
        Промо ролики видеокурса React JS. Основы. (Владилен Минин - Webformyself)
        Промо ролики видеокурса Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
        Промо ролики видеокурса Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)

      Добавить комментарий


      Защитный код
      Обновить