Tingkatkan pembelajaran JavaScript anda dengan eksperimen yang menyeronokkan

Artikel ini dikaji semula oleh Mark Brown. Terima kasih kepada semua pengulas rakan sebaya di SitePoint untuk mendapatkan kandungan SitePoint dengan sebaik -baiknya!

Pembelajaran dalam bidang pembangunan web tidak berkesudahan. Industri kami sentiasa dikemas kini dan bertambah baik, begitu juga dengan kami! Malangnya, menjaga trend boleh meletihkan, tetapi ia tidak perlu. Dalam artikel ini, saya akan menunjukkan kepada anda bagaimana eksperimen kecil boleh menjadi cara yang menyeronokkan dan berkesan untuk mempelajari pengetahuan baru dan memastikan pembelajaran dan tetap up to date sentiasa menyeronokkan.

mata utama

Eksperimen kecil boleh menjadi cara yang menarik dan berkesan untuk mempelajari pengetahuan baru dalam pembangunan web dan JavaScript. Pembelajaran boleh menjadi lebih menyeronokkan dan kurang meletihkan dengan menetapkan peraturan seperti menyediakan kerja, tugas penjadualan, mengelakkan tarikh akhir, dan memberi diri anda sedikit masa untuk menghiburkan.
Mengkaji eksperimen anda dapat membantu anda meningkatkan kemahiran dan pengetahuan anda. Tanya diri anda sama ada masalah timbul semasa pelaksanaan boleh dielakkan dengan persiapan yang lebih baik atau bagaimana untuk meningkatkan kualiti kerja yang telah dilaksanakan dapat memberikan pandangan yang berharga.
Terdapat sejumlah besar sumber dan alat untuk memberi inspirasi dan pembelajaran. Dari sumber visual seperti codepen, dribbble atau behance, kepada runtime javascript seperti node.js, elektron, cordova dan react native, kepada API, perpustakaan, rangka kerja, dan juga alat -alat dunia fizikal seperti Raspberry Pi, Arduino dan Lego® Mindstorms® Terdapat pelbagai pilihan untuk membantu anda meningkatkan kemahiran JavaScript anda.

Pastikan keseronokan eksperimen

Adakah anda telah melakukan projek sampingan? Sekiranya anda melakukannya, saya percaya anda mempunyai projek yang sangat menarik pada mulanya, tetapi ia dengan cepat berubah menjadi kekacauan. Menjadi dalam masalah tidak menyeronokkan dan serius boleh merosakkan motivasi projek sampingan dan kerja. Alasan utama untuk ini biasanya penyebaran pelbagai atau tekanan, dan anda harus berehat di masa lapang anda. Dengan menguatkuasakan beberapa peraturan, kita dapat memastikan bahawa kita tidak menghadapi kejutan yang tidak menyenangkan:

Sediakan kerja anda. Pastikan anda tahu betapa besar eksperimennya dan apa yang terkandung di dalamnya. Sekiranya terdapat terlalu banyak, bahagikannya ke dalam ketulan yang mudah dikendalikan, masing-masing dengan permulaan dan akhir, atau berputus asa.
Jadual tugas. Jangan tinggal lewat setiap malam. Hanya jadual satu hingga dua kali seminggu, satu hingga dua jam setiap kali.
tiada tarikh akhir. Semua orang, termasuk anda, perlu berehat. Adalah baik untuk menetapkan matlamat, dan ia harus baik untuk merindui mereka.
Beri diri anda beberapa masa hiburan. Walaupun anda tidak boleh menunda-nunda, kehidupan lebih daripada sekadar berdetik pada sekumpulan senarai tugasan. Luangkan masa untuk menikmati buah -buahan buruh.

Melaksanakan eksperimen kecil tidak bermakna mereka tidak boleh menjadi sebahagian daripada projek yang lebih besar. Sebagai contoh, ambil projek visualisasi data sebagai contoh. Ia mungkin mengambil sedikit masa, tetapi mudah dibahagikan kepada tugas -tugas yang lebih kecil:

• Sediakan aliran kerja pembinaan
• Cari dan dapatkan data yang menarik (ini adalah senarai API yang sejuk yang boleh memberi inspirasi kepada anda)
• Gunakan node.js untuk mendapatkan dan memproses data, dan menggunakan ciri -ciri ES2015
• Bandingkan dan pilih teknologi (kanvas, webgl, dom/svg) atau perpustakaan (d3.js, p5.js, tiga.js) untuk memvisualisasikan data
• Bayangkan data dengan alat pilihan anda

