Penyerahan untuk Cabaran Frontend v24

Ini adalah penyerahan untuk Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

Apa yang Saya Bina

Saya membangunkan Halaman Pendaratan untuk Liga Kriket Rekreasi New York. Laman web ini mempamerkan maklumat, jadual dan tempat liga.

Demo

Perjalanan

Untuk mendapatkan idea bagi projek saya, saya mula melalui tapak web yang berbeza tetapi tidak menemui sesuatu yang unik. Kemudian saya meminta ChatGPT untuk memberi saya contoh reka letak halaman web yang mempunyai maklumat tentang Liga Kriket. Saya suka warna susun atur dan menggunakannya dalam reka bentuk saya. ChatGPT juga membantu saya dalam banyak keadaan lain, seperti menetapkan kelakuan tatal, menjadikan borang interaktif, dsb. Saya agak baru dalam pembangunan web, masih pelajar di kolej dan ini kali pertama saya, tetapi saya mahu mengambil bahagian dalam cabaran ini.

Cabaran Yang Dihadapi
Saya ingin membenamkan peta kawasan itu ke dalam projek saya tetapi tidak tahu caranya, jadi saya mencari di Google dan mendapati ia boleh dilakukan oleh Google Cloud Console, tetapi ia tidak percuma, jadi saya mencari secara percuma alternatif dan menemui Leaflet, perpustakaan JavaScript sumber terbuka untuk peta interaktif. Saya menggunakannya dalam projek saya untuk menambah peta yang menunjukkan lokasi Central Park Cricket Fields.

Perkara baharu dipelajari

• Bagaimana kita boleh menggunakan AI untuk menjadikan kerja kita lebih cepat dan cekap.

• Pustaka JavaScript baharu untuk membenamkan peta interaktif terus ke halaman web anda.

Lesen

Projek ini adalah di bawah Lesen MIT. Ia percuma untuk digunakan dan sesiapa sahaja boleh menggunakan kod tersebut.

Kesimpulan

Saya belajar banyak perkara baharu dalam perjalanan ini dan teruja dengan cabaran yang akan datang.
Terima kasih pasukan #devchallenge

Atas ialah kandungan terperinci Penyerahan untuk Cabaran Frontend v24. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!