- 網站範例(Demo):http://taiwanweathermap.surge.sh/
- 天氣的API(Taiwan weather data API):https://works.ioa.tw/weather/api/doc/index.html
- 台灣地圖SVG素材(Taiwan Map SVG): https://simplemaps.com/resources/svg-tw
- 參考的教學(Referencing Tutorials):https://www.youtube.com/watch?v=eHrGB5EHtF4 (不包含API串接&Axios)
- 基礎技術:HTML+CSS
- 進階技術:SVG的操作+SCSS+JQUARY+VueJS+Axios
- 其他:Markdown語法+Giphycapture(製作GIF圖檔)+Npm Surge(用來上傳Demo網站)+Git
User can get the weather information by clicking location (點選地點可以獲得當下的天氣狀態)
- Web Demo:http://taiwanweathermap.surge.sh/
- Taiwan Weather API:https://works.ioa.tw/weather/api/doc/index.html
- Taiwan Map SVG:https://simplemaps.com/resources/svg-tw
- HTML+CSS
- SCSS+JQUARY+VueJS + Axios
- Markdown+Giphycapture(A software for making GIF)+ Npm Surge(For uploading Demo Web) +Git