Создать онлайн-кинотеатр на React

Создать онлайн-кинотеатр, включающий каталог фильмов по жанрам, режиссеру, году выпуска, главным актерам, + функционал добавления в избранное и публикация рецензий.

Так непосредственно звучит задание для меня на работе в целях по созданию онлайн-кинотеатра. Мне бы еще хотелось добавить такой функционал в него: авторизация пользователей, поиск фильмов по названию, виртуальную клавиатуру.

Еще хотелось это сделать не с Redux, с MobX, так как с MobX у нас проект, на котором я работаю.

Похожие задания есть как в RS School, так и в htmlacdemy на третьем уровне JS, но они ясно дело друг от друга отличаются.

В htmlacademy кусается цена, сейчас уже почти 35 000. Там, конечно, еще будут тесты и домашку обязательно проверит наставник, но это несколько не вписывается в мои финансовые планы на этот год. Возможно, но не факт, что этот курс я пройду этой зимой. Но дизайн мне нравится и могу его взять за основу, чтобы не мучится хотя бы с этим вопросом. Еще бы было неплохо позаимствовать ТЗ из Академии касательно работы приложения за исключением работы тестов.

В RS School это задача несколько иная + плюс реализация идет на ES6, а не на React. Нет дизайна и также стоит задача сделать его адаптивным. Плюс есть виртуальная клавиатура. Эта фича мне нравится, вопрос во времени. Работу никто не отменял.

Поэтому на первом этапе нужно определиться с минимальной и максимальной реализацией данной задачи. Сначала сделать весб необходимый минимум, а потом расширять возможности приложения, а также верстку (делать адаптив). Возможно что-то я еще позаимствую и функционала приложения, которое буду делать на втором уровне JS.

Создать онлайн-кинотеатр на React. Step 0. Организовать себе рабочий процесс для создания онлайн-кинотеатра
1. Описать стек используемых технологий
2. Выбрать дизайн
3. Составить ТЗ на базовую и дополнительную реализацию
4. Разбить на подзадачи - разместить это все на гитхабе
Создать онлайн-кинотеатр на React. Step 1. Создать онлайн-кинотеатр на ES6
1. Проверяем рабочий процесс
2. Начинаем программировать
3. Время разбивать камни
4. Шаблонизируй это
5. Революция или эволюция? (Часть 1)
6. Революция или эволюция? (Часть 2)
7. Разделяй и властвуй (Часть 1)
8. Разделяй и властвуй (Часть 2)
9. Большие перемены (Часть 1)
10. Большие перемены (Часть 2)
11. Меняй-удаляй (часть 1)
12. Меняй-удаляй (часть 2)
13. Пришёл, увидел, загрузил (часть 1)
14. Пришёл, увидел, загрузил (часть 2)
15. Жизнь без интернета
16. Дополнительная функциональность
17. Защита
Создать онлайн-кинотеатр на React. Step 2. Реализация приложения на React-Redux
1. React
2. Маршрутизация (React Router)
3. React и паттерны
4. Состояние (State)
5. Redux
6. Асинхронность в Redux
7. Оптимизация производительности
8. Защита
9. Тестирование React
10. Финал
11. Будущее React

2133
27 июля 2020, 13:17

Этап 1

Этап 2

Этап 3

Юлия

Создать онлайн-кинотеатр на React