Teks lengkap 1723 Kata-kata, perkiraan waktu belajar 5 menit
Sumber: Pexels
Pelatihan seribu hari melatih pemula, dan sepuluh ribu hari melatih para master.
Kalimat ini berasal dari Mas Oyama, yang merangkumnya dengan baik. Rahasia menjadi pengembang yang baik adalah kerja keras.
Jika Anda tertarik menjadi web developer, JavaScript adalah salah satu bahasa pemrograman terbaik. Namun, bisa menggunakan keterampilan untuk membangun proyek JavaScript berarti memahami dasar-dasar JavaScript.
Xiaoxin berikut akan berbagi 5 proyek sederhana dan menarik dengan Anda, dan memberikan beberapa ide. Anda dapat menjelajahinya atas dasar ini ~
Proyek 1: Bangun situs web Anda sendiri
Membangun situs web Anda sendiri adalah salah satu proyek termudah yang dapat Anda buat, tidak hanya berguna, tetapi juga menyenangkan untuk dilakukan.
Bahkan untuk programmer berpengalaman, ini adalah cara yang baik untuk mencoba framework dan library baru. Apa yang Anda pelajari pada akhirnya mungkin berguna di masa depan.
Situs web saya sendiri dibuat menggunakan Angular dan Firebase.
Selain ekosistem JS, istilah dan konsep pengembangan web lainnya dapat dipelajari dalam proses ini. Seperti situs web statis (generator), sistem manajemen konten (tanpa kepala) CMS, Jamstack mungkin yang paling terkenal. Bonus tambahannya adalah untuk meningkatkan keterampilan HTML dan CSS. Anda dapat mengikuti tutorial dasar, atau Anda dapat melakukannya dengan cara Anda sendiri.
Anda akan mendapatkan:
· Pengetahuan dasar tentang HTML, CSS dan JS
· Kustomisasi tema halaman web (Tema)
· Situs Dinamis / Statis
Proyek 2: Agregator Berita
Echo JS, terutama Hacker News (HN) adalah contoh khas dari situs web semacam itu. Yang terakhir hadir dengan AP publik, Anda dapat menggunakannya untuk mengimplementasikan versi Anda sendiri dari pembaca HN. Ini sedikit lebih mudah daripada membangun agregator berita dari awal, dan ini telah mendapatkan begitu banyak popularitas sehingga dapat dilihat sebagai pengganti aplikasi agenda yang sudah ketinggalan zaman.
Anda akan mendapatkan:
· pengumpulan data
· Pengolahan daftar
· Array dan operasi objek
· React and Pusher (jika Anda memilih tutorial di atas)
Sumber: Pexels
Proyek 3: Gunakan puppeter untuk penghapusan situs / otomatisasi situs
Meskipun terdengar rumit, ini sederhana dan menyenangkan untuk dioperasikan. Selama Anda mengetahui metode Anda sendiri, Anda dapat membangun program menarik dan berguna yang tak terhitung jumlahnya.
Aplikasi yang saya buat adalah bot otomatis yang dapat memposting pesan di feed Facebook saya. Saya tidak punya perasaan untuk asisten penjadwalan berbayar itu. Oleh karena itu, saya memutuskan untuk mencoba versi penjadwal saya sendiri, dan ini bekerja dengan sangat baik.
Anda akan mendapatkan:
· Otomasi Situs Web
· Penghapusan situs
· Bagaimana browser bekerja dan menyimpan program pencatatan informasi
Proyek 4: Aplikasi obrolan
Sekarang mulai tingkatkan kesulitannya. Membuat aplikasi chat membutuhkan pengalaman front-end dan back-end. Kecuali jika Anda menggunakan koneksi peer-to-peer (P2P), yang membutuhkan lebih banyak pengetahuan seperti WebRTC, Anda perlu menggunakan Node.js, yang akan membuka pintu ke dunia baru untuk Anda.
Tentu saja, Node.js memiliki ekosistem, pustaka, dan kerangka kerjanya sendiri. Framework paling populer adalah Express, yang merupakan pembungkus untuk Node.js API yang kurang bersahabat. Selain itu, saat menggunakan Node.js, Anda harus mencoba npm, repositori paket terbesar yang berisi jutaan pustaka dan alat JS sumber terbuka.
Singkatnya, Anda tidak hanya dapat meningkatkan keterampilan front-end dan Node.js, tetapi Anda cenderung memahami WebSockets. Ini adalah protokol untuk komunikasi waktu nyata, yang hanya diperlukan di banyak aplikasi. Anda juga dapat mempelajari tentang pustaka Socket.IO yang sangat terkenal, yang terkait erat dengan semua konten real-time.
Anda akan mendapatkan:
· WebSockets
· Node.js
· Langganan dan observasi
Proyek 5: Menggunakan JS node dan detektor perubahan situs visual
Meski terdengar sulit, namun ini cukup mudah dilakukan. Dengan bantuan visualisasi dan webhook, mudah untuk membuat proyek keren.
Anda dapat membuat backend Node.js, menerima webhook dari visualisasi, dan mengirim pesan ke chatbots telegram. Untuk informasi lebih lanjut, Anda dapat memeriksa detektor perubahan situs web film yang saya buat (
Anda akan mendapatkan:
· Webhooks
· Chatbot Telegram
· Platform seperti Heroku
Sumber: Pexels
Saya harap 5 proyek ini akan memberi Anda banyak inspirasi dan inspirasi ~
Komentar Suka Ikuti
Mari berbagi manfaat pembelajaran dan pengembangan AI
Jika mencetak ulang, silakan tinggalkan pesan di latar belakang dan ikuti spesifikasi pencetakan ulang
- Duo keren: 6 kasus untuk menunjukkan kepada Anda bagaimana AI dapat membantu pengembangan teknologi keuangan
- Core Sound Today | 146 juta keping data! Wi-Fi gratis di stasiun Inggris membocorkan informasi pengguna
- Pembunuh tewas dalam insiden penembakan di Nakhon Ratchasima, Thailand, korban tewas bertambah menjadi 30
- Desa Sangmu: Giat mengembangkan industri untuk pengentasan kemiskinan dan membantu memenangkan perang melawan kemiskinan
- Yayasan Kesehatan dan Pengentasan Kemiskinan Beijing Lianci mendonasikan susu bubuk domestik berkualitas tinggi senilai 140 juta yuan kepada 100.000 keluarga bayi di Zhangjiajie selama tiga tahun
- Melanjutkan sekolah, bermain, minum, dan minum, orang Okinawa ahli dalam memerangi epidemi: secara sadar memakai topeng dan dengan patuh berjongkok di rumah
- Saat badai datang, tidak ada seorang pun di Swedia yang memakai masker. Orang Tionghoa ingin sekali membeli masker dari Tiongkok dan menyumbang ke rumah sakit
- Lebih dari 300 perawat medis dari Guangdong bergegas membantu Hubei pulang hari ini, seorang pelukis jiwa memberikan 12 lukisan ke Wuhan