Saya menggunakan papan Trello untuk mengesan semua eksperimen saya. Di sana, saya akan menyenaraikan dan merancangnya dan menambah maklumat yang relevan sebelum memulakan eksperimen. Untuk projek yang lebih besar, saya cenderung untuk membuat papan baru khusus untuk projek dan menambah kad untuk setiap tugas. Mana -mana alternatif adalah mencukupi. Rakaman perkara boleh menghilangkan bunyi dalam fikiran saya!

Mengkaji Eksperimen

Di samping pembelajaran melalui operasi praktikal perkara -perkara baru, eksperimen juga merupakan peluang yang baik untuk memperbaiki diri. Semak eksperimen anda dan tanyakan kepada diri sendiri soalan -soalan berikut:

Bolehkah masalah timbul semasa pelaksanaan dielakkan oleh penyediaan yang lebih baik? Jika ya, apa yang perlu saya lakukan?
Apakah kualiti kerja yang dilaksanakan dan bagaimana saya dapat memperbaikinya?
Bolehkah saya menyediakan percubaan saya dengan lebih berkesan?

mengkaji dan memperbaiki apa yang kita lakukan akan membawa kita pengalaman - ia tidak ternilai dalam industri kita. Begitu juga untuk komunikasi dan rakaman. Banyak ulasan eksperimen membentuk catatan blog yang hebat.

Walaupun tidak ada kaitan dengan JavaScript, salah satu eksperimen saya yang sangat menarik adalah untuk membuat grafik vektor di SASS, di mana saya menukar graf koordinat ke jalan dan membatalkannya ke dalam bayang -bayang kotak piksel tunggal. Bukan sahaja saya belajar tentang fungsi SASS yang saya tidak kenal sebelum ini, saya juga perlu mengkaji beberapa algoritma.

Mencari inspirasi

Jika anda tidak pasti apa yang perlu dipelajari seterusnya, lebih baik untuk mengikuti beberapa sumber untuk inspirasi.

Jika anda suka kesan visual dan seni, Codepen adalah tempat yang bagus untuk bermula. Kerja -kerja terpilih sering dipenuhi dengan penindasan berus yang menakjubkan yang sepatutnya melihat dengan lebih dekat bagaimana mereka bekerja. Jika anda berasa lebih mencabar, cuba Dribbble atau Behance.

SitePoint dikuasakan oleh banyak penulis dari pelbagai latar belakang. Oleh itu, saluran JavaScript penuh dengan semua jenis Essences JavaScript.

Alam Sekitar Masa

Anda mungkin sudah tahu bahawa JavaScript boleh berjalan di penyemak imbas, tetapi adakah anda tahu bahawa JavaScript juga boleh dijalankan di luar penyemak imbas?

• node.js adalah yang paling popular bukan pelayar JavaScript runtime. Menggunakannya, anda boleh menulis skrip, antara muka baris arahan, aplikasi desktop, dan banyak lagi. Ia berjalan pada Windows, OS X dan Linux.
• Electron membolehkan anda membina aplikasi desktop silang platform menggunakan HTML, CSS, dan JavaScript tradisional.
• Cordova membolehkan anda membina aplikasi mudah alih menggunakan HTML, CSS, dan JavaScript.
• React Native membolehkan anda membina aplikasi mudah alih menggunakan kerangka React.

penyemak imbas API

Dalam beberapa tahun kebelakangan ini, banyak API baru telah diperkenalkan ke dalam penyemak imbas yang membolehkan anda melakukan semua jenis perkara yang menarik.

• API Pekerja Perkhidmatan adalah API besar yang membolehkan kami melakukan pelbagai operasi, seperti menyediakan sokongan luar talian.
• WebRTC adalah API yang membolehkan kami mewujudkan sambungan masa nyata dengan komputer lain dan lulus data audio dan video.

Sesetengah API membolehkan kami menggunakan perkakasan peranti, seperti sensor membaca atau mempunyai peranti melakukan operasi tertentu (seperti getaran).

