Loncat ke Konten Utama

JavaScript dan WordPress API Istirahat: Cara Memahami Jargon

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

JavaScript adalah salah satu topik berita di WordPress. Rest API mendorong pengembang tidak hanya untuk belajar bagaimana berinteraksi dengannya, tetapi juga untuk meningkatkan penggunaan WordPress mereka dengan aplikasi web yang lebih efisien.

Tetapi jika Anda baru mengenal JavaScript, Anda dapat dengan mudah tersesat dalam semua teknologi dan jargon baru ini. sebuah "grunt" mungkin adalah suara berisik yang Anda buat saat mencoba men-debug kode JavaScript, AJAX mungkin adalah bubuk untuk membersihkan JavaScript Anda dan REST mungkin yang Anda butuhkan saat semuanya selesai.

Jadi dalam artikel ini, kita akan membahas sebagian besar jargon dunia baru ini seputar JavaScript.

Oleh karena itu saya akan mencakup terminologi berikut:

  • Konsep inti
  • Toko Buku
  • Kerangka
  • Template sistem
  • Alat Pengembangan

Jadi mari kita mulai dengan Konsep inti Anda perlu memahami untuk mengasimilasi suite dengan lebih baik.

javascript
Jika Anda ingin tahu lebih banyak, Anda bisa melakukannya di JavaScript.com

Konsep inti

Mari kita mulai dengan konsep paling dasar (Itu semua JavaScript). JavaScript adalah bahasa pemrograman "front-end", yang artinya dijalankan di komputer pelanggan. JavaScript dapat digunakan untuk semua jenis tindakan dinamis: menambahkan interaksi, mengambil data, menampilkan pop-up. Namun, jangan tergoda untuk melakukannya secara berlebihan.

Une toko buku adalah direktori kode yang dapat Anda gunakan untuk menyelesaikan proyek. Ia menambahkan kode tambahan yang menyederhanakan integrasi fitur atau sekadar meningkatkan kecepatan pengembangan.

Un Kerangka mirip dengan perpustakaan, tetapi lebih besar dalam arti bahwa itu adalah kumpulan perpustakaan dan beberapa fitur.

Sistem template JavaScript memungkinkan Anda untuk menghindari pengulangan diri Anda sendiri, dan mematuhi konsep " Jangan Ulangi Diri Anda: KERING". Ini mengacu pada tampilan bagian dari model desain "MVC", sehingga Anda tidak perlu menulis kode yang sama beberapa kali. Ini seperti " templatage pada tema".

Model MVC umumnya dijelaskan oleh framework dan library. Setiap toko buku cenderung berfokus pada salah satu dari tiga elemen ini (Tampilan Pengontrol Model). Model adalah struktur data (di WordPress, ini merujuk ke database). Itu pandangan adalah elemen yang mengacu pada antarmuka pengguna (teks, gambar, tombol, animasi, dll.). Itu pengawas adalah hubungan antara model dan tampilan. Kode yang Anda tulis mengambil elemen dari halaman untuk berinteraksi dengan data.

reuterstv
Reuteurs.tc contoh aplikasi di Halaman Tunggal.

Aplikasi satu halaman adalah situs web satu halaman, yang berperilaku tidak seperti situs web dengan banyak halaman, tetapi seperti aplikasi, perbedaannya di sini adalah halaman tersebut disegarkan melalui JavaScript. Ini berarti bahwa konten telah dimuat sebelumnya yang sangat mengurangi waktu pemuatan halaman.

Kerugiannya tentu saja berdampak pada SEO, karena robot tidak dapat dengan mudah menavigasi aplikasi, terutama karena mereka tidak memiliki browser web seperti pengguna biasa, dan oleh karena itu tidak memiliki JavaScript.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

API berarti Application Programming InterfaceAntarmuka pemrograman aplikasi). Ini adalah kombinasi kode (fungsi, kait, dll..), disediakan oleh sistem yang memungkinkan Anda berinteraksi dengannya. Jika Anda pernah menambahkan widget Twitter ke blog Anda, maka Anda harus berinteraksi dengan API Twitter. WordPress menawarkan beberapa API berbeda dan masing-masing memungkinkan Anda untuk mengelola sumber daya dan fitur yang terakhir dengan lebih baik. REST API berbeda karena memungkinkan sistem lain untuk berinteraksi dengan WordPress.

feelingrestful

ISTIRAHAT singkatan dari Representational State Transfer. Ini menggunakan arsitektur decoupled, yang berarti bahwa beberapa komponen situs atau aplikasi dipisahkan. Dalam praktiknya, ini berarti mengatakan bahwa situs Anda dapat disimpan di suatu tempat, sementara data yang dicadangkannya disimpan di tempat lain.

AJAX singkatan dari Asynchronous JavaScript and XML atau JavaScript and Asynchronous XML. Ini adalah teknik yang memungkinkan Anda berinteraksi dengan situs web tanpa menyegarkan halaman. Antarmuka admin WordPress menggunakan AJAX seperti halnya sebagian besar situs web seperti Twitter, Facebook, dll. Jangan terkecoh dengan namanya, Anda tidak perlu melakukan XML untuk menggunakan AJAX.

