Untuk For Dummies Cheat Sheet - dummies

Oleh Nikhil Abraham

Pengekodan adalah bahagian yang sama perbendaharaan kata, logik, dan sintaksis. Pengekodan pada mulanya mungkin menakutkan, tetapi dengan amalan, mudah untuk mendapatkan selesa dengan terminologi, konsep, dan strukturnya. Memahami pengekodan tidak seperti belajar bahasa baru: Gunakannya cukup kerap dan anda akan mendapati diri anda dapat bercakap, berfikir, dan menulis dalam kod. Walau bagaimanapun, ia adalah semulajadi untuk pemula untuk mempunyai soalan. Terdapat banyak sumber pengekodan yang tersedia untuk anda, baik di dalam dan di luar talian. Tanyakan di sekeliling dan anda akan mendapati anda tidak bersendirian - ramai orang yang sedang belajar. Lagipun, pengekodan adalah pendidikan yang tidak pernah berakhir. Sarjana satu aspek atau yang lain dan yang baru dibuka di hadapan anda.

Perbendaharaan Kata Pengekodan

Pengekodan mempunyai perbendaharaan kata yang luas untuk orang awam boleh kelihatan seperti techno-babble yang tidak dapat ditembusi. Sama ada anda membaca artikel yang berkaitan dengan pengekodan dalam talian atau bercakap kepada pemaju di tempat kerja, anda boleh mendengar kata-kata yang anda tidak pernah dengar sebelumnya atau yang mempunyai makna yang berbeza dalam konteks pengekodan. Berikut adalah beberapa kata kosa kata yang biasa untuk diketahui:

• Istilah pembangunan web umum:

  • Pelayan: Komputer yang menjadi tuan rumah kod laman web, dan kod laman web "berfungsi" apabila diminta oleh komputer "klien". Pelayan biasanya duduk di gudang besar dengan beribu-ribu pelayan lain, dan sama dengan saiz dan kuasa komputer rumah anda.

  • Pelanggan: Peranti yang digunakan untuk mengakses laman web, termasuk komputer desktop atau komputer riba, tablet, atau telefon bimbit.

  • Pereka: Seorang profesional seni yang memutuskan bagaimana laman web akan kelihatan dan dirasakan, bersama dengan cara pengguna akan berinteraksi dengan laman web - contohnya, mengklik, swiping, menatal, dan sebagainya.

  • Wireframe: Satu ilustrasi yang dicipta oleh pereka yang menunjukkan secara terperinci susun atur laman web, imej, dan skema warna.

  • Pemaju: Seorang profesional kejuruteraan yang menulis kod untuk menjadikan wireframes ke laman web yang boleh digunakan. Berdasarkan jenis kod yang ditulis, pemaju disebut sebagai front-end, back-end, atau stack penuh.

  • Penghujung: Semua yang anda boleh lihat dan klik pada penyemak imbas. Pemaju front-end menulis kod dalam bahasa front-end seperti HTML, CSS, dan JavaScript untuk membuat penampilan laman web.

  • Back-end: Segala-galanya yang berlaku di belakang layar untuk membuat persembahan depan seperti yang diharapkan. Pemaju back-end menulis kod dalam bahasa back-end seperti Ruby atau Python untuk membuat fungsi seperti log masuk pengguna, menyimpan pilihan pengguna, dan mengambil data seperti komen pada foto.

