Проект 0: Домашняя страница

Цели

• Стать более уверенным пользователем JS и получить умение перестраивать и манипулировать DOM'ом.
• Получить опыт в работе с git и GitHub.
• Получить опыт в чтении и доработке исходного кода.

Получение Помощи

Если вам понадобится помощь в работе над проектом, можете спокойно воспользоваться следующими ресурсами (их не так много :D):

• Группа в телеграмме, ссылку можно получить у TF.

С чего начать

git и GitHub

Если у вас еще нет аккаунта на GitHub'е, направляйтесь сюда https://github.com/join и создайте учетную запись. Этот аккаунт будет вашей звездой, направляющей вас в океане знаний к прекрасному причалу иррудиции, где вас будут ожидать задания, которые вы далее будете отправлять и получать за это редчайшие дублоны. Другими словами, через эту учетную запись вы будете работать с заданиями, отправлять их и получать оценки.

Также вам нужно будет удостовериться, что на вашем компьютере установлен git. Перейдите по ссылке с *инструкцией* от GitHub'а, для установки и настройки git'а (если он, конечно, еще у вас не установлен) и подключите к вашему git'у учетную запись GitHub'а (указав никнейм и email).

GitHub Classroom (Виртуальный класс от Гитхаба)

На этом курсе мы будем использовать GitHub Classroom (Виртуальная Аудитория), для выдачи проектов и собирания готового к проверке материала. Для того, чтобы начать работу над "Проект 0":

1. Нажмите сюда, чтобы попасть на страницу GitHub'овской аудитории (GitHub Classroom), дабы вы могли приступить к выполнению задания.
2. Нажмите на зеленую кнопку “Accept this assignment” (Принять задание). Таким образом вы создадите Github'овский репозиторий для вашего проекта. Имейте ввиду, что git'овский репозиторий - это всего лишь место, где будет храниться ваш код и благодаря которому вы сможете отслеживать вносимые вами изменения, которые, несомненно, со временем будут иметь место быть.
3. Нажмите на следующую за данным текстом ссылку “Your assignment has been created here” (Ваше задание было создано и находится здесь), которая перенаправит вас на страницу GitHub'овского репозитория, где и будет храниться ваш проект. GitHub'у понадобится всего лишь несколько секунд для того, чтобы закончить создание вашего репозитория.
4. В правом верхнем углу страницы репозитория нажмите на кнопку "Fork" (Ответвление/Развилка/Вилка), а затем (если вас попросят) кликните на ваш никнейм. Так вы создадите ответвление (Fork) вашего проектного репозитория, т.е. версию репозитория, которая будет принадлежать именно вашему GitHub аккаунту.
5. Теперь вы должны видеть новый заголовок GitHub репозитория, а именно username/project0-username, где username (никнейм) является вашим GitHub'овским никнеймом. Это будет репозиторий, куда вы будете отправлять (push) весь ваш код, в процессе разработки проекта. Работая над проектом, не пытайтесь публиковать (push) вашу работу напрямую в репозитории mobile50/project0-username: всегда публикуйте (push) свой код в вашем репозитории username/project0-username.

От GitHub'а к Вашему Компьютеру

Хорошо, давайте скачаем код с GitHub аккаунта на ваш компьютер. Сперва, находясь на вашей главной странице репозитория (https://github.com/username/project0-username), нажмите на зеленую кнопку “Clone or download” (Клонировать или скачать). Скопируйте ссылку под заголовком “Clone with HTTPS” (Клонировать вместе с HTTPS) в ваш буфер обмен (если вам не чужд SSH, вы можете воспользоваться и им).

Затем, открыв терминальное окно, перейдите в директорию, где бы вы хотели хранить проект (напоминаем, что команда cd позволяет вам менять текущую директорию) и выполните следующую команду:

git clone repository_url project0

где repository_url - это ссылка, которую вы только что скопировали с GitHub'а. Вас попросят ввести никнейм и пароль от вашей учетной записи GitHub'а

Если вы не хотите каждый раз, клонируя репозиторий, вводить логин и пароль от вашей учетной записи GitHub'а, вы можете, если хотите, подключиться к GitHub'у через SSH. Больше инфы об этом вы найдете *здесь*.

Выполните команду cd project0, чтобы попасть в ваш репозиторий.

С чего начать

Чтобы начать работу над проектом, обратитесь к инструкции файла README. По всем вопросам пишите в телеграмм!

FAQи

• Будете ли вы придираться, если я начну редактировать другие файлы, помимо script.js?
  • Конечно нет, можете спокойно редактировать HTML или CSS, если вам кажется, что это добавит изюминку в ваше приложение!
• Надо ли мне заморачиваться по поводу браузерной совместимости?
  • Нет. Главное, чтобы ваше приложение работало в Chrome (или в любом другом браузере, поддержку которого вы укажите). Это все, что мы будем использовать для проверки вашего приложения.
• Могу ли я использовать внешнюю библиотеку?
  • Пожалуйста используйте только vanilla JS для этого проекта.

Как Отправить

1. Перейдите на страницу GitHub'а, где находится ваш репозиторий username/project0-username (заметка: не перепутайте с репозиторием mobile50/project0-username).
2. На правой стороне экрана кликните по кнопке "Pull request" ("Принятие изменений").
3. Обязательно удостоверьтесь, что “base fork” (основной fork) - это mobile50/project0-username и “head fork” (головной fork) - это username/project0-username.
4. Кликните по “Create pull request”.
5. На следующей странице вам опять придется нажать на кнопку “Create pull request”.

Поздравляем! Вы завершили Проект 0.