Если вы были на хакатонах, то знаете, что многие проблемы связаны с использованием API компании. Я лично никогда не понимал, как они работают, но я разбирался в JavaScript, поэтому решил изучить Fetch API.

Пока я был в Hack Cambridge, мы решили выполнить задание, в котором используется API Transferwise для реализации системы пожертвований на тепловой карте катастроф (вы можете увидеть живой проект здесь и репозиторий GitHub здесь). Мой вклад в этот проект - это бэкэнд, но я сначала даже не знал, как работать с файлом JSON. Однако мне удалось смоделировать глобальную транзакцию через Transferwise, в конце концов, с помощью очень преданных своему делу представителей Transferwise. В конце концов, мы победили, и теперь я знаю, как использовать JavaScript Fetch API.

Поэтому я решил использовать свои новые знания с пользой, начав проект, где-то использующий бесплатный API. Должно быть, мой счастливый день, потому что вскоре после этого я наткнулся на https://icanhazdadjoke.com/, который предоставляет бесконечный список отцовских шуток в очень простом файле JSON, поэтому я решил поиграть с ним.

Поэтому мы всегда запускаем любое веб-приложение с прочным скелетом HTML:

и причудливый CSS:

Итак, теперь у вас должно получиться что-то вроде этого:

Затем наступает самое интересное! Javascript. Это код, который я написал, чтобы получить отцовские шутки с помощью API:

Поэтому, когда вы обновляете сайт сейчас и нажимаете большую неприятную кнопку LOL, вы получаете отцовскую шутку, которая меняется после каждого нажатия!

Видеть! Очень простой. Вы можете нажать здесь, чтобы увидеть приложение вживую.

Надеюсь, вам понравилась статья!

Ваше здоровье!

Тиа