• Syarat yang berkaitan dengan bahasa frontend:

  • * HTML ( Bahasa Markup Hypertext ): Bahasa yang digunakan untuk meletakkan teks, imej dan kandungan lain pada laman web.

  • tag HTML: arahan HTML, biasanya muncul secara berpasangan. Pelayar menggunakan kesan khas untuk teks antara pembuka dan penutupan tag HTML. Contohnya, tag

    membuat penyemak imbas sebagai tajuk utama yang berani dan boleh digunakan seperti ini:

    Dewey mengalahkan Truman

    .

  • Atribut HTML: Atribut atau parameter untuk tag HTML yang mengubah suai tingkah laku tag. Atribut sentiasa diletakkan dalam tag HTML pembuka. Sebagai contoh, href adalah atribut dalam tag anchor berikut (digunakan untuk membuat hyperlink):

    Enjin carian
    

  • CSS ( Cascading Style Sheets): Kod yang mengubah HTML pada halaman web dan yang mengendalikan penampilan kandungan dengan menukar saiz teks, saiz imej, dan sifat-sifat lain.

  • JavaScript: Kod yang menambah interaktiviti dan animasi ke halaman web. JavaScript juga mengesan peristiwa pelayar seperti klik tetikus, mengesahkan input pengguna seperti entri teks, dan mengambil data dari laman web luar.

  • Pemboleh ubah: Lokasi storan yang diberi nama dan mengandungi data berangka atau teks (dirujuk sebagai rentetan ) untuk kegunaan kemudian.

  • Jika pernyataan (bersyarat): Arahan kod yang menguji keadaan yang biasanya termasuk pembolehubah, seperti x <18, dan melaksanakan kod yang anda tulis apabila keadaan itu benar.

  • Fungsi: Nama yang diberikan kepada kumpulan penyataan pengaturcaraan untuk rujukan dan penggunaan mudah.

• Syarat yang berkaitan dengan bahasa back-end:

  • Ruby: Bahasa pengaturcaraan sumber terbuka yang paling terkenal digunakan dalam pengaturcaraan web.

  • Rails: Rangka kerja yang direka untuk membuat laman web dengan mudah Ruby.

  • Python: Bahasa pengaturcaraan terbuka sumber yang digunakan di web, dalam aplikasi saintifik, dan untuk analisis data.

Rujukan Kod dan Sumber

HTML, CSS, dan JavaScript adalah bahasa pengekodan depan yang paling biasa. Jadual berikut menyenaraikan beberapa sumber, rujukan dan tutorial dalam talian untuk membantu anda terus mengamalkan semua tiga bahasa. Panduan untuk HTML, CSS, dan JavaScript

• Lembar HTML cheat: Perintah HTML yang paling biasa digunakan

• CSS cheat sheet: Tutorial CSS yang paling umum digunakan

• Tutorial HTML: Tutorial dan artikel untuk web dikendalikan oleh Google

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

• Tutorial JavaScript: Tutorial dan panduan rujukan untuk JavaScript

• Kesalahan Pengkodan Biasa

Kod tidak berfungsi? Berikut adalah beberapa kesilapan biasa yang boleh dikendalikan walaupun pengkoder yang paling berpengalaman. Jika kod anda tidak akan berjalan, cuba luruskan senarai semak ini untuk melihat jika anda mempunyai sebarang kesilapan:

Tidak mempunyai tag HTML penutup selepas setiap tag HTML yang dibuka.

• Tanda kurung hilang dalam HTML.

• Hilang keriting, titik, atau titik koma dalam CSS, seperti berikut:

• h1 {color: blue;}

  Hilang keriting kerinting dalam JavaScript, terutama jika pernyataan.
  

• Lupa untuk mempunyai sepasang penutupan sebut harga bagi setiap pasangan pembuka sebut harga.

• Mempunyai lebih daripada satu tag pembuka, tanda, atau tag pembuka dan penutupan.

• Menempatkan kod HTML dalam fail atau bahagian CSS, dan meletakkan kod CSS dalam bahagian HTML. Jika kod itu berkaitan dengan gaya dan penampilan, kemungkinan CSS.

• Tidak memaut ke fail CSS anda menggunakan tag itu, jadi kesan CSS anda tidak dipaparkan dalam penyemak imbas.

• Misspelling sebahagian daripada arahan, seperti dalam

• , yang tidak betul kerana atribut yang diasingkan src tidak scr.

  Termasuk atribut di luar tag HTML pembukaan. Sebagai contoh,

• src = "logo. jpg "tidak betul kerana atribut berada di luar tag imej pembuka.