Pengembangan web seringkali menjadi sangat kompleks. Hari ini, untuk pemula, saya ingin memperkenalkan Anda pada 26 konsep dan teknik, satu untuk setiap huruf alfabet Inggris. Kedengarannya aneh, jadi mari kita mulai.
A—Ajax
AJAX adalah singkatan dari asynchronous javaScript dan xml, dan merupakan kekuatan pendorong utama di balik semua aplikasi web lancar yang Anda gunakan dalam beberapa tahun terakhir. Sebagai sebuah teknologi, AJAX sudah banyak digunakan. Gmail, Flickr, dll. Anda bahkan dapat menemukannya di panel admin WordPress. Jadi apa sebenarnya itu dan bagaimana cara kerjanya?
Pada intinya, ini adalah xmlhttpRequest, yang memungkinkan pengiriman permintaan dan penerimaan respons setelah halaman dirender sepenuhnya, tanpa harus dikaitkan dengan bagian halaman lainnya. Artinya aplikasi web tidak perlu me-refresh seluruh halaman untuk setiap operasi. Ini memberikan pengalaman pengguna seperti aplikasi desktop yang sangat lancar dan dinamis.
Bacaan terkait
Cara Membuat Request AJAX Dengan Javascript Mentah
24 Praktik Terbaik untuk Implementasi AJAX
Kirim Formulir Tanpa Penyegaran Halaman menggunakan jQuery
B—Peramban (peramban)
Browser adalah sesuatu yang memahami struktur karya situs web atau aplikasi Anda. Tidak hanya bisa digunakan untuk berselancar di Internet, browser modern juga merupakan platform multitasking. Misalnya, saya menginstalnya dengan IRC, FTP dan kemampuan untuk menyinkronkan informasi ke setiap perangkat. Anda mungkin sudah mengetahui bahwa browser adalah alat pengembangan yang berharga, namun browser juga membawa banyak masalah. Setiap pengembang yang harus memastikan bahwa pekerjaan mereka terlihat sempurna di setiap browser harus memahami kesulitan ini.
Bacaan terkait
13 Cara Browser Menguji dan Memvalidasi Pekerjaan Anda
5 Cara Teratas untuk Menguji Browser Situs Web Anda
9 Bug IE Paling Umum dan Cara Memperbaikinya
C—CSS
CSS adalah pedang tajam dalam pengembangan front-end. CSS, kependekan dari Cascading Style Sheets, adalah bahasa yang mendefinisikan bagaimana halaman web ditampilkan. Pada hari-hari paling menakutkan dalam pengembangan web, pengembang sering kali menulis kode gaya ke dalam kode sumber HTML. CSS memisahkan gaya dari konten dengan sangat baik.
Bacaan terkait
30 Selector CSS yang Harus Anda Hafal
30 Praktik Terbaik CSS untuk Pemula
Memahami Kekhususan CSS
CSS: Noob to Ninja – Seri Video Lengkap
D—DOM
DOM adalah kependekan dari Document Object Model, yang merupakan konvensi yang diterima untuk berinteraksi dengan dokumen HTML atau XML. DOM API menyediakan fungsi untuk melintasi dan memanipulasi dokumen secara terprogram. "DOM menciptakan struktur hierarki yang konsisten untuk dokumen HTML yang diurai. Elemen turunan disebut node atau node DOM." Jika Anda mendengar orang membicarakan DOM, sebenarnya mereka sedang membicarakan skrip DOM. Ini sebelumnya merupakan istilah yang menjelaskan akses dan manipulasi DOM melalui JavaScript. Inilah teknologi di balik sebagian besar situs web dan aplikasi modern yang Anda lihat saat ini.
Bacaan terkait
JavaScript dan Seri DOM: Pelajaran 1
Javascript dan DOM: Pelajaran 2
Dom itu Berantakan – Ceramah oleh John Resig
E —— Acara
Aplikasi web modern sangat didorong oleh peristiwa. Jadi apa itu acara? Kebanyakan hal yang Anda lakukan di halaman web membentuk suatu peristiwa. Menempatkan mouse pada link, mengklik tombol, menekan tombol Tab, dll. semuanya merupakan kejadian yang valid. Penanganan peristiwa mengacu pada mengeksekusi sepotong kode tertentu ketika suatu peristiwa terjadi. Ini juga merupakan konsep dasar di balik pengembangan web modern yang harus Anda kuasai.
Bacaan terkait
JavaScript dari Null: Bab 5 – Acara
Peristiwa JavaScript dari Awal
JavaScript dari Null: Pengikatan Acara Lintas-Browser
Delegasi Acara JavaScript dalam 4 Menit
F—Pembakar
Jika seorang pekerja ingin melakukan pekerjaannya dengan baik, ia harus mengasah peralatannya terlebih dahulu. Hal yang sama berlaku untuk pengembang web. Alat yang sangat ampuh adalah Firebug. Firebug adalah ekstensi Firefox yang berfungsi sepanjang pekerjaan Anda. Ini memungkinkan Anda mengedit dan memantau setiap aspek halaman dengan cepat. Saya tidak bisa menjelaskan secara detail tentang fitur-fiturnya di sini, jadi klik tautan di bawah.
Bacaan terkait
10 Alasan Mengapa Anda Harus Menggunakan Firebug
Bagaimana Tema CMS apa pun Menggunakan Firebug
Firebug: Sabuk Putih ke Hitam
G - Kotak
Kisi adalah kerangka visual untuk menyusun halaman. Ini ditransplantasikan dari industri percetakan yang pernah berkembang, dan jaringan merupakan bagian penting dari pengembangan web saat ini. Ada banyak kerangka CSS yang dapat digunakan untuk membuat tata letak berbasis grid, yang memerlukan latihan intensif untuk jumlah halaman dan tata letak yang sangat banyak.
Bacaan terkait
Pandangan Mendetail pada Kerangka 960 CSS
Melihat Lebih Dekat Kerangka Cetak Biru CSS
Kursus Singkat: YUI Grids CSS
Menguasai Sistem 960 Grid
H—HTML
Jika Anda membaca artikel ini sekarang, Anda mungkin memiliki gambaran samar tentang konsepnya. Jika Anda tertipu dengan tautan ini, silakan lanjutkan membaca. Omong-omong, sambut semua orang untuk mengunjungi rockux. Kami menyediakan banyak artikel tentang pengembangan web. HTML adalah singkatan dari Hypertext Markup Language dan merupakan standar de facto untuk bahasa web. HTML terdiri dari beberapa komponen atau elemen: tag, atribut tag, dan konten yang terkandung di dalam tag. Versi terbaru dari standar HTML, HTML5, menghadirkan banyak fitur baru dan menyelesaikan beberapa masalah kompatibilitas.
Bacaan terkait
Kursus “HTML5 dan Anda”.
30 Praktik Terbaik HTML untuk Pemula
28 Fitur, Tips, dan Teknik HTML5 yang Wajib Anda Ketahui
10 Tag HTML yang Tidak Digunakan Pemula
saya - yaitu
Eh, Jelajahi Internet. Nama itu membangkitkan rasa kagum dan marah. Ini adalah sebuah pahlawan, menghadirkan empat fitur baru yang menarik yang mendorong kemajuan seluruh industri, dan juga mengakhiri sejarah stagnasi browser. Hingga hari ini, ia masih memimpin pengembang front-end. Setelah sepuluh tahun berperang, versi terakhir IE adalah 9, dan telah kembali ke arah inovasi yang benar. Terlepas dari sikap Anda terhadap IE, ini masih merupakan bagian yang tidak dapat dihindari dari proses pengembangan web.
Bacaan terkait
Hal-hal yang Dilakukan Internet Explorer dengan Benar
9 Bug IE Paling Umum dan Cara Memperbaikinya
Apakah Internet Explorer mendapatkan Model Kotak dengan Benar?
J-JavaScript
JavaScript adalah anggota terakhir dari trifecta pengembangan web dasar. JavaScript, bukan Java, adalah bahasa skrip Web. Ada miliaran halaman web yang menggunakannya, dan yang lebih penting adalah situs web yang mendukung klaim tersebut. Anda menentukan perilaku, mengelola peristiwa, memanipulasi DOM, dan berinteraksi dengan server melalui JavaScript. Pemahaman dan pengetahuan tentang JavaScript berkembang setiap tahun berkat penggunaan perpustakaan luar biasa seperti jQuery. Saya rasa pantas untuk mengatakan bahwa JavaScript adalah hal yang mutlak harus dimiliki oleh setiap pengembang web modern.
Bacaan terkait
24 Praktik Terbaik JavaScript untuk Pemula
JavaScript dari Null: Seri Video
33 Pengembang yang HARUS Anda Langganan sebagai Pecandu JavaScript
K—Pengoptimalan Kata Kunci (optimasi kata kunci)
SEO hanya relevan untuk pengembangan web, namun demikian, penting bagi pengembang web untuk memiliki pengetahuan dasar tentang apa itu SEO dan apa yang dapat dilakukannya. Pengoptimalan kata kunci mengacu pada pemilihan kata kunci yang tepat untuk situs web Anda dan mengoptimalkannya sehingga pengunjung dapat menemukan situs web Anda. Dan ketika Anda memahami semua prinsip SEO, ingatlah: konten adalah raja. Jika Anda memiliki SEO yang bagus tetapi kontennya buruk, pengguna mungkin menemukan Anda tetapi segera pergi. Jika Anda memiliki konten yang bagus, pengguna akan menemukan Anda dan tetap tinggal.
Bacaan terkait
Satu-satunya Alat SEO yang Anda Butuhkan
L—Kurang
Less adalah bahasa gaya mawar yang berduri. Situs web mereka menggambarkan LESS sebagai perluasan perilaku dinamis CSS, seperti variabel, mixin, operator, dan fungsi, dan saya cenderung menyukai pendekatan ini. KURANG adalah CSS pada steroid anabolik. Ya kedengarannya lebih baik bagi saya, tapi Anda tahu apa artinya. Ini membawa karakteristik bahasa dinamis ke CSS, sehingga membuat style sheet lebih kuat dan mudah dikelola.
Bacaan terkait
Cara Memaksimalkan KURANG
Anda Perlu Memeriksa KURANG.js
Jangan Pernah Ketik Awalan Vendor Lagi
M—MVC
Pola Model View Control, lebih dikenal dengan pola MVC, adalah salah satu pola yang paling banyak digunakan dalam pengembangan web. Ini adalah pola arsitektur yang membagi setiap bagian aplikasi web menjadi beberapa bagian logis untuk memudahkan pemeliharaan - model menangani data, tampilan menangani presentasi, dan pengontrol bertanggung jawab atas aliran data antara dua bagian.
Jika Anda menggunakan kerangka pengembangan web modern, Anda menggunakan MVC. Ruby on Rails, Code Igniter dan Zend Framework semuanya menggunakan pola ini.
Bacaan terkait
MVC untuk Noob
Buat Boilerplate MVC Kecil Pertama Anda dengan php
asp.net dari Awal: MVC
N - simpul.JS
node.JS memimpin pengembangan web ke era baru. Ini memungkinkan untuk menjalankan JavaScript pada mesin VM (V8) yang sangat cepat. Hasil dari perubahan pola pikir ini mungkin tidak langsung terlihat, namun seiring berjalannya waktu, manfaatnya akan terlihat.
Kecepatan dan kemampuan luar biasa untuk mengelola ribuan peristiwa IO secara bersamaan menjadi topik pembicaraan utama bagi pengembang JavaScript di seluruh dunia.
Bacaan terkait
Mempelajari JavaScript Sisi Server dengan Node.js
Situs Resmi Node.JS
O—Objek
Pemrograman berorientasi objek telah diterima secara luas oleh komunitas pemrograman karena fleksibilitasnya. Dengan menggunakan OOP Anda dapat menulis lebih sedikit baris kode, membuatnya lebih bersih dan lebih mudah dipelihara. Tapi apa sebenarnya objek itu? Sulit untuk menjelaskan dengan jelas dalam satu atau dua kalimat, jadi lihat link di bawah ini.
Bacaan terkait
PHP Berorientasi Objek untuk Pemula
Dasar-dasar JavaScript Berorientasi Objek
Tautan Wikipedia
P—PHP
PHP tidak diragukan lagi merupakan bahasa sisi server yang paling populer - PHP mendukung jutaan, mungkin miliaran, halaman web dan aplikasi.
Meskipun banyak pembaruan dan perdebatan mengenai pilihan terbaik untuk menulis aplikasi web, PHP tidak hanya bertahan, namun juga berkembang pesat. WordPress, Joomla, Drupal, MediaWiki semuanya menggunakan PHP sebagai bahasa backend. Salah satu alasan utamanya adalah penerapannya mudah dan Anda relatif mudah menemukan host yang mendukung PHP.
Bacaan terkait
30+ Praktik Terbaik PHP untuk Pemula
Mengapa Anda Pemrogram PHP yang Buruk
9 Fungsi dan Fitur PHP Berguna yang Perlu Anda Ketahui
T—Pertanyaan
Pertanyaan dalam artikel kami dapat berarti banyak hal. Bahasa kueri adalah antarmuka yang digunakan untuk memperoleh data dari sistem eksternal. SQL adalah contoh bagus untuk mendapatkan informasi dari database relasional.
String kueri, di sisi lain, adalah bagian yang diteruskan ke aplikasi web sebagai bagian dari URL. Data ini bisa berupa apa saja dari halaman yang diakses pengguna untuk memverifikasi ID atau transaksi. String kueri diformat sebagai pasangan nilai kunci.
Bacaan terkait
CodeIgniter dari Awal: Hasil Pencarian tanpa String Kueri
Kueri SQL “Postingan Populer Berdasarkan Jumlah Komentar” di WordPress
R - Ekspresi Reguler
Ekspresi reguler menyediakan cara yang fleksibel untuk mencocokkan string dalam teks sesuai dengan pola yang ditentukan. Itu ditulis dalam bahasa tertentu dan diuraikan oleh penerjemah. Semua bahasa modern mendukung ekspresi reguler.
Bacaan terkait
Ekspresi Reguler untuk Dummies: Seri Screencast
Anda Tidak Tahu Apa Pun Tentang Ekspresi Reguler: Panduan Lengkap
Tip dan Teknik Ekspresi Reguler Tingkat Lanjut
S - Kontrol Sumber (kontrol sumber)
Kontrol sumber adalah praktik populer dalam proses pengembangan tim, apa pun aspek yang mereka fokuskan - pemrogram di bidang apa pun menggunakan kontrol sumber. Tapi apa sebenarnya itu? Sederhananya, kontrol sumber memungkinkan tim pengembang mengerjakan kumpulan file, melacak dan mengidentifikasi perubahan setiap anggota. Setiap versi kode dapat dibandingkan, digabungkan, atau bahkan dipulihkan.
Bacaan terkait
Terminal, Git, dan GitHub untuk Kita Semua: Screencast
Pengantar Visual tentang Git
Kontrol Versi Mudah dengan Git
Memahami GitHub
T - TDD (Pengembangan Berbasis Uji)
Ini sekali lagi merupakan elemen umum di antara semua pengembang. TDD adalah singkatan dari test-driven development, yang mengacu pada proses mengeksekusi kode dan mengotomatiskan kasus pengujian untuk kode ini secara bersamaan. Hal ini menghilangkan banyak pengujian perangkat lunak yang membosankan dan mendorong pengembang untuk menguji lebih lanjut.
Bacaan terkait
Panduan Pemula untuk Pengembangan Berbasis Tes
Pengembangan JavaScript Berbasis Uji dalam Praktek
Cara Menguji Kode JavaScript Anda dengan QUnit
U —— Pengujian Unit (pengujian unit)
Pengujian unit adalah serangkaian TFF di mana unit kecil kode diuji untuk memastikan kode tersebut dapat dirilis. Namun, pengujian unit sering kali dikaitkan dengan metode dalam OPP, yang biasanya berarti unit terkecil dari program yang dapat diuji secara independen.
Bacaan terkait
Cara Menguji Kode JavaScript Anda dengan QUnit
V—VIM
VIM adalah editor teks yang sangat ekstrim. Vim gratis, open source, dan memiliki banyak paket fitur untuk dipilih. Di sisi lain, kurva pembelajarannya sangat curam, dan tanpa sumber daya yang baik Anda bisa tersesat dalam waktu yang lama. Klik tautan di bawah untuk mengetahui mengapa ini layak untuk Anda lakukan.
W - WordPress
WordPress dimulai sebagai sistem blogging minimal, namun kini telah berkembang pesat. Skalabilitasnya memungkinkannya digunakan untuk segala hal mulai dari CMS hingga sistem e-niaga. Ini juga memiliki banyak peminat dan pengikut, termasuk pengembang dan desainer, yang ingin menjadikannya platform andal yang dapat Anda andalkan untuk situs web masa depan.
Bacaan terkait
Cara Membuat Tema WordPress dari Awal
Plugin Penting untuk Setiap Instalasi WordPress
Menskalakan WordPress untuk Lalu Lintas Tinggi
50 Tutorial WordPress Teratas
8 Plugin SEO WordPress yang Hebat
X—XSS
XSS adalah singkatan dari skrip lintas situs. Ini adalah salah satu dari banyak pertanyaan keamanan yang mungkin Anda tanyakan saat membuat situs web. XSS mengacu pada tindakan memuat situs web atau program yang rentan dengan skrip berbahaya untuk meningkatkan hak istimewa atau mendapatkan informasi sensitif, seringkali keduanya.
Bacaan terkait
Bisakah Anda Meretas Situs Anda Sendiri?
CodeIgniter dari Awal: Keamanan
5 Tips Bermanfaat untuk Membuat Aplikasi PHP yang Aman
Y—YUI
Perpustakaan Antarmuka Pengguna Yahoo adalah perpustakaan JavaScript yang menyederhanakan proses pembuatan situs web interaktif. Seperti kebanyakan perpustakaan modern, perpustakaan ini menyediakan manipulasi DOM dan AJAX siap pakai. Meski tidak setenar jQuery, YUI masih memiliki basis pengguna yang sangat besar dan aktif dikembangkan.
Bacaan terkait
Pengantar YUI
2010 Melalui Lensa Teater YUI
Indeks Z—Z
Z-Index adalah properti CSS yang mendefinisikan bagaimana suatu elemen ditumpuk pada halaman - ini mendefinisikan seberapa dekat suatu elemen dengan bagian atas viewport. Nilai yang besar menandakan akan muncul di atas elemen yang nilainya kecil. Meskipun properti ini mungkin relatif terspesialisasi, properti ini langsung berperan saat Anda membuat widget atau desain web yang lebih kompleks.