首頁 > web前端 > css教學 > 主體

提交前端挑戰 v24

王林
發布: 2024-07-26 14:32:43
原創
340 人瀏覽過

Submission for Frontend Challenge v24

這是前端挑戰 v24.07.24 的提交,魅力我的標記:娛樂

我建造了什麼

我為紐約休閒板球聯盟開發了一個登陸頁面。網站展示了聯賽的資訊、賽程和場地。

示範

旅行

為了獲得我的專案的想法,我開始瀏覽不同的網站,但找不到獨特的東西。然後我請 ChatGPT 給我一個包含板球聯盟資訊的網頁佈局範例。我喜歡這種佈局顏色並將其用於我的設計中。 ChatGPT 還在許多其他情況下幫助了我,例如設定滾動行為、使表單具有互動性等。我在 Web 開發方面還很陌生,還是一名大學學生,這是我第一次,但我想參與這項挑戰。

面臨的挑戰
我想將該地區的地圖嵌入到我的專案中,但不知道如何做,所以我在Google 上搜索,發現可以透過Google Cloud Console 完成,但它不是免費的,所以我搜索了一個免費的替代方案,並發現了Leaflet,一個用於互動式地圖的開源JavaScript 庫。我在我的專案中使用它添加了一張顯示中央公園板球場位置的地圖。

學到新東西

  • 我們如何利用人工智慧讓我們的工作更快、更有效率。

  • 一個新的 JavaScript 函式庫,用於將互動式地圖直接嵌入到您的網頁中。

執照

該專案已獲得 MIT 許可。它是免費使用的,任何人都可以使用代碼。

結論

在這趟旅程中我學到了很多新東西,並對即將到來的挑戰感到興奮。
謝謝#devchallenge 團隊

以上是提交前端挑戰 v24的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板