- Урок 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 автоматически парсил входящие данные на сервер.
В данном уроке мы реализуем возможность динамического удаления отдельного поста. Также мы доработаем отдельные части поста: вывод мультистрочного текста поста и вывод красивого формата даты.
БЕСПЛАТНО