• Sensor cahaya ambien memberikan maklumat mengenai kecerahan cahaya ambien yang boleh kita gunakan untuk menyesuaikan laman web atau aplikasi kami.
• Status bateri agak jelas; Aplikasi yang lebih berat boleh menggunakannya untuk membolehkan mod penjimatan kuasa.
• Lokasi geografi memberikan kami maklumat mengenai lokasi pengguna.
• Kami boleh menggunakan maklumat rangkaian untuk menyediakan fail yang lebih kecil kepada pelanggan.
• Pemberitahuan sangat berguna untuk banyak aplikasi, seperti aplikasi sembang.
• Adakah anda membina permainan yang menggunakan tetikus untuk input? Kunci penunjuk adalah rakan anda.
• Sensor jarak membolehkan anda memahami jarak antara pengguna dan peranti. Mungkin ini boleh digunakan untuk mengesan pelukan?
• Arah peranti membolehkan kita mengesan perubahan arah.
• Getaran membolehkan kami bergetar peranti, yang bagus untuk permainan.

perpustakaan dan kerangka

Kebanyakan perpustakaan direka untuk menyelesaikan tugas dengan mudah, jadi ia sentiasa bermanfaat untuk mempunyai pengalaman menggunakannya. Perpustakaan dan rangka kerja yang lebih popular seperti Angular dan React mungkin menjadi mesti bekerja. Satu atau dua eksperimen juga boleh menjadi cara yang baik untuk mempersiapkan temuduga.

Ketahui bahawa perpustakaan dan kerangka mempunyai jangka hayat yang terhad. Walaupun mereka berguna, anda harus dapat memahami masalah yang mereka selesaikan dan dapat menyelesaikannya tanpa mereka.

Struktur

• Angular adalah rangka kerja MVC yang banyak pasukan masih menggunakan.
• React adalah perpustakaan untuk memberikan pandangan.
• Polimer adalah perpustakaan untuk membuat komponen web.
• lodash.js, underscore.js dan ramda.js adalah semua perpustakaan pengaturcaraan berfungsi. Sesetengah pasukan suka menggunakannya, tetapi ramai yang tidak. Sama ada cara, pemahaman yang baik tentang pengaturcaraan berfungsi adalah kemahiran yang sangat popular.

Visual

• d3.js adalah perpustakaan grafik dan operasi DOM yang berfungsi dengan baik jika anda ingin menjadikan grafik menggunakan SVG atau HTML.
• p5.js adalah perpustakaan yang diilhamkan pemprosesan (buku lakaran perisian yang fleksibel dan bahasa untuk "& gt; belajar bagaimana untuk kod dalam konteks seni visual"). Ia mempunyai siri fungsi yang kaya untuk menarik bentuk dan melakukan pengiraan.
• Three.js adalah API 3D peringkat tinggi untuk abstrak bahagian-bahagian WebGL yang sukar.

dunia fizikal

Secara peribadi, saya sangat teruja apabila saya dapat menulis perisian untuk melakukan perkara -perkara di dunia fizikal. Jika ya, pertimbangkan untuk membeli mana -mana set berikut:

• Raspberry Pi adalah komputer papan tunggal yang bersaiz kad kredit dan sesuai untuk pengajaran atau pembelajaran.
• Arduino adalah serupa dengan Raspberry Pi, tetapi memberi tumpuan lebih kepada aspek elektronik.
• LEGO® MindStorms® adalah mikrokomputer yang dapat mengawal perkakasan LEGO. Apa yang anda tidak suka?
• Johhny-Five adalah kerangka JavaScript untuk robotik dan Internet Perkara yang boleh dipasang pada Arduino atau peranti yang serupa.

Semua perkara di atas boleh diprogramkan dalam JavaScript, atau boleh menjalankan JavaScript.

Kesimpulan

Eksperimen kecil adalah amalan yang sangat baik untuk mempelajari perkara -perkara baru. Manfaat lain ialah mereka dapat membantu anda memperbaiki cara anda bekerja, yang tidak ternilai dalam industri kami. Dengan menguatkuasakan beberapa peraturan, kita dapat memastikan eksperimen menarik dan memotivasi diri kita untuk belajar lebih banyak dan menjadi lebih baik.

Bagi mereka yang menghadapi masalah, saya harap artikel ini memberi inspirasi kepada anda untuk memulakan percubaan yang baru dan menarik. Bagi mereka yang tidak pasti apa yang hendak ditangani seterusnya, saya harap artikel ini memberi anda inspirasi. Atau mungkin anda mempunyai beberapa idea yang baik untuk bereksperimen? Atau mungkin saya kehilangan sesuatu? Sama ada, saya suka mendengar anda dalam komen di bawah.

