Как мы сделали наш первый проект в сфере веб-девелопмента


Джаянти Госвами

В последнее время Crazy Codigo публикует много технического контента. Поэтому я решил использовать свой слот, чтобы дать вам, ребята, небольшую передышку и рассказать о том, как мы все еще довольно глупы / удивительны 🙂

С тех пор как мы чудесным образом поступили в колледж в прошлом году, мы с Аннешей завели друзей (удивлены? я тоже): Сэм и Шив. Они тоже работали над Crazy Codigo и кодили вместе с нами.

Поэтому, когда мы начали думать о веб-разработке, Шив взял на себя инициативу.

От HTML до CSS и JS — этот человек за день накропал больше видео, чем Барни в своем порнографическом тайнике.

Итак, мы сделали то, что делаем, когда изучаем что-то новое:

Our First Web Dev Project
Вошли в полноэкранный режим Выйти из полноэкранного режима

Идея

Первый шаг к работе над любым проектом — найти проект. Для нас это не составило особого труда.

У нас было много вариантов:

  1. Переделать сайт Crazy Codigo (пока отложили на потом).
  2. Сделать бизнес-сайт для родственников (хммммм….)
  3. Создать игровой сайт для нашего друга Делайт.

Итак, очевидно, мы выбрали третий вариант. Всегда приятнее сделать что-то веселое в качестве первого проекта.

План

Ах, да. Мое видение сайта для Дилайта было простым. Фактически, его можно выразить одним предложением:

It has to be poggers
Войти в полноэкранный режим Выйти из полноэкранного режима

Вот и все. Это было все, что я хотел.

Но Шив сказал, что ему нужно немного больше указаний, чем это. Тогда нам пришлось сесть и все спланировать.

Шив хотел вложить в сайт все, что он видел и чему научился. Я же хотел, чтобы сайт выглядел замысловато и в то же время просто. Поэтому мы постоянно колебались между «Мы можем сделать больше» и «Мы делаем слишком много».

После долгих препирательств мы пришли к единому плану:

  • Сайт будет состоять из 4 разделов
  • Он будет основан на графике и визуальном оформлении
  • Содержание будет минимальным, и мы добавим наши любимые эффекты: Вращающийся куб, Параллакс, Глянцевые карты и Круги!

И вот началось создание сайта delightedev.com.

Код

Работа над кодом была нелегкой благодаря нашей ужасной привычке — промедлению. Мы по-прежнему были всего лишь двумя кодерами со страстью к промедлению. Только на этот раз мы с Шивом были в самом разгаре.

Итак, нам потребовался месяц, чтобы завершить код, который должен был занять не больше недели. Но ничего страшного. Мы сделали сайт для поггеров 🙂

Если вам интересно, вы можете взглянуть на код на нашем GitHub.

Технический долг

В этом проекте мы взяли на себя много технического долга. Код далек от завершения.

Некоторые места для улучшения включают:

  • Сайт не является отзывчивым. НЕ просматривайте его на телефоне. Вид может быть смертельным.
  • Как разработчики, мы знали, на что шли. Как авторы контента — не очень. Итак, страница ссылок… интересная.

Некоторые аспекты сайта все еще находятся в стадии разработки, так что не стоит судить. Но, тем не менее, он выглядит довольно хорошо, и Дилайт выглядит довольным.

Развертывание

После большого количества пота и слез (к счастью, без крови), мы представили сайт Дилайту в его день рождения. Или, по крайней мере, я думал, что это был его день рождения. Мы не говорим об этом.

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

Итак, мы использовали страницы GitHub для его развертывания. Если вы хотите узнать, как это делается, вы можете заглянуть в последний блог Шива. Вот и вся история о том, как наш первый веб-проект был запущен.

Подведение итогов

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

На этом все. Cya!

~ J

Оцените статью
devanswers.ru
Добавить комментарий