JavaScript adalah bahasa pemrograman yang biasa digunakan untuk pengembangan web, di antara banyak hal lainnya. Ini bekerja bersama dengan HTML dan CSS untuk menambahkan fungsionalitas dinamis ke situs web
Sekitar 97% situs web di dunia menggunakan JavaScript – jadi Anda dapat melihat bahwa ini adalah bahasa yang populer dan banyak digunakan
JavaScript adalah bumbu web. Itulah yang membuat sesuatu menari. JavaScript memungkinkan halaman web untuk melakukan hal-hal seperti menampilkan konten yang diperbarui, menampilkan peta yang dapat berinteraksi dengan Anda, dan banyak hal lainnya
Hari ini kita akan mempelajari cara mempelajari JavaScript lebih cepat sehingga Anda dapat memerintahkan JavaScript sesuka Anda dan menggunakannya secara efektif dalam proyek Anda
Yang Akan Kami Bahas di Artikel Ini
- Cara mempelajari JavaScript lebih cepat – ikhtisar
- Cara berlatih coding di JavaScript
- Mengapa Anda harus membaca dokumentasi
- Beberapa praktik terbaik yang dapat Anda adopsi dari membaca dokumentasi
- Bagaimana berkontribusi pada proyek sumber terbuka
- Bagaimana menemukan proyek untuk berkontribusi
- Mengapa Anda harus membangun banyak proyek
- Sumber daya yang mungkin menginspirasi Anda untuk membangun proyek
Cara Berlatih Coding di JavaScript
Berlatihlah yang membuat Anda maju. Baik itu dalam musik, menari, menyanyi, bermain basket – atau coding
Berlatih benar-benar berulang dan bisa melelahkan, tetapi itulah yang membantu kita dan membedakan kita dalam jangka panjang. Melalui tindakan latihan dan pengulangan kita dapat menjadi baik dalam semua aktivitas ini. Pengkodean tidak berbeda
Bekerja melalui Kursus dan Tutorial
Kursus dan tutorial adalah cara yang baik untuk belajar. Anda dapat menemukan berbagai materi pembelajaran dari banyak tempat di web. Jika Anda ingin mengambil kursus tentang bahasa pemrograman tertentu, Anda dapat menemukannya di situs-situs seperti LinkedIn, Codecademy, dan Udemy.
Jika Anda menyukai video, ada banyak saluran bagus di YouTube yang memposting tutorial koding secara gratis. Toko serba ada favorit saya adalah saluran freeCodeCamp
Saluran ini mungkin berfokus pada JavaScript atau menyertakan video dalam bahasa pemrograman lain juga
Aturan bagus yang saya gunakan di YouTube adalah memeriksa jumlah penayangan yang dimiliki tutorial. Ini akan membantu Anda mengetahui apakah itu bagus untuk diikuti
Panjang tutorial juga sangat penting. Tutorial yang lebih panjang mencakup dasar-dasarnya dengan baik jika Anda baru mulai memprogram dalam JavaScript
Coba Kurikulum JavaScript Gratis di freeCodeCamp
Kurikulum FreeCodeCamp adalah cara sempurna untuk berlatih coding. Ini menawarkan tantangan kecil yang dapat Anda latih dan, setelah tes Anda lulus, lanjutkan ke langkah berikutnya. Ini hampir berfungsi seperti game tanpa bagian game
Anda dapat memahami cara kerja bahasa dengan melakukan tantangan yang ditawarkan kurikulum. Ini sangat bagus untuk orang yang suka bermain game
Berikut adalah contoh dari apa yang diharapkan
Pertama, Anda harus Masuk saat mengakses freeCodeCamp. Ini memungkinkan Anda untuk menyimpan skor / poin Anda
Di sini Anda dapat memilih dari berbagai kursus gratis. Dalam kasus kami, kami hanya membutuhkan kursus JavaScript, jadi kami memilih yang itu
Saya sudah melakukan semua tantangan dalam kursus ini, tetapi jika Anda akan memulai, Anda mulai dari yang pertama, Comment Your JavaScript Code
Sekarang, Anda akan dapat belajar sambil membuat kode. Anda juga akan dapat menjalankan pengujian yang ada di kiri bawah layar Anda
Di sisi kanan, Anda dapat melihat bahwa saya telah menyelesaikan tantangan
Ketika Anda mengklik Run the Tests(Ctrl + Enter), Anda mendapatkan poin Anda jika Anda melakukannya dengan benar. Karena saya sudah melakukan tantangan ini, skor saya akan tetap 100%
Terus lakukan tantangan sampai Anda merasa nyaman
Bagaimana mendekati kursus/tutorial untuk menghindari tutorial neraka
Sangat mudah untuk jatuh ke dalam perangkap menonton tutorial demi tutorial – dan tidak benar-benar menyimpan informasi apa pun. Terkadang tutorial ini datang silih berganti seperti episode di serial Netflix
Aku pernah disana. Itu terjadi ketika saya belajar React untuk pertama kalinya. Saya mengikuti kursus online. Ada hackathon yang akan datang yang perlu saya ketahui React, dan saya mendalami kursusnya
Betapa saya menikmatinya. Instrukturnya hebat. "Seberapa mudah Bereaksi ?," kataku. Saya pergi ke hackathon dan bergabung dengan tim. Dengan pengetahuan baru saya tentang React, saya mengatakan kepada mereka untuk menyerahkan bagian depan kepada saya yang membutuhkan React. Selama implementasi itulah kenyataan menghantam saya. Saya tidak bisa menulis apa pun di React
Bagaimana saya lolos dari neraka tutorial
Jadi saya sering menonton tutorial. Dan momen yang menentukan bagi saya adalah ketika saya mulai menerapkan apa yang saya pelajari dengan coding sambil menonton tutorialnya. Saya dapat membuat proyek setelah menonton tutorial. Saya kemudian membuat satu lagi, lalu satu lagi dan satu lagi
Saya sekarang siap untuk mencoba proyek sendiri. Dengan menggunakan proyek yang saya buat, saya akan meminjam konsep dari mereka seperti bilah navigasi atau footer, dan saya akan menerapkannya di proyek baru saya. Pada akhirnya, saya dapat membuat proyek baru sendiri tanpa bantuan tutorial
Baca Dokumentasi
Kemampuan membaca dokumentasi adalah keterampilan yang diremehkan tetapi penting. Membaca dokumentasi dapat memberi Anda pemahaman bahasa yang lebih baik
Sebagian besar tutorial hanya akan mengajarkan Anda hal-hal dasar sehingga Anda dapat memulai pemrograman dalam JavaScript. Tetapi jika Anda benar-benar memahami bahasa dan cara kerjanya, ini dapat meningkatkan keterampilan Anda sepuluh kali lipat
Ini mengingatkan saya pada saat saya mempelajari cara kerja kereta api. Nah, cerita untuk hari lain. . )
Selain itu, membaca dokumentasi membantu Anda memahami praktik terbaik JavaScript. Sering kali, tanpa mengetahui praktik terbaik, Anda mungkin terjebak dalam penulisan kode buruk yang tidak efisien. Ini membawa Anda ke lubang kelinci dari kode tidak efisien yang tidak pernah berakhir
Ada banyak alat yang dapat Anda gunakan untuk menelusuri dokumentasi. Beberapa di antaranya adalah Zeal, DevDocs, dan Devbook, yang semuanya gratis. Jika Anda merasa ingin memahami fungsi Anda dengan lebih baik, Anda dapat menggunakan fungsi penelusuran mereka di dalam aplikasi, dan membaca lebih lanjut tentangnya tanpa harus ke Google. (Sumber. Bruno Edoh)
Apa yang akan Anda pelajari dari membaca dokumentasi
Terkadang belajar melalui tutorial membuat Anda memiliki lebih banyak pertanyaan daripada yang telah Anda jawab. Di sinilah dokumentasi masuk
Sebuah konsep mungkin diperkenalkan oleh instruktur kursus yang membuat Anda menggantung. Untungnya, Anda sering dapat mempelajari lebih lanjut tentang konsep tersebut dengan membuka dokumentasi
Misalnya, dalam kursus pemula tentang belajar JavaScript oleh Beau Carnes ini
Kursus pemula untuk belajar JavaScript oleh Beau CarnesBeau benar-benar mengeluarkan konsepnya dengan baik. Tetapi jika Anda merasa ingin menjelajahi variables lebih lanjut, misalnya, Anda dapat pergi dan google "variabel dalam JavaScript"
Atau Anda dapat menggunakan Google menggunakan metode khusus ini. kata kunci Pencarian akan mencari kueri di dalam situs web yang Anda inginkan. Mari gunakan MDN Web Docs sebagai contoh. "pengembang. mozilla. variabel org"
Saat saya mengikuti tautan, saya dibawa ke dokumentasi tentang variabel
Di sini, di dokumentasi, Anda dapat mempelajari apa itu variabel. Saat saya mengikuti tautan "Mendeklarasikan variabel dalam JavaScript"
Dan di sana saya bisa belajar lebih banyak tentang variabel JavaScript
Saat saya menggulir sedikit ke bawah, saya dapat mempelajari lebih lanjut tentang tipe Data. Di sini Anda dapat menjelajahi lebih banyak dengan mengikuti tautan masing-masing
Beberapa praktik terbaik yang dapat Anda adopsi dari membaca dokumentasi
Hal terbaik tentang dokumentasi adalah Anda mendapatkan jawaban atas pertanyaan yang belum Anda tanyakan
Anda dapat menemukan semua fungsi yang pernah Anda gunakan di dokumentasi. Jika Anda membaca sepintas lalu, Anda mungkin mendapatkan satu atau dua ide yang bisa sangat membantu dalam proyek masa depan Anda
Keuntungan lainnya adalah ini akan membantu Anda menulis kode yang efisien. Membaca dokumentasi mengenalkan Anda pada cara penulisan kode yang lebih baik. Ini membantu Anda menghindari berjam-jam mencari di Stack overflow dan Google mengapa kode Anda tidak berfungsi
Berkontribusi pada Proyek Sumber Terbuka
Cara hebat lainnya untuk belajar adalah berkontribusi pada proyek sumber terbuka
Ada banyak proyek sumber terbuka yang dapat Anda pelajari dan kontribusikan di GitHub. Beberapa proyek tersebut antara lain
Anda-Tidak-Tahu-JS
Repositori ini akan membantu Anda mempelajari lebih lanjut tentang JS di tingkat yang lebih dalam
Anda akan dapat belajar sambil berkontribusi. Kontribusi ke open-source bisa sekecil kesalahan ketik. Anda dapat membaca README (yang dapat Anda temukan di halaman utama repositori di bagian bawah) untuk mendapatkan pemahaman yang lebih baik tentang proyek ini
Beberapa kontribusi lain yang dapat Anda lakukan antara lain berbagi saran dalam masalah, membantu menulis blog, dan juga coding
Jika Anda tidak terbiasa dengan repositori, atau sebagai pengguna pertama kali, Anda dapat memulai dengan masalah yang diberi label sebagai good-first-issues pada tab masalah
Ini tautan ke repositori. www. github. com/getify/You-Dont-Know-JS
Pastikan Anda memiliki akun GitHub jika ingin mengkloning repositori atau Anda memiliki perubahan yang telah Anda buat dan ingin membuat Pull Request ke repositori
Proyek lain yang dapat Anda kontribusikan dan dengan komunitas inklusif adalah
- Bersihkan-Kode-JavaScript. (github. com/ryanmcdermott/clean-code-javascript)
- wtfjs. (github. com/denysdovhan/wtfjs)
- ES6-untuk-manusia. (github. com/metagrover/ES6-untuk-manusia)
Baca kode proyek-proyek ini dan pelajari bagaimana mereka menyusun kode mereka. Anda juga dapat mempelajari bahasa dan kerangka kerja yang mereka gunakan yang akan membantu Anda berlatih dan memperkuat pembelajaran Anda dalam JavaScript
Komunitas open-source juga umumnya sangat ramah. Jika Anda menemukan proyek yang Anda sukai, cobalah
Bagaimana cara berkontribusi ke open source
Untuk dapat berkontribusi pada open source, Anda hanya membutuhkan tiga hal
- Komputer
- Akun GitHub
- Keinginan untuk berkontribusi
Untuk membuat akun GitHub, buka situs web GitHub
Di sini, Anda dapat mendaftar akun GitHub. Setelah mendaftar, Anda masuk dengan kredensial baru Anda
Setelah masuk, Anda sekarang dapat memulai perjalanan Anda menuju pengembangan sumber terbuka
Tempat yang baik untuk memulai adalah mencari proyek apa pun yang ingin Anda sumbangkan. Kami akan menggunakan contoh proyek JavaScript, yang dihosting di GitHub
Bagaimana menemukan proyek untuk berkontribusi
Di bilah pencarian, saya mengetik "JavaScript"
Saya kemudian akan memilih "Semua GitHub" dalam pencarian saya untuk mencari seluruh GitHub. Itu yang saat ini disorot dengan warna biru
Ketika saya mencari, itu akan membawa saya ke halaman ini
Ini mengembalikan mungkin repositori yang dapat saya kontribusikan, atau saya hanya dapat melihat basis kode mereka
Ada lebih dari satu juta repositori di JavaScript. Dalam kasus saya, saya akan memilih "Panduan Gaya JavaScript Airbnb"
Dengan memilih panduan gaya ini, saya dibawa ke repositori mereka
Hal yang perlu diperhatikan juga adalah bahwa repositori ini adalah tempat yang baik untuk mempelajari JavaScript. Ini akan mengajari Anda cara menulis JavaScript yang benar dan juga menunjukkan cara yang buruk
Anda juga dapat memilih tab "Masalah" di mana Anda dapat mencari masalah yang ingin Anda selesaikan dengan nyaman
Ketika Anda mengkliknya, Anda akan dibawa ke masalah saat ini yang coba dipecahkan oleh pengembang repositori ini dan akan sangat menghargai bantuan Anda untuk menyelesaikannya
Jika repositori bukan salah satu tempat Anda nyaman untuk berkontribusi atau tidak ramah pemula, Anda dapat melihat repositori ramah pemula lainnya seperti Web development resources atau EddieHub community di mana Anda dapat berbagi sumber daya, belajar, dan menjadi bagian dari komunitas
Menjadi bagian dari komunitas itu bagus
Repositori sumber daya pengembangan web
Ingatlah untuk memilih All GitHub dalam pencarian karena kami ingin mencari seluruh GitHub. Opsi lainnya adalah in this repository untuk mencari di dalam repositori ini dan in this organization untuk mencari di dalam organisasi
Masih di GitHub, Anda dapat mencari EddieHub di mana Anda dapat menemukan komunitas pengembang yang ramah, siap membantu pengembang baru berkontribusi ke repositori sumber terbuka secara gratis. Ini memiliki repositori yang bagus di mana Anda dapat belajar dan berkontribusi
Bangun Banyak Proyek
Membangun proyek sangat membantu Anda memahami cara kerja perangkat lunak
Pernah bertanya-tanya bagaimana, ketika Anda mengklik mouse atau keyboard, sesuatu terjadi – dan Anda selalu ingin tahu caranya?
Semakin banyak proyek yang Anda buat, semakin baik Anda akan memahami suatu topik. Dan semakin Anda akan memuaskan keinginan Anda yang mungkin seumur hidup untuk mengungkap cara kerjanya
Membuat proyek juga menguatkan Anda. Anda menjadi orang yang suka memecahkan masalah tidak peduli seberapa kecil atau besar masalah tersebut. Kemampuan untuk menghadapi tantangan pemrograman dan menyelesaikan masalah yang muncul menjual Anda sebagai pemecah masalah. Kemampuan ini berlaku di mana saja dalam hidup
“Cara terbaik belajar bersepeda adalah dengan membeli sepeda dan mulai bersepeda. "Karlgusta
Untuk mulai mengendarai sepeda, Anda tidak terlalu membaca tentang sepeda. Terkadang Anda tidak mengetahui bagian-bagian sepeda, tetapi Anda tetap bersepeda dan belajar sepanjang jalan, jika Anda cukup penasaran
Juga dalam membangun proyek, kreativitas bertemu dengan keterampilan teknis. Sebagian besar industri tidak memiliki cara di mana Anda dapat menggunakan keterampilan teknis dan kreativitas Anda secara bersamaan. Tetapi industri perangkat lunak melakukannya
Anda tidak akan menghadapi masalah yang sama setiap kali membangun sesuatu, jadi Anda harus kreatif untuk mencari solusi. Tantangan, dan solusi yang Anda dapatkan, adalah tempat kesenangan dan kepuasan berada
Ini adalah keseimbangan yang baik antara dokumentasi, tutorial, pengkodean (kebanyakan), dan membaca kode orang lain. Percayai insting Anda dalam prosesnya
Jika Anda membutuhkan panduan untuk meningkatkan kepercayaan diri Anda, berikut adalah beberapa sumber daya yang mungkin bisa membantu
Sumber daya yang dapat menginspirasi Anda untuk membangun proyek
Berikut adalah beberapa sumber daya yang mungkin berguna dalam membangun proyek JavaScript pertama Anda
- Pemrograman JavaScript - Kursus Lengkap (Gratis)
Dalam tutorial video oleh Per Harald Borgen ini, Anda akan belajar tentang cara membuat aplikasi loket penumpang menggunakan JavaScript. Anda akan mempelajari cara membuat variabel, menambahkan tombol, menambahkan event listener, fungsi, string, pernyataan if else, array, dan banyak lagi. Semua ini dalam JavaScript dan gratis
Di video yang sama, ada hadiah rahasia yang lebih bagus lagi. Membangun ekstensi chrome. Ups. Saya mengatakannya
2. Cara membuat jam penghitung (Gratis)
Dalam tutorial video ini, Anda akan belajar cara membuat jam penghitung yang menyerupai jam penghitung di situs e-niaga seperti Amazon
3. 40 Proyek JavaScript gratis untuk Pemula
Pada artikel ini, Jessica membagikan 40 proyek JavaScript yang dapat Anda buat untuk melatih keterampilan Anda saat Anda belajar
Anda akan membuat navbar responsif, jam hitung mundur, game platformer, dan banyak lagi
Kesimpulan
JavaScript adalah bahasa pemrograman yang kuat dan bagus untuk dipelajari jika Anda ingin memulai pengkodean
Kemampuan Anda untuk membaca dokumentasi akan memberi Anda pemahaman bahasa yang lebih baik. Ini juga akan membantu Anda dalam memahami praktik terbaik JavaScript
Mempraktikkan pengkodean melalui kurikulum, belajar melalui tutorial sambil membuat kode proyek, dan berkontribusi pada sumber terbuka akan membedakan Anda dari rekan-rekan Anda. Ini juga akan membuat Anda menjadi programmer yang lebih baik
Dengan membuat proyek, Anda dapat memahami cara kerja JavaScript dan secara umum cara kerja perangkat lunak. Ini juga membantu Anda melepaskan kreativitas Anda
Saya harap Anda menikmati membaca artikel ini. Jika Anda memiliki pertanyaan atau saran, jangan ragu untuk menghubungi saya di Twitter
Sampai berjumpa lagi
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
IKLAN
Halo. Saat ini saya sedang mengerjakan HMIS open source. Juga Pengembang Solusi penuh waktu. "Jangan pernah berhenti mendaki gunung. " Ikuti saya di Twitter. @annoh_karlgusta
Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih
Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai