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

Это бесплатный видеокурс
659
Бесплатный видео урок

Полная информация

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

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

    • Урок 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. Удаление постов

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

  • ВСЕ МАТЕРИАЛЫ АВТОРА

    Видеокурс
    Видеокурс "React JS...

    Видео урок
    Видеокурс "NodeJS. ...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Фреймвор...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "JavaScri...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "React JS...

    Видео урок
    Видеокурс "FullStac...

    Видео урок
    Видеокурс "Фреймвор...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Telegram...

    Видео урок
    Видеокурс "Angular ...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Препроце...

  • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

    Мини-курс. Веб-дизайн. Быстрый старт. (Даниил Волосатов - Webformyself)
    Мини-курс. Python. ...

    Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. NodeJS. ...

    Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. Server S...

    JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. JavaScri...

    React JS. Основы. (Владилен Минин - Webformyself)
    Мини-курс. React JS...

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

    Создание Telegram бота. (Владилен Минин - Webformyself)
    Мини-курс. Создание...

    Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)
    Мини-курс. Препроце...

    Angular 4 быстрый старт, первые результаты. (Владилен Минин - Webformyself)
    Мини-курс. Angular ...

    VUE JS – быстрый старт, первые результаты. (Владилен Минин - Webformyself)
    Мини-курс. VUE JS –...