# Неделя #1 Настройка окружения. Создаём приложение
# Подготовка к выполнению задания
- Изучить все материалы первой недели курса в Личном кабинете.
- Представиться в telegram-канале потока своим одногруппникам.
- Познакомиться с наставником.
- Установить node.js и VSCode.
# Инструкция по работе с домашними заданиями
Задача: научиться создавать приложения при помощи create-react-app
Прочитайте документацию по
create-react-appСоздайте новое приложение командой
npx create-react-app loft-taxiСоздайте новый репозиторий на Github
По желанию настройте commitizen
Создать новый репозиторий на Github, запуште ваш проект. Если вы там не зарегистрированы - сделайте это сейчас.
Определитьсь с макетом вашего приложения:
Инструменты:
Рекомендуем установить hub. Это облегчит работу с гитом.
Hub - с его помощью мы будем создавать репозиторий и отправлять пулл реквест на проверку. Это официальный инструмент от создателей Github. Инструкция есть на сайте.
Если возникают вопросы по выполнению, пишите в ветку с вопросами в телеграм-канале курса.
Сдача задания:
После того, как домашнее задание будет выполнено, запустите hub pull-request. Это создаст новый пулл реквест, ссылку на который вы сможете отправить наставнику.
# Что нужно сделать?
- Ознакомиться с примером приложения по первому макету
Логин: test@test.com
Пароль: 123123
- Ознакомиться с примером приложения по второму макету
Логин: test@test.com
Пароль: 123123
# Первые компоненты
Создайте первые компоненты.
Вы уже можете создать Header и компоненты страниц. Страницу логина, регистрации, карты и профиля.
Компоненты страниц пока будут без деталей. Достаточно показать заголовком, какая это страница.
В компоненте добавьте кнопки навигации: карта, профиль, логин. Пока не используем роутер. Навигацию делаем при помощи стейта.
# Форма логина
К концу недели вы уже будете знать как работать с простыми формами в Реакте.
Сверстайте форму логина, пусть пока она не отправляет данные на сервер. При сабмите перенаправляйте пользователя на страницу карты.
# Форма регистрации
Закрепите знания о формах, создайте форму регистрации.
Как и в форме логина отправлять данные на сервер пока не нужно. Разберёмся с этим на следующей неделе.
При сабмите перенаправляйте пользователя на страницу с картой.
# Структура проекта
Пока компонентов мало структура может быть плоской.
# Сдача работы
Создайте пулл реквест. Оформите его аккуратно.
В пулл реквесте укажите, что именно было сделано. В идеале приложите скриншот.
Отправьте пулл реквест на проверку наставнику.
Дедлайн: 12.00 первого дня второй недели.
# Как всё успеть?
Данный план является примерным ориентиром. Вы всегда можете работать в удобном для себя темпе.
# 🗓 Понедельник
Просмотр видео "Знакомство"
Реальные фото на аватарку, фамилия и имя в Telegram
Заполняем данные о себе в Личном кабинете
# 🗓 Вторник
Изучаем материалы модуля "I React.js"
Начинаем работать над заданием первой недели
В течение дня (до 19:00) вы попадете к своему наставнику в подгруппу. Знакомимся с одногруппниками и наставником
# 🗓 Среда
Продолжаем работу над заданием первой недели. Добавляем кнопки навигации: карта, профиль, логин
Изучаем материалы модуля "II React.js"
Общаемся на канале потока
# 🗓 Четверг
Работа над формой логина
Подготовьте вопросы и запишитесь на консультацию к наставнику (тариф "Уютный")
Оставляем появившиеся вопросы на канале своего потока
# 🗓 Пятница
Изучаем материалы Workshop
# 🗓 Суббота
Присутствуем на созвоне группы
Пересматриваем материалы модуля "II React.js"
# 🗓 Воскресенье
Создаем и оформляем пулл реквест. Отправьте пулл реквест на проверку наставнику