Изучение программирования было одним из величайших и познавательных путешествий в моей жизни. До изучения кода я всегда восхищался людьми, которые достаточно разбирались в технологиях, чтобы создавать приложения и веб-страницы. Последние две недели я работал над своим первым портфолио для школы Flatiron. Это повлекло за собой создание одной веб-страницы HTML с использованием общедоступного API. Я нашел хороший ресурс для бесплатных общедоступных API на GitHub, как показано ниже.
Нам посоветовали выбрать API, которым мы могли бы быть увлечены. Сначала я нашел тот, который предоставлял данные для различных замысловатых рецептов тако. Я страстно увлекаюсь кулинарией и подумал, что это было бы неплохо. После дальнейшего изучения документация API оказалась ошибочной и не подходила для того типа веб-страницы, которую я пытался создать. Я был в тупике и чувствовал себя довольно подавленным в этот момент. Я приближался к болоту отчаяния и должен был действовать быстро.
БИНГО! Идея поразила меня, как грузовик! Когда мне плохо, что меня поддерживает? Хорошая шутка! Я искал API с глупыми шутками… и ЭВРИКА!
Теперь пришло время выяснить, как я собирался использовать эти шутки и создать приятно функционирующую веб-страницу. Мне было приказано использовать 3 прослушивателя событий, которые работали асинхронно. Используя свои знания JavaScript и HTML, я создал свою веб-страницу!! Я также добавил небольшую вспышку CSS, где я счел нужным! У меня не было большого опыта работы с CSS, но быстрый поиск в Google и несколько хороших руководств, и я был настроен!
Эта веб-страница отвечала всем требованиям для моего первого проекта портфолио, и я очень горжусь тем, чего добился всего за полтора месяца изучения кода!!
Поле выше — это мой «контейнер», в котором хранятся 3 прослушивателя событий или кнопки. Есть кнопка для генерации шуток с использованием данных API. который я закодировал программно. Как вы можете видеть ниже, мне пришлось получать данные из API, используя URL-адрес. Здесь EventListener прослушивает «щелчок», когда пользователь нажимает кнопку, чтобы сгенерировать случайную шутку!
Мой второй прослушиватель событий должен был быть кнопкой сброса, иначе шутки продолжали бы появляться при многократном нажатии кнопки «Получить шутку» и никогда не очищались, если страница не была обновлена вручную. Это не весело для пользователя!! Так родилась кнопка «Сброс»! Шучу, мне пришлось запрограммировать это на….
Наконец, мой третий прослушиватель событий был создан, чтобы пользователь мог оценить шутку, над которой он посмеялся. Кнопка "♡"!!!!!
Приведенный выше EventListener прослушивает щелчок, но также позволяет пользователю переключаться между полным черным сердцем и пустым белым сердцем.
Мне было очень весело делать эту веб-страницу. Применяю все знания, полученные за последние полтора месяца, с пользой. Устранение неполадок моего собственного творения в режиме реального времени помогло мне лучше понять, как эти знания применяются в реальном мире! Я очень рад приступить к моему следующему проекту! А пока немного посмеяться…
