Day f #daysofMiva Coding Challenge

Hai kawan-kawan. Jadi untuk hari ke-2 cabaran ini, saya memutuskan untuk meninggalkan GitHub dan menumpukan pada perkara yang benar-benar ingin saya pelajari: Javascript.

Apa itu Javascript

Bayangkan anda seorang ahli sihir dalam dunia pembangunan web. Anda mempunyai HTML yang boleh dipercayai untuk membina struktur tapak web anda, seperti tulang makhluk ajaib. Kemudian, anda mempunyai CSS untuk memberikannya beberapa gaya—seperti memilih jubah atau pakaian yang sempurna. Tetapi ada sesuatu yang hilang. Ciptaanmu masih, tidak bernyawa. Di situlah JavaScript (JS) masuk—ialah tongkat ajaib yang menghidupkan ciptaan anda! JavaScript ialah bahasa pengaturcaraan yang digunakan terutamanya untuk mencipta kandungan interaktif dan dinamik di tapak web. Ia membolehkan pembangun melaksanakan ciri seperti animasi, pengesahan borang dan kemas kini masa nyata tanpa perlu memuatkan semula halaman. JavaScript boleh digunakan pada kedua-dua bahagian hadapan (apa yang pengguna lihat dan berinteraksi) dan bahagian belakang (operasi sebelah pelayan) aplikasi web.

JavaScript ada di mana-mana. Bahasa itulah yang menjadikan web seperti hari ini—interaktif, menyeronokkan dan menarik tanpa henti. Sama ada anda ingin membuat tapak web yang hebat, apl mudah alih yang ketagihan atau permainan, mempelajari JavaScript adalah seperti mempelajari ejaan yang paling berkuasa dalam buku.

Penggunaan Javascript

JavaScript (JS) ialah bahasa pengaturcaraan serba boleh yang digunakan secara meluas dalam pembangunan web. Berikut ialah beberapa kegunaan utama JavaScript:

1. Pembangunan Web (Frontend)
Halaman Web Interaktif: JavaScript menjadikan tapak web interaktif. Daripada menu lungsur turun ke peluncur imej, ia menguatkan elemen dinamik yang anda lihat di tapak web.
Pengesahan Borang: Ia menyemak sama ada pengguna telah mengisi borang dengan betul sebelum menyerahkannya.
Animasi: JavaScript boleh mencipta animasi dan kesan, seperti elemen pudar atau objek bergerak pada skrin.
2. Pembangunan Web (Latar Belakang)
Pengaturcaraan Sisi Pelayan: Dengan Node.js, JavaScript boleh dijalankan pada pelayan untuk mengendalikan permintaan, mengurus pangkalan data dan menyediakan kandungan.
Aplikasi Masa Nyata: JavaScript digunakan untuk aplikasi masa nyata seperti apl sembang, permainan dalam talian dan penstriman data langsung.
3. Pembangunan Apl Mudah Alih
Apl Mudah Alih Cross-Platform: Rangka kerja seperti React Native dan Ionic menggunakan JavaScript untuk membina apl mudah alih yang berfungsi pada kedua-dua iOS dan Android.
4. Pembangunan Permainan
Permainan Penyemak Imbas: JavaScript, bersama-sama HTML5 dan Kanvas, digunakan untuk mencipta permainan interaktif yang berjalan terus dalam penyemak imbas.
5. Automasi dan Skrip
Automasi Tugas: JavaScript boleh mengautomasikan tugasan berulang dalam pembangunan web, seperti mengecilkan fail atau kod ujian.
Sambungan Penyemak Imbas: JavaScript menguasakan banyak sambungan penyemak imbas yang meningkatkan kefungsian penyemak imbas seperti Chrome dan Firefox.
6. Visualisasi Data
Carta dan Graf: Perpustakaan seperti D3.js dan Chart.js membenarkan pembangun membuat visualisasi data yang kompleks dan carta interaktif.
7. Kecerdasan Buatan dan Pembelajaran Mesin
Model AI dan ML: JavaScript, dengan perpustakaan seperti TensorFlow.js, boleh digunakan untuk membina dan menjalankan model AI terus dalam penyemak imbas.
8. Internet Perkara (IoT)
Peranti IoT: JavaScript boleh digunakan untuk memprogramkan peranti IoT, membolehkan komunikasi antara peranti dan web.
9. Apl Web Progresif (PWA)
PWA: JavaScript membolehkan pembangunan apl web yang berfungsi di luar talian dan berasa seperti apl mudah alih asli.
10. Integrasi API
Mengambil Data: JavaScript digunakan untuk berinteraksi dengan API, mengambil data daripada pelayan dan memaparkannya pada halaman web secara dinamik.

Ini hanyalah sebahagian daripada banyak kegunaan JavaScript, yang terus menjadi bahasa utama dalam industri teknologi kerana fleksibiliti dan pelbagai aplikasinya.

Apa yang saya lakukan hari ini pada Javascript

Jadi pada asasnya, saya tidak meneruskan dan memulakan kod yang saya tidak faham?. Saya mengambil langkah demi langkah. Saya mula-mula belajar cara membuat kod pada alat pembangunan krom dan saya ingin menunjukkan kepada anda cara saya melakukannya.

CARA MEMBUKA ALAT PEMBANGUNAN CHROME
Terdapat 3 cara untuk membuka alatan pembangunan krom:
-Command+Alt+J pada Mac
Control + Alt+ J pada Windows
-Klik kanan tetikus dan kemudian memilih inspect juga akan membuka alat pembangunan pada Chrome. Walaupun ia akan memaparkan tab elemen dan kemudian kita boleh pergi ke konsol yang mana kita akan menjalankan beberapa kod.
-Langkah terakhir ialah pergi ke menu chrome dan kemudian pergi untuk melihat, klik pada pembangun. Di bawah pembangun, klik pada konsol Javascript dan tab konsol akan muncul.
Yang berkesan untuk saya ialah yang kedua di mana saya hanya mengklik kanan pada tetikus saya dan mengklik pada inspect dan kemudian menavigasi ke tab konsol.
NB: Saya menggunakan penyemak imbas tetamu dan bukan penyemak imbas biasa saya.

Saya boleh meningkatkan fon dengan mengklik pada perintah tambah dan kemudian sebaliknya dengan mengklik pada arahan - dalam mac tetapi dalam chrome ia adalah kawalan + dan kawalan -.

Imej yang saya klik pada kawalan +

Imej yang saya klik pada kawalan -

Konsol membolehkan kami menulis dan menguji kod Javascript supaya ia sangat berguna semasa pembangunan cth membetulkan ralat namun kami tidak boleh menulis aplikasi sebenar menggunakan konsol ini.

alert("Hello World")

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

50+60-10

39+54-24

Jadi daripada imej di atas kita boleh melihat pop timbul dan juga beberapa pengiraan matematik yang dijalankan menggunakan JS.

Cabaran yang saya hadapi

Satu-satunya cabaran yang boleh saya katakan yang saya hadapi ialah tidak mengetahui mengapa kod berfungsi seperti itu dan lama-kelamaan saya percaya saya akan faham dan mahir melakukannya.

Kesimpulan

Saya sangat gembira kerana saya menempuh perjalanan ini dan saya sudah banyak belajar. Saya secara peribadi tahu bahawa saya akan segera mengatasi cabaran yang saya hadapi dan sebelum anda tahu saya akan menjadi seorang guru?. Anyways thanks a lot fam❤️. Nantikan artikel hari ke 3 saya??.

Atas ialah kandungan terperinci Day f #daysofMiva Coding Challenge. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!