Объединение HTML, CSS, Ruby, Rails и Javascript в Финальный Проект

Надеюсь, вы получили удовольствие от этого курса и выполненных вами проектов. Это не просто окончание проектов на Javascript, а окончание проектов всего курса! Оно знаменует полный спектр полученных вами знаний (которых теперь немало).

В проекте об Уолли мы частично занимались интеграцией, но здесь вы свяжете все воедино и создадите целый сайт. Для реализации, сделайте копию вашего любимого сайта.

Это прекрасное упражнение, позволяющее создать нечно осмысленное и впечатляющее, и при этом не надо думать о том, как превратить этот сайт в ваш личный, полнофункциональный. Ваши потенциальные работодатели наверняка его видели, и вместо вопросов "зачем вы создали еще одну социальную сеть для кошек", можно будет сфокусироваться на технической стороне.

Ваше задание

Сделайте копию вашего любимого вебсайта. Pinterest, Facebook, Twitter... Убедитесь, что он содержит достаточно интересный функционал. Вы соедините все свои знания Rails и Javascript воедино. Это докажет вам, что отныне вы можете создать любой сайт, подобный тем, что вы используете каждый день.

Конечно, вы не сможете скопировать его досконально, и часть пользовательского интерфейса может выглядеть слегка неуклюже, но вы можете достичь около 80% до полной копии, что будет впечатлять.

  1. Создайте репозиторий на Github для проекта. Если возникли сложности, посмотрите инструкции на этой странице.
  2. Подумайте, что вам будет необходимо для достижения цели. Настоятельно рекомендую набросать схему на бумаге перед тем, как вообще садиться за компьютер. Лучше сейчас подумать несколько лишних минут, чем потом переделывать программу, теряя часы впустую. Нарисуйте ПОЛНУЮ схему сайта. Важная часть данного процесса - вы не сможете сделать полную копию (над которой годами трудится команда разработчиков), так что определите основной функционал сайта и некоторые приятные ("nice-to-have") штучки. Будьте уверены в окончании работ по созданию костяка сайта ПЕРЕД работами по добавлению прочего функционала. Поверьте, если вы попробуете сделать все и сразу, вы запутаетесь. Все занимает больше времени, чем ожидалось.
  3. Создайте сайт!
  4. Протестируйте верхний уровень функциональности Javascript и Rails, используя Jasmine и RSpec. Не углубляйтесь в тестирование, но спасите свое время добавлением поверхностных тестов, чтобы не кликать сотни раз после внесения важных изменений в программу.
  5. После окончания, отправьте проект на Github.

Примите поздравления!

Решения студентов

Дополнительные ресурсы

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

Поделиться уроком: