• Beranda
  • Artikel
  • Tema
  • Bahasa Pemrograman Terbaik untuk Dipelajari untuk Pengguna WordPress

Bahasa Pemrograman Terbaik untuk Dipelajari untuk Pengguna WordPress

Diterbitkan: 2017-07-17

Apa bahasa pemrograman terbaik untuk dipelajari jika Anda ingin menjadi lebih baik di WordPress? Itu tergantung. Menjadi baik-baik saja di WordPress itu mudah. Menjadi hebat dengan WordPress, bagaimanapun, membutuhkan sedikit sesuatu yang ekstra. Mempelajari satu atau dua bahasa pemrograman mungkin merupakan tempat terbaik untuk mulai menjadi hebat dengannya. Tetapi ada begitu banyak bahasa berbeda yang digunakan dalam pengembangan web, mencari tahu dari mana harus memulai bisa jadi menakutkan.

Jangan khawatir, sobat. Dapat.

PHP

Terlepas dari apa yang iPhone saya pikirkan, PHP bukanlah salah ketik ketika saya tidak mencari makanan Vietnam yang lezat di Yelp. Ini adalah bahasa pemrograman dasar WordPress dan tulang punggung lebih dari 80% internet. Kedua fakta tersebut bersama-sama seharusnya cukup membuat Anda ingin belajar PHP.

Jika PHP adalah bahasa pemrograman pertama Anda, mungkin terlihat menakutkan untuk dilihat, tetapi bisa sangat sederhana. Dalam kasus Divi, Anda dapat melihat single.php (file yang menjalankan satu halaman) dan melihat ini: 

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

Kode mengambil tajuk, melihat apakah pembuat halaman digunakan, lalu mengambil konten dengan ID yang ditetapkan. Itu adalah satu file yang bergegas keluar dan mengambil konten dari database bukannya memiliki lusinan (atau ratusan atau ribuan) halaman HTML yang harus Anda tentukan satu per satu.

Itu adalah fungsi yang sangat dinamis, dan PHP adalah salah satu cara pertama yang memungkinkan untuk situs web dinamis. Ini menggunakan juru bahasa untuk mengurai kode PHP (yang sering dikombinasikan dengan HTML) dan melakukan tindakan tertentu berdasarkan kondisi tertentu. Pada dasarnya, bahasa inilah yang memungkinkan WordPress menjadi WordPress.

Jika Anda ingin membuat perubahan substantif dan menggali lebih dalam ke WordPress, Anda akan membutuhkan PHP. Fungsionalitas apa pun yang ingin Anda tambahkan ditulis dalam PHP. Plugin? Anda dapat menebaknya: ditulis dalam PHP.

Meskipun reputasinya tidak ramah, versi bahasa terbaru telah membuatnya jauh lebih efisien dan ramah pengguna. Pada tahun 2014, melacak bug dan memperbaiki kode lama seperti mencoba menarik satu mie dari semangkuk spageti menjadi satu bagian. Debugging PHP pada tahun 2017, bagaimanapun, lebih seperti mengungkap sweter rajut yang longgar – Anda menemukan apa yang Anda inginkan, dan tarik saja sampai selesai.

Dan karena semakin banyak pembaruan yang dilakukan pada inti WP, semakin mudah dan tidak mengintimidasi PHP yang Anda gunakan untuk berinteraksi. Aman untuk mengatakan bahwa jika Anda ingin menjadi hebat dalam bekerja dengan WordPress, PHP adalah bahasa pemrograman terbaik untuk dipelajari.

Contoh Kode PHP

Codex WordPress dan Sumber Daya Pengembang adalah tempat yang bagus untuk memulai ketika melihat bagaimana PHP digunakan di WP. Misalnya, ini adalah kode yang menampilkan konten posting. Perhatikan bagaimana kombinasi tag HTML dan skrip PHP: 

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]&gt;', $content );
    echo $content;
}

Jika Anda ingin mengatur instalasi Anda ke multisite, Anda cukup menambahkan ke wp-config.php Anda .

Untuk meningkatkan batas memori dari default (yang jarang cukup tinggi), masukkan 

define( 'WP_MEMORY_LIMIT', '512M' );

ke wpconfig.php Anda.

JavaScript

JavaScript adalah bahasa pemrograman yang menarik. Awalnya dibuat untuk interaksi pengguna dan pengembangan front-end, JavaScript telah menjadi hotness baru selama beberapa tahun terakhir. Sekarang bahasa full-stack (artinya bekerja dengan browser front-end dan database back-end dan server), JavaScript adalah bahasa pemrograman yang paling cepat berkembang di interweb.

Dengan platform seperti Ember.js, Node.js, React, dan AngularJS, kesenjangan antara seberapa banyak internet yang dibangun di PHP dan JavaScript hanya akan semakin kecil.

Di mana-mana itu berarti bahwa jika Anda mencari cara untuk mengikuti WordPress di masa mendatang, JavaScript harus menjadi pilihan Anda. Meskipun WP dibangun di atas PHP, sekitar 27% dari kode inti sekarang ditulis dalam JS. Dan jumlah itu hanya akan bertambah seiring dengan semakin banyak pembaruan dan kontribusi yang dibuat.

JS adalah bahasa pemrograman berorientasi objek, yang berarti bahwa Anda mengatur “objek untuk memodelkan hal-hal dunia nyata yang ingin kami wakili di dalam program kami, dan/atau menyediakan cara sederhana untuk mengakses fungsionalitas yang akan sulit atau tidak mungkin dibuat. penggunaan." Singkatnya, itu membuat Anda tidak menulis banyak kode berulang, menyelesaikan pekerjaan lebih cepat, dan hidup Anda lebih mudah.

Apakah bahasa pemrograman terbaik untuk dipelajari? Mungkin. Jika Anda memilih JavaScipt, keamanan dan permintaan pekerjaan Anda di bidang WordPress hanya akan menjadi lebih baik dan lebih baik, dan jika Anda memutuskan untuk memperluas di luar komunitas kami, Anda akan memiliki keunggulan kompetitif yang pasti karena keahlian Anda (terutama jika Anda juga bekerja di PHP).

Contoh Kode JavaScript untuk WordPress

Jadikan WordPress adalah sumber yang luar biasa jika Anda ingin melihat bagaimana PHP atau JavaScript digunakan dalam pembaruan inti perangkat lunak. Mereka memiliki beberapa contoh bagus tentang seperti apa seharusnya kode Anda, khususnya dalam hal standar yang dibagikan antara PHP dan JS. 

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

Secara teknis, HTML bukanlah bahasa pemrograman. Ini adalah bahasa markup (bagaimanapun juga, ini adalah akronim untuk bahasa markup hypertext). Perbedaannya adalah bahwa bahasa pemrograman didasarkan pada fungsi, objek, otomatisasi, dan interaktivitas. Markup adalah tentang menandai (lihat apa yang saya lakukan itu?) Apa yang dilihat pengguna. Anda mendapatkan kode untuk membuat tabel, menyisipkan gambar, dan memformat teks. HTML adalah apa yang membuat halaman Geocities dan MySpace terlihat begitu mengagumkan(?) di masa lalu.

HTML dengan sendirinya bersifat statis (meskipun HTML5 telah memperkenalkan sejumlah struktur baru yang dinamis). Jika Anda akan bekerja dengan WordPress sama sekali, HTML adalah satu-satunya bahasa yang perlu Anda ketahui. Meskipun WordPress beralih ke pengeditan konten, tema, dan gaya yang lebih visual, mahir dalam HTML tidak akan pernah hilang sepenuhnya.

HTML cukup mendasar, meskipun. Anda menambahkan tautan dan menampilkan teks. Anda memisahkan paragraf dan membuat tabel dan menyisipkan gambar. Ini adalah kerangka setiap halaman di internet, sungguh. Ini sangat mendasar sehingga tidak mengetahuinya (setidaknya cukup berbahaya) benar-benar akan membuat Anda kehilangan pekerjaan. HTML sudah pasti di jalankan sebagai bahasa pemrograman terbaik untuk dipelajari.

Contoh Kode HTML 

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

bahasa pemrograman terbaik untuk dipelajari - Contoh HTML WordPress

CSS

Saat ini, Anda tidak bisa hanya memiliki keterampilan dalam HTML. Anda harus mahir dengan CSS juga. Karena ini bukan tahun 1997, dan Anda tidak membuat situs Geocities, Anda harus menggunakan kedua bahasa markup untuk menyelesaikan apa pun.

Pikirkan CSS dan HTML seperti Leslie Knope dan Ann Perkins: BFF yang tidak dapat Anda pisahkan jika Anda mencobanya. CSS adalah singkatan dari cascading style sheet–dengan fokus pada style . Ya, Anda dapat menebaknya, CSS adalah apa yang Anda gunakan untuk membuat sesuatu menjadi cantik, untuk mengubah halaman HTML Anda dari terlihat seperti Geocities menjadi terlihat seperti, yah, hal lain. Itu saja membuatnya menjadi pesaing untuk bahasa pemrograman terbaik untuk dipelajari.

CSS adalah apa yang Anda gunakan untuk menganimasikan elemen sekarang karena kami tidak menggunakan Flash atau Shockwave. Ingat mereka? Ah, kenangan. Kami menggunakan CSS untuk memindahkan elemen, menumpuknya, membentuknya (ya, Anda dapat menggunakan CSS untuk membuat segala macam bentuk aneh), dan membuat situs web Anda melompati lingkaran apa pun yang Anda inginkan.

Apa yang istimewa dari CSS adalah meskipun dapat digunakan sejalan dengan HTML (cukup tambahkan 

style=""

tag ke elemen), seharusnya tidak. Laman akan merender setiap tag satu per satu, yang memperlambat laman Anda secara signifikan.

Masukkan lembar gaya. Anda mungkin akrab dengan sesuatu yang disebut custom.css . Menggunakan file terpisah untuk memanggil semua gaya dari satu lokasi berarti hanya dimuat sekali. Anda memutuskan apakah suatu elemen memerlukan kelas atau id (kelas akan digunakan beberapa kali di seluruh stie, sedangkan id adalah untuk sesuatu yang membutuhkan perhatian lebih spesifik).

Anggap saja seperti objek yang kita bicarakan di atas dengan JavaScript, atau fungsi dalam PHP. Anda tidak ingin mereplikasi kode, dan Anda ingin menjaga agar permintaan server Anda tetap minimal. Stylesheet memungkinkan Anda memanggil server sekali dan menerapkannya beberapa kali.

Kode Contoh CSS

Saya pribadi menyimpan file skeleton custom.css yang saya salin/tempel ke setiap situs baru yang saya kerjakan. Tentu saja, saya mengeditnya setiap kali, tetapi memiliki template dasar menghemat banyak waktu ketika Anda akan menata elemen yang sama untuk setiap situs. Ini adalah awal dari itu, sehingga Anda dapat melihat apa yang saya bicarakan.

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

Seperti HTML, tidak ada cara untuk mengetahui CSS. Sementara mereka terpisah, mereka pergi bersama seperti ubi jalar dan jalapenos (cobalah jika Anda tidak percaya).

Jadi bahasa pemrograman mana yang terbaik untuk dipelajari?

Anda tahu apa yang harus dipelajari sekarang, tetapi dari mana Anda harus mulai? Tidak ada kelangkaan sumber daya bagi Anda untuk mempelajari bahasa pemrograman, tetapi saya benar-benar memihak pada tiga di bawah ini. Saya menggunakan ketiga situs ini sebagai alat utama saya ketika saya memutuskan untuk bersiap memulai lepas.

  • Codecademy – Kursus langsung dan gratis untuk banyak bahasa pemrograman. Editor dalam browser mereka memandu Anda melalui semua yang perlu Anda ketahui, langkah demi langkah.
  • CodeSchool – Seperti Codecademy, kursus langsung dan gratis memandu Anda melalui bahasa pilihan Anda. Mereka cenderung membuat tema pelajaran mereka seputar hal-hal seperti zombie agar tetap menarik.
  • Team Treehouse – Tidak gratis seperti dua lainnya, Team Treehouse lebih seperti sekolah online daripada yang lain. Mereka menggunakan trek yang terasa seperti Anda sedang berbicara di kelas tentang topik tertentu dari bahasa pemrograman pilihan Anda.
  • Blog Tema Elegan – Kami bukan blog pemrograman, tetapi ada banyak artikel seperti yang saya tautkan di sini yang mencari sumber daya terbaik yang dapat Anda gunakan untuk belajar memprogram. Saya pribadi menyukai yang membahas editor teks yang berbeda seperti Sublime Text dan Notepad++. Saya suka mencoba editor teks baru.

Bahasa-bahasa ini bukan satu-satunya pilihan Anda, tetapi mereka adalah fondasi di mana WordPress dibangun. Jadi, jika Anda mencari bahasa pemrograman terbaik untuk dipelajari, bantulah diri Anda sendiri dan jadikan salah satunya, mmmkay?

Gambar thumbnail artikel oleh Fernandodiass / shutterstock.com