Ученица первого этапа школы Flatiron 😄
Всем привет, меня зовут Вакас Анджум, и я учусь на инженера-программиста в школе Flatiron на дневном отделении! Учебный лагерь длится 15 недель и обучает разработке программного обеспечения полного стека с нуля! В настоящее время я нахожусь в конце своего первого этапа, и я очень рад узнать, какие навыки я приобрел за последние 3 недели. В этом коротком блоге я расскажу о своем самом первом портфолио-проекте, созданном с использованием технологий, которые я недавно изучил: Html, Css и Javascript.
Когда проектная неделя началась, всем в нашем классе была вручена рубрика, состоящая из основных результатов, которые наш проект должен иметь, чтобы перейти к следующему этапу. Некоторые из этих элементов извлекали информацию из API, используя 3 прослушивателя событий, манипулирование DOM и, наконец, также используя методы итерации массива.
У меня была прекрасная возможность поработать с одноклассником над этим проектом, и в наших первоначальных обсуждениях мы подумали о различных API, с которыми мы могли бы работать, и благодаря нашему общему интересу к аниме мы выбрали API, состоящий из нескольких разных популярных аниме. . Проект, который мы изначально планировали, представлял собой аниме-викторину, в которой пользователям предлагалось ответить на ряд вопросов и проверить свои знания о различных аниме. Когда мы начали работать над нашим проектом, мы поняли один важный ключ — API, из которого мы извлекали нашу информацию, был больше фактами об аниме, чем вопросами!
К сожалению, это заставило нас полностью изменить наш текущий проект и подумать о новых способах использования имеющейся информации. Вместо этого мы решили сделать генератор фактов об аниме!
Ниже я сделал свой первоначальный запрос на выборку и передал параметр, который будет нацелен на раскрывающееся меню, которое будет отображать все факты любого аниме, по которому щелкнули.
Я также очень горжусь тем, что мне удалось создать еще один элемент кнопки, который при нажатии мог генерировать случайныйфакт каждый раз, когда кнопка была нажата. Это заняло у меня некоторое время, но, создав еще одну функцию, которая немного отделила мою функциональность и связав ее вместе с другой функцией щелчка, я, к счастью, смог это сделать!
Вот фрагмент кода, который позаботился об этом за меня 😁.
Мы с партнером решили, что с двумя прекрасными функциями мы также поработаем над полем для комментариев, где пользователи могут вводить комментарии к прочтению этих новых фактов. Ниже приведен фрагмент кода, который мы создали для достижения этого результата.
Хотя это все еще далеко от того, чтобы стать приложением с полным стеком, я очень доволен тем, как далеко я продвинулся всего за 3 недели. Я очень взволнован своим предстоящим путешествием и надеюсь добавить больше функциональности по мере того, как я буду изучать новые технологии, а также внедрять их в текущие и будущие проекты.
Спасибо всем за чтение, я надеюсь, что у вас есть отличный день или ночь!
