Мини - Курс "Full - Stack практика. Создание JavaScript блога"

Описание
Программа курса
Видео
События

Тематика
Блоггинг | Java, jQuery и JavaScript | Создание сайтов и блогов

Издательство

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 блога. Урок №1. Настройка Express сервера. (Владилен Минин - Webformyself)
06 августа 2019
Летняя распродажа 2019 года от команды WebForMySelf