Моим проектом для Фазы 1 было приложение Чака Норриса. Я выбрал API Чака Норриса как отличный способ начать работу, так как он не требует никаких специальных ключей API или аутентификации, поэтому к нему легко получить доступ и использовать. Документация по API Чака Норриса также очень короткая, но достаточно полная, чтобы даже новичок вроде меня мог понять, как он работает, в кратчайшие сроки. Кроме того, работа над этим проектом может быть веселой, поскольку я изучаю, какие шутки я могу извлечь из его базы данных! Я также познакомился с популярной культурой и интернет-феноменом, наблюдая за Чаком Норрисом в детстве, что помогает мне различать шутки Чака Норриса и функции JavaScript.
Приложение позволяет пользователям искать забавные факты о Чаке Норрисе и получать случайные шутки каждый раз, когда они нажимают кнопку. В качестве инструментов использовались HTML, CSS и JavaScript, а в качестве API использовалось https://api.chucknorris.io/.
Я приступил к созданию внешнего интерфейса с использованием HTML/CSS, а также добавил три кода JavaScript для базовой функциональности и выделения функций моего приложения: фильтр раскрывающегося списка категорий, который будет отображать случайные цитаты из выбранной категории, селектор наведения для изменения цвет кнопки при наведении на нее мыши и создание случайных кавычек при нажатии кнопки. Цитаты будут взяты из API Чака Норриса.
Вот пять функций JavaScript, с которыми я имею дело: async, await, json(), promise и fetch. Async использует ключевые слова async и await для включения асинхронного поведения на основе обещаний; await ждет завершения одной инструкции, а затем переходит к следующей; json() позволяет мне писать корректный JavaScript; обещание — это успех или неудача асинхронной операции и ее результирующее значение; и fetch позволяет мне легко делать запросы и ответы для получения данных из другого сервиса.
Создание этого приложения определенно было для меня полезным опытом. Поскольку это был мой первый проект на JavaScript, я столкнулся со многими трудностями на протяжении всего проекта и испытал много разочарований во время его создания. Одна из самых больших проблем, с которыми я столкнулся, связана с попыткой заставить мою функцию выборки собирать данные. Несмотря на то, что я прошел лекцию шаг за шагом и посмотрел обучающие видео на YouTube, что-то было не так, и я не мог понять, почему, как бы я ни старался! Однако после долгих проб и ошибок в конце концов все встало на свои места и заработало, как и ожидалось, что в конце концов оправдало все усилия!
Наконец, после выполнения всех этих шагов конечный продукт получился именно таким, каким я его себе представлял с самого начала, когда я впервые начал планировать все необходимое для создания успешного работающего приложения на основе API Чака Норриса.
Забегая вперед, я не только получил ценный опыт работы с API, но и узнал гораздо больше о языках программирования и инструментах, используемых для воплощения моей идеи в жизнь, и я могу воспользоваться преимуществами, которые дает работа с API, такие как более быстрое время разработки, лучший пользовательский интерфейс и улучшенная масштабируемость. Я также понимаю, что моя страсть к доступности очень важна для обеспечения доступности веб-приложений в будущих проектах API.
