Создать онлайн-кинотеатр на React
Создать онлайн-кинотеатр, включающий каталог фильмов по жанрам, режиссеру, году выпуска, главным актерам, + функционал добавления в избранное и публикация рецензий.
Так непосредственно звучит задание для меня на работе в целях по созданию онлайн-кинотеатра. Мне бы еще хотелось добавить такой функционал в него: авторизация пользователей, поиск фильмов по названию, виртуальную клавиатуру.
Еще хотелось это сделать не с Redux, с MobX, так как с MobX у нас проект, на котором я работаю.
Похожие задания есть как в RS School, так и в htmlacdemy на третьем уровне JS, но они ясно дело друг от друга отличаются.
В htmlacademy кусается цена, сейчас уже почти 35 000. Там, конечно, еще будут тесты и домашку обязательно проверит наставник, но это несколько не вписывается в мои финансовые планы на этот год. Возможно, но не факт, что этот курс я пройду этой зимой. Но дизайн мне нравится и могу его взять за основу, чтобы не мучится хотя бы с этим вопросом. Еще бы было неплохо позаимствовать ТЗ из Академии касательно работы приложения за исключением работы тестов.
В RS School это задача несколько иная + плюс реализация идет на ES6, а не на React. Нет дизайна и также стоит задача сделать его адаптивным. Плюс есть виртуальная клавиатура. Эта фича мне нравится, вопрос во времени. Работу никто не отменял.
Поэтому на первом этапе нужно определиться с минимальной и максимальной реализацией данной задачи. Сначала сделать весб необходимый минимум, а потом расширять возможности приложения, а также верстку (делать адаптив). Возможно что-то я еще позаимствую и функционала приложения, которое буду делать на втором уровне JS.
-
Создать онлайн-кинотеатр на React. Step 0. Организовать себе рабочий процесс для создания онлайн-кинотеатра
-
Описать стек используемых технологий
-
Выбрать дизайн
-
Составить ТЗ на базовую и дополнительную реализацию
-
Разбить на подзадачи - разместить это все на гитхабе
-
-
Создать онлайн-кинотеатр на React. Step 1. Создать онлайн-кинотеатр на ES6
-
Проверяем рабочий процесс
-
Начинаем программировать
-
Время разбивать камни
-
Шаблонизируй это
-
Революция или эволюция? (Часть 1)
-
Революция или эволюция? (Часть 2)
-
Разделяй и властвуй (Часть 1)
-
Разделяй и властвуй (Часть 2)
-
Большие перемены (Часть 1)
-
Большие перемены (Часть 2)
-
Меняй-удаляй (часть 1)
-
Меняй-удаляй (часть 2)
-
Пришёл, увидел, загрузил (часть 1)
-
Пришёл, увидел, загрузил (часть 2)
-
Жизнь без интернета
-
Дополнительная функциональность
-
Защита
-
-
Создать онлайн-кинотеатр на React. Step 2. Реализация приложения на React-Redux
-
React
-
Маршрутизация (React Router)
-
React и паттерны
-
Состояние (State)
-
Redux
-
Асинхронность в Redux
-
Оптимизация производительности
-
Защита
-
Тестирование React
-
Финал
-
Будущее React
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