JSON singkatan dari JavaScript Oriented Notation. Ini memungkinkan Anda untuk mengambil data dari aplikasi menggunakan JavaScript yang memberi Anda kemampuan untuk memanipulasi data. Jika dulu Anda pernah menggunakan XML untuk menyimpan dan memanipulasi data pada halaman web, JSON akan menjadi cara baru Anda melakukannya sekarang. Dalam model MVC, ini mengacu pada pengontrol, karena itu semua adalah interaksi antara data dan antarmuka.

perpustakaan

Ada banyak sekali pustaka JavaScript dan sangat sulit untuk mengetahui kapan dan mana yang harus digunakan. Saya akan membahas beberapa plugin JavaScript populer. Terkadang Anda ingin memilih satu atau yang lain, terkadang Anda akan menggunakan kedua set karena keduanya merujuk ke berbagai bagian model MVC.

Semua perpustakaan berikut ini bersifat open-source dan gratis.

jquery

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

jQuery mungkin adalah pustaka JavaScript paling terkenal. Beberapa situs menggunakannya untuk menambahkan animasi "front-end" ke situs mereka. Ini adalah pustaka yang benar-benar menyederhanakan penggunaan JavaScript di situs web Anda, memberi Anda kemampuan untuk mengakses fitur-fitur khusus juga.

jQuery terintegrasi di WordPress Anda dapat menggunakannya di tema dan plugin Anda dengan mudah. Pustaka ini pada prinsipnya digunakan untuk menambahkan animasi dan tidak selalu berinteraksi dengan data situs Anda.

Bereaksi adalah perpustakaan yang dikembangkan dan dikelola oleh Facebook dan dihosting di direktori Github. Ini adalah pustaka yang menangani tampilan dalam model MVC. React adalah pustaka populer yang memungkinkan Anda membuat antarmuka yang akan menggunakan format JSON untuk berinteraksi dengan REST API.

Kaku  adalah toko buku yang dikelola dan digunakan oleh Google. Angular melakukan pekerjaan yang mirip dengan React, jadi Anda dapat menggunakannya untuk berinteraksi dengan REST API. Jika Anda memilih untuk berinteraksi dengan React, Anda mungkin tidak akan menggunakan Angular dan sebaliknya.

Bootstrap bukan hanya pustaka JavaScript, tetapi pustaka yang terdiri dari JavaScript, HTML, dan dokumen CSS. Dikembangkan oleh Twitter, ini adalah pustaka yang umumnya digunakan untuk membuat tema WordPress. Namun, ini tidak berinteraksi dengan data: ini adalah masalah memanipulasi tampilan saja.

underscoreJS

Underscore.js adalah perpustakaan lain yang dirancang khusus untuk membantu Anda berinteraksi dengan tampilan dalam model MVC. Seharusnya tidak bingung dengan " garis bawah“, Tema WordPress dasar yang dirancang oleh Automattic.

Underscore menambahkan fitur untuk meningkatkan kecepatan pengembangan JavaScript. Ini menawarkan fungsionalitas sedikit lebih daripada jQuery dalam mengelola objek dan array JavaScript.

Kerangka

Kerangka kerja Tulang punggung bergantung pada pustaka Underscore dan jQuery. Itu dirancang untuk membangun aplikasi satu halaman, menggunakan tiga elemen kerangka MVP.

Node.js adalah kerangka kerja JavaSript yang berjalan di Windows, OSX dan Linux, sehingga digunakan oleh sebagian besar aplikasi aplikasi, bukan untuk pengembangan aplikasi web.

setang

Sistem Templat

Kumis memberi Anda templat yang dapat Anda gunakan melalui JavaScript atau dengan kerangka kerja lain seperti Node.js. Ini adalah sistem tanpa logika, karena tidak mengintegrasikan kondisi "jika", "lain", atau bahkan loop.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

setang, menggunakan Kumis untuk menampilkan kumis rendering atau miliknya sendiri.

Alat pengembangan

Mengorok adalah alat pengembangan JavaScript yang memungkinkan Anda mempercepat pengembangan dan pengujian. Ini semacam command prompt yang menyediakan seperangkat alat untuk mengotomatiskan proses JavaScript seperti menggabungkan file, menjalankan pengujian, meminimalkan skrip Anda.

mengorok

Menempatkan segala sesuatunya

Di atas Anda akan menemukan alat yang dapat Anda gunakan untuk meningkatkan pengembangan JavaScript Anda, dan mungkin ada beberapa alat lain yang tersedia. Tetapi Anda mungkin tidak harus menggunakan semuanya. Beberapa alat melakukan tugas yang hampir sama, Anda mungkin harus meluangkan waktu untuk melihat alat yang paling cocok untuk Anda.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
10 saham
saham8
menciak1
Register1