Для этапа 1 — JavaScript, HTML и CSS — я решил создать веб-сайт, чтобы хранить все нишевые мемы, которые я знаю и люблю. У меня были проблемы с организацией контента в моей повседневной жизни, так как изображения поступают из разных мест, и я не нашел хорошего приложения, чтобы отслеживать их все и легко получать к ним доступ для использования в Интернете и в повседневном общении. Я решил создать веб-сайт, который позволяет пользователю отправлять мемы на сервер из формы с разнообразной информацией. Сайт отображает все мемы на этом сервере и позволяет пользователю копировать URL-адреса изображений одним нажатием кнопки. Сайт взаимодействует с общедоступным API мемов и делится некоторыми классическими мемами, чтобы помочь пользователю вдохновляться каждый раз, когда он открывает свой браузер.
У меня столько же опыта работы с JavaScript и CSS, сколько я узнал на Фазе 1 во Flatiron. В прошлом я играл с HTML, создавая свой собственный Tumblr и помогая другим пользователям настраивать их страницы.
Я обнаружил, что часть HTML была самой сложной частью проекта. Придумать что-то визуально полностью с нуля не было препятствием, я отрисовывал это так, как я хотел, на странице, вызвавшей проблему. Чтобы исправить это, я начал копаться в некоторых соглашениях HTML/CSS, таких как работа с HTML как сетка. Это позволило мне настроить контейнеры на моем сайте, чтобы я мог манипулировать ими для визуального выполнения того, что я хотел. Я бросил себе вызов, настроив свой верхний раздел как раздел с тремя сетками, а основной контент — только с двумя разделами сетки. Установление этих границ значительно облегчило понимание элементов сайта.
Этот проект помог мне понять, что такое совместное кодирование и разработка. С базовыми знаниями HTML и CSS, которые у меня были, многие из моих первоначальных концепций для моего сайта были неосуществимы. Я нашел так много поддержки и удивительных точек прыжка от Bootstrap и Code Pen.
Форма, которую я использовал, была получена из множества примеров, которые я нашел на Bootstrap. Мне было так весело копаться в вариантах использования и примерах, пока я не нашел тот, который соответствовал моему видению. Затем началась реализация и настройка кода под цели моего сайта. Некоторые из самых сложных частей реализации заключались в проверке элементов исходной страницы, чтобы найти небольшие фрагменты кода, которых мне, возможно, не хватало для создания полнофункциональных и интересных элементов страницы.
Обнаружение Code Pen вдохновило и поддержало меня в этом проекте, но, что более важно, дало мне идеи о том, как я хочу внести свой вклад в сообщество программистов в будущем. В этом проекте я использовал некоторые CSS-эффекты из Code Pen для рендеринга наложений карт. При этом у меня состоялся разговор с моим другом, инженером-программистом. Они поделились со мной, что у них не обязательно есть портфолио кодировщика, потому что большая часть работы, которую они проделали за эти годы, была связана с программным обеспечением частной компании, защищенным брандмауэром, а не идеальным представлением их кодирующих способностей. Вместо этого они используют Code Pen, чтобы поделиться кодом, созданным для решения технических и визуальных задач, с большим онлайн-сообществом. Потенциальные работодатели могут просмотреть их вклад и понять, каков их набор навыков, какими типами кода они увлечены, и, что наиболее важно, что кодер играет роль во взаимном сообществе кодирования.
Что меня вдохновляет в кодировании, так это то, что, хотя это все компьютерная работа, и это может показаться изолирующим для постороннего, все это взаимосвязано. Разработчики постоянно работают вместе над совместным решением проблем, делясь своим прогрессом, возможностями и подталкивая друг друга к созданию наиболее эффективных решений. Работа других разработчиков позволила мне создать свое видение в большей степени мастером мемов, и я мотивирован таким же образом поддерживать будущих членов сообщества.
