Coding for Dummies Cheat Sheet - dummies

Oleh Nikhil Abraham

Coding adalah bagian kosakata, logika, dan sintaksis yang sama. Pengkodean pada mulanya tampaknya mengintimidasi, namun dengan latihan, mudah untuk merasa nyaman dengan terminologi, konsep, dan strukturnya. Pengertian coding tidak berbeda dengan belajar bahasa baru: Gunakan cukup sering dan Anda akan mendapati diri Anda mampu berbicara, berpikir, dan menulis dalam kode. Tetap saja, wajar bagi pemula untuk memiliki pertanyaan. Ada banyak sumber pengkodean yang tersedia untuk Anda, baik secara on-dan off-line. Tanyakan sekitar dan Anda akan mendapati bahwa Anda tidak sendiri - banyak orang lain sedang belajar. Bagaimanapun, coding adalah pendidikan yang tidak pernah berakhir. Menguasai satu segi atau lainnya dan yang baru terbuka di depan Anda.

Coding memiliki kosa kata yang luas sehingga orang awam bisa tampak seperti tipuan techno yang tak tertembus. Apakah Anda sedang membaca artikel terkait coding atau berbicara dengan pengembang di tempat kerja, Anda mungkin pernah mendengar kata-kata yang belum pernah Anda dengar sebelumnya atau yang memiliki arti berbeda dalam konteks pengkodean. Berikut adalah beberapa kata kosa kata yang umum untuk diketahui:

Istilah pengembangan web umum:

• Server:

  • Komputer yang menghosting kode situs web, dan kode situs "melayani" saat diminta oleh komputer "klien". Server biasanya duduk di gudang besar dengan ribuan server lainnya, dan memiliki ukuran dan kekuatan yang serupa dengan komputer di rumah Anda. Klien:

  • Perangkat yang digunakan untuk mengakses situs web, termasuk komputer desktop atau laptop, tablet, atau telepon genggam. Desainer:

  • Seorang profesional artistik yang menentukan bagaimana tampilan dan nuansa situs web, bersama dengan cara pengguna berinteraksi dengan situs web - seperti misalnya mengklik, menggesek, menggulir, dan sebagainya.

    Wireframe:

  • Ilustrasi yang dibuat oleh perancang yang menunjukkan secara rinci tata letak, gambar, dan skema warna situs web. Pengembang:

  • Seorang profesional teknik yang menulis kode untuk mengubah wireframes menjadi situs web yang bisa digunakan. Berdasarkan jenis kode yang tertulis, pengembang disebut sebagai front-end, back-end, atau full stack. Front-end:

  • Segala sesuatu yang dapat Anda lihat dan klik di browser. Pengembang front-end menulis kode di bahasa front-end seperti HTML, CSS, dan JavaScript untuk membuat tampilan situs web. Back-end:

  • Segala sesuatu yang terjadi di balik layar untuk membuat front-end tampil sebagaimana mestinya. Pengembang back-end menulis kode di bahasa back-end seperti Ruby atau Python untuk membuat fungsionalitas seperti masuk ke pengguna, menyimpan preferensi pengguna, dan mengambil data seperti komentar di foto. Istilah yang terkait dengan bahasa front-end:

• *

  • HTML ( Hypertext Markup Language ): Bahasa yang digunakan untuk menempatkan teks, gambar, dan konten lainnya pada sebuah halaman web Tag HTML:

  • Petunjuk HTML, biasanya muncul secara berpasangan. Browser menerapkan efek khusus pada teks antara tag HTML pembuka dan penutup. Misalnya, tag tampil di browser sebagai judul utama tebal dan dapat digunakan seperti ini:

    Dewey mengalahkan Truman

    .

    Atribut HTML:

  • Atribut atau parameter untuk tag HTML yang mengubah perilaku tag. Atribut selalu ditempatkan pada tag HTML pembuka. Misalnya, href adalah atribut di anchor tag berikut (digunakan untuk membuat hyperlink): Search engine

    CSS
    

  • ( Cascading Style Sheets): Kode yang memodifikasi HTML pada halaman Web dan yang mengendalikan tampilan konten dengan mengubah ukuran teks, ukuran gambar, dan atribut lainnya. JavaScript:

  • Kode yang menambahkan interaktivitas dan animasi ke halaman web. JavaScript juga mendeteksi kejadian browser seperti klik mouse, memvalidasi masukan pengguna seperti entri teks, dan mengambil data dari situs web eksternal. Variabel:

  • Lokasi penyimpanan yang diberi nama dan berisi data numerik atau teks (disebut string ) untuk digunakan nanti. Jika pernyataan (bersyarat):

  • Instruksi kode yang menguji kondisi yang biasanya mencakup variabel, seperti x <18, dan mengeksekusi kode yang Anda tulis saat kondisinya benar. Fungsi:

  • Nama yang diberikan ke sekelompok pernyataan pemrograman untuk referensi dan penggunaan yang mudah. Istilah yang terkait dengan bahasa back-end:

• Ruby:

  • Bahasa pemrograman open source yang paling dikenal untuk digunakan dalam pemrograman web. Rails:

  • Kerangka kerja yang dirancang untuk membuat halaman Web dengan mudah Ruby. Python:

  • Bahasa pemrograman open-source yang digunakan di web, dalam aplikasi ilmiah, dan untuk analisis data. Referensi dan Sumber Daya Pengkodean

HTML, CSS, dan JavaScript adalah bahasa pengkodean front-end yang paling umum. Tabel berikut mencantumkan beberapa sumber online, referensi, dan tutorial untuk membantu Anda terus berlatih ketiga bahasa tersebut.

W3Schools: Panduan Referensi untuk HTML, CSS, dan JavaScript

• Lembar contekan HTML: Perintah HTML yang paling umum digunakan

• Lembar curang CSS: Perintah CSS yang paling umum digunakan

• tutorial HTML: Tutorial dan artikel untuk web dikelola oleh Google

• tutorial CSS: Tutorial dan artikel untuk pemrograman web, dengan fokus pada CSS

• tutorial JavaScript: Tutorial dan panduan referensi untuk JavaScript

• Kesalahan Coding Umum

Kode tidak berfungsi? Berikut adalah beberapa kesalahan umum yang bisa tersandung bahkan coder yang paling berpengalaman sekalipun. Jika kode Anda tidak berjalan, coba jalankan daftar periksa ini untuk mengetahui apakah ada kesalahan ini:

Tidak memiliki tag HTML penutup setelah setiap tag HTML pembuka.

• Tanda kurung tidak ada dalam HTML.

• Tanda kurung kurawal yang hilang, titik dua, atau titik koma di CSS, seperti berikut ini:

• h1 {color: blue;}

  Kait kurawal yang hilang dalam JavaScript, terutama jika ada pernyataan.
  

• Melupakan pasangan sepasang tanda kutip penutupan untuk setiap pasang tanda kutip pembuka.

• Memiliki lebih dari satu tag pembuka, tag, atau tag pembuka.

• Menempatkan kode HTML di file atau bagian CSS, dan meletakkan kode CSS di bagian HTML. Jika kode tersebut berkaitan dengan gaya dan tampilan, kemungkinan CSS.

• Tidak menghubungkan ke file CSS Anda menggunakan tag, sehingga efek CSS Anda tidak ditampilkan di browser.

• salah mengartikan bagian dari sebuah perintah, seperti pada

• , yang salah karena atributnya dieja src bukan scr.

  Termasuk atribut di luar tag HTML pembuka. Misalnya, logo

• src = ". jpg "tidak benar karena atribut berada di luar tag gambar pembuka.