После 3 недель изучения Javascript пришло время создать свое первое веб-приложение. Спасибо, что нажали на этот блог, и позвольте нам всем еще раз вернуться к тому, как я создал веб-приложение о погоде.
Я живу в Мельбурне, и погода меняется несколько раз в день. У вас может быть солнечное утро, затем перейти в хмурый полдень и закончиться грозой в Арво. Я довольно рано понял, что хотел бы создать погодное приложение, которое могло бы получать точные данные о погоде независимо от того, где вы находитесь. Теперь, когда идея проекта определена, остальная работа должна пройти гладко, если только так.
Проект позволяет мне практиковать свои навыки работы с HTML и CSS, в использовании которых я чувствую себя более уверенно. Встраивание того, что я узнал ранее, в приложение стало более естественным процессом. Макет веб-страницы прост и легко визуализируется, поэтому я легко создал свою HTML-структуру. Принимая во внимание отзывы о моем предыдущем проекте (веб-сайт портфолио), я уделяю больше внимания цветам своих элементов и тому, как они позволяют тексту или значку выделяться или сливаться с фоном.
Самая важная часть этого проекта включает использование API (интерфейс прикладного программирования) для получения или отправки необходимых данных для страницы. Я начинаю искать API данных о погоде, который я решил использовать OpenWeather. Этот API позволяет мне получать текущие данные о погоде и все, что вам нужно знать о ваших наружных настройках. Для моего фона я остановился на градиентном цвете, который показался мне немного более привлекательным, чем одноцветный фон. Именно тогда я наткнулся на другой API под названием Unplash, который позволяет добавлять изображения на ваш фон. Используя метод выборки, я смог получить необходимые данные, включая информацию о погоде и фоновое изображение. Затем я перешел к отображению этих данных на странице.
На этом этапе то, что я узнал за последние недели, стало обретать больший смысл. Я погрузился в извлеченные данные в поисках нужной мне информации. Используя свои знания об объектах/массивах и DOM, я смог отобразить данные на своей веб-странице, связав их с нужными элементами с помощью Javascript.
Пытаясь сделать приложение более увлекательным, я смог установить фоновое изображение в зависимости от местоположения. Я также добавил функцию текущего местоположения, которую вы можете использовать, если вы потерялись. Давайте посмотрим на некоторые из проблем, с которыми я столкнулся, и как я их преодолел.
Первая проблема, с которой я столкнулся, связана с использованием API. Каждый API имеет свою цель и требует определенного способа реализации. Прежде чем использовать API, я просмотрел их документацию, чтобы убедиться, что я применяю их правильно и реализую способами, которые соответствуют моим целям.
В ближайшие недели я надеюсь научиться хранить ключи API и безопасно их использовать. В настоящее время у меня есть ключи в моем файле, и они доступны для общественности (примечание: это бесплатные ключи API).
Спасибо, что читаете мой блог еще раз. Я надеюсь написать больше блогов, поскольку я продвигаюсь дальше в моем курсе. Будьте осторожны и поймать вас в следующий раз.
