Мы в сети

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)

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


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