Soalan Lazim mengenai Eksperimen Pembelajaran JavaScript

Projek praktikal apa yang boleh saya lakukan untuk meningkatkan kemahiran JavaScript saya?

Terdapat banyak projek praktikal yang boleh anda lakukan untuk meningkatkan kemahiran JavaScript anda. Sebagai contoh, anda boleh membuat kalkulator mudah, jam digital, atau aplikasi cuaca. Projek -projek ini akan membantu anda memahami bagaimana JavaScript berinteraksi dengan HTML dan CSS untuk membuat aplikasi web berfungsi. Anda juga boleh cuba membuat aplikasi senarai tugasan, yang akan membantu anda memahami cara memanipulasi model objek dokumen (DOMS) menggunakan JavaScript.

Bagaimana saya menggunakan JavaScript dalam eksperimen Google?

Eksperimen Google adalah platform yang membolehkan anda menguji dan menunjukkan kemahiran JavaScript anda. Anda boleh membuat eksperimen interaktif menggunakan JavaScript dan berkongsi dengan dunia. Untuk menggunakan JavaScript dalam eksperimen Google, anda memerlukan pemahaman asas tentang bagaimana JavaScript berfungsi dan cara menggunakannya untuk memanipulasi elemen web.

Apakah peranan JavaScript dalam mewujudkan laman web interaktif?

JavaScript memainkan peranan penting dalam mewujudkan laman web interaktif. Ia membolehkan anda memanipulasi elemen di laman web berdasarkan tindakan pengguna. Sebagai contoh, anda boleh menggunakan JavaScript untuk menukar kandungan laman web apabila pengguna mengklik butang, atau menghidupkan unsur -unsur di laman web.

Bagaimana saya membuat animasi menggunakan JavaScript?

JavaScript menyediakan pelbagai cara untuk membuat animasi di laman web. Anda boleh membuat animasi lancar menggunakan kaedah RequestAnimationFrame. Kaedah ini memberitahu penyemak imbas untuk melaksanakan animasi dan meminta penyemak imbas untuk memanggil fungsi yang ditentukan untuk mengemas kini animasi sebelum redraw seterusnya.

Apakah kepentingan JavaScript dalam pembangunan web?

JavaScript adalah komponen asas pembangunan web. Ia membolehkan anda membuat laman web interaktif dan dinamik dengan memanipulasi unsur -unsur di laman web. Tanpa JavaScript, laman web akan statik dan tidak akan bertindak balas terhadap operasi pengguna.

Bagaimana saya meningkatkan kemahiran pengekodan JavaScript saya?

Cara terbaik untuk meningkatkan kemahiran pengekodan JavaScript adalah amalan. Anda boleh mengamalkan kemahiran anda dengan melakukan pelbagai projek, seperti membuat aplikasi kalkulator atau senarai tugasan. Anda juga boleh mengambil bahagian dalam cabaran pengekodan pada platform seperti Codepen untuk menguji kemahiran anda.

Apakah sumber untuk belajar JavaScript?

Terdapat banyak sumber yang tersedia untuk pembelajaran JavaScript. Laman web seperti Codecademy, FreeCodeCamp, dan Rangkaian Pemaju Mozilla menyediakan tutorial dan panduan percuma di JavaScript. Anda juga boleh menemui banyak tutorial video di YouTube.

bagaimana saya boleh debug kod javascript saya?

Anda boleh menggunakan konsol dalam alat pemaju penyemak imbas untuk debug kod JavaScript. Konsol ini membolehkan anda log mesej, ralat paparan, dan menjalankan kod JavaScript dalam masa nyata.

Apakah peranan JavaScript dalam pembangunan front-end?

JavaScript adalah bahagian utama pembangunan front-end. Ia membolehkan anda membuat laman web interaktif dan dinamik, mengesahkan input pengguna dan berkomunikasi dengan pelayan web.

Bagaimana saya berinteraksi dengan pelayan web menggunakan javascript?

Anda boleh menggunakan JavaScript untuk menghantar permintaan ke pelayan web dan menerima respons. Ini dilakukan menggunakan objek API API atau XMLHTTPREQUEST. Ini membolehkan anda mengemas kini bahagian halaman tanpa memuatkan keseluruhan halaman.

Atas ialah kandungan terperinci Tingkatkan pembelajaran JavaScript anda dengan eksperimen yang menyeronokkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!