Spring и ReactJS

Приложение будет предназначено для людей, нуждающихся в удобном средстве организации личных целей и задач. Типичное приложение типа todo-list, но с одной особенностью, которая впрочем понятна из названия. Организация задач будет возможна не только в виде списка, но и в виде дерева подзадач. Tree > List!


Проект будет транслироваться с нуля, то есть вплоть до установки необходимого окружения для разработки (JDK, Eclipse, Atom, Node.js) и подключения необходимых зависимостей (Spring, Hibernate, ReactJS, Redux). Если вы хотели увидеть, как используются следующие технологии: Java, Spring, Hibernate, JavaScript, ReactJS, Redux, то спешу вас обрадовать, у вас будет такая возможность! Конечно, это не весь список, но это то на чем будет делаться акцент.

Но стоит отметить, что для понимания будут необходимы некоторые базовые знания языков Java, JavaScript и SQL. В рамках трансляций будут рассмотрены основные методы работы с технологиями по мере того, как они будут встречаться в ходе реального, но небольшого проекта.

Данный подход отличается от простого всестороннего изучения технологий по документации или книгам и он не претендует на всеобъемлемость. Применение больших технологий зачастую схоже с принципом Парето: 20% использования технологии дает 80% результата, а поэтому можно считать, что даже в небольшом проекте, есть хорошая возможность понять суть технологии. И если вы готовы, то давайте вместе пройдем этот путь по разработке простого приложения ToDo Tree с серьёзными промышленными технологиями под капотом. Так что жду всех желающих на стриме!

Необходимые навыки?

  • HTML/CSS
  • SQL
  • Java (желательно 8)
  • JavaScript (желательно 6)

Изучаемые технологии?

  • Spring
  • Hibernate
  • ReactJS + Redux

Какова целевая аудитория?

Данный проект нацелен на аудиторию, которая имеет базовые навыки разработки на Java и JavaScript и желает продвинуть свои знания в современных, и востребованных технологиях разработки web-приложений.

Когда будут проходить трансляции?

Каждую пятницу в 20-00

План разработки ToDo на Spring и ReactJS:


В рамках обучения будет продемонстрирован процесс разработки современного web-приложения, начиная от установки необходимого окружения и заканчивая последней строчкой рабочего приложения.

Этап 1:

  • Настройка окружения (под Linux)

Этап 2:

  • Разработка страницы регистрации

Этап 3:

  • Разработка страницы создания/редактирования задачи

Этап 4

  • Разработка страницы списка задач

Этап 5

  • Разработка страницы фильтрации и сортировки

Обучающий проект будет проходит в онлайн режиме на следующем канале, там же можно будет задать интересующие вопросы в чате. Записи всех трансляций доступны на странице канала в разделе «Project Playlist».

Комментарии (9)


  1. izzholtik
    11.08.2017 20:12
    +1

    Славненько, как раз искал что-то подобное.
    Аргументация выбора стека будет?


    1. zarytskiy Автор
      11.08.2017 23:15
      +2

      Главная причина использования этих технологий, заключается в их востребованности, так как проект направлен на обучение чему-то не только новому, но и полезному. В данном случае нет серьёзной мотавации или оснований на использования именно этих технологий вместо каких-либо других.


  1. staticlab
    11.08.2017 22:54
    +1

    Сделайте поиск с заменой Srping -> Spring, пожалуйста, и на картинке тоже.


    1. zarytskiy Автор
      11.08.2017 23:03
      +2

      Спасибо, опечатку исправил


  1. izzholtik
    12.08.2017 21:44
    +1

    А можно залить видео на какой-то менее упоротый сайт? Или они вам платят?


  1. Tauyekel
    13.08.2017 22:51

    Будут ли использоваться селекторы и reselect? Какой стиль программирования в написании проекта, функциональный или императивный (под функциональным я имею ввиду что все компоненты будут строиться через композиции из других а-ля библиотека recompose)? Будут ли использоваться известные паттерны для React (presentational and functional components, HoC)? Спасибо


    1. zarytskiy Автор
      14.08.2017 18:53

      Разделение компонентов на presentational и functional будет.
      Изначально использование recompose и reselect не предполагалось. Но возможно их рассмотрение и добавление в качестве будущего шага по проекту. Все-таки первые шаги будут ориентированы на базу. Прежде, конечно, хочется посмотреть, как пойдет проект. И при обоюдном желании (зрителей и автора) не вижу препятствий для создания дополнительных этапов и тем.