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

  • Бесплатный видеокурс
  • Видеокурс
  • Книга
  • Книга
  • Бесплатный видеокурс
  • Видеокурс

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

    • Скидка 40%. Программирование на JavaScript с Нуля до Гуру 2.0. (Михаил Русаков)
    • Скидка на видеокурсы - Волшебные коллажи, 12 сказочных коллажей, Fatalism Start 2020, Fatalism Neon, Fatalism Art. (Фотошоп-мастер)
    • Скидка 60%. Клуб для веб-разработчиков от WebForMySelf

      Мы в сети

      VK
      FB

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

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

      Видеокурс
      Бесплатный видеокурс "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)

      ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

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

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

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