Bagaimana saya bisa belajar javascript sendiri?

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

Beau 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

1. Bersihkan-Kode-JavaScript. (github. com/ryanmcdermott/clean-code-javascript)
2. wtfjs. (github. com/denysdovhan/wtfjs)
3. 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

Komunitas EddieHub

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

1. 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

Annoh Karlgusta

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

Apa cara termudah untuk mempelajari JavaScript?

Bisakah saya belajar JavaScript dalam 3 hari?

Berapa lama untuk mempelajari JavaScript sendirian?

Apakah 3 bulan cukup untuk belajar JavaScript?