Jika anda memulakan perjalanan pembangunan web anda, memahami "bagaimana" dan "mengapa" web adalah sama pentingnya dengan mempelajari HTML, CSS atau JavaScript.

Anda akan mendapat semua pengetahuan penting yang anda perlukan untuk memulakan pembangunan web.

Bagaimanakah Internet berfungsi?

Internet ialah tulang belakang Web, infrastruktur teknikal yang membolehkan Web. Pada asasnya, Internet ialah rangkaian besar komputer yang berkomunikasi bersama-sama.

Video terperinci tentang "cara internet berfungsi"

Asas Web: Panduan Anda kepada Blok Pembinaan Web pada tahun 2024

Web telah berkembang secara mendadak, tetapi prinsip terasnya kekal penting bagi sesiapa sahaja yang ingin memahami atau membina untuk dunia digital. Panduan ini menguraikan konsep asas web, daripada definisi asas kepada teknologi yang menguasai pengalaman dalam talian moden.

1. The World Wide Web (WWW): Sistem Maklumat Bersambung

World Wide Web, selalunya dipanggil Web, ialah sistem luas dokumen dan sumber yang saling berkaitan yang dipautkan bersama dan diakses melalui Internet ( infrastruktur rangkaian asas). Anggap ia sebagai perpustakaan gergasi di mana maklumat dikongsi dan diakses secara global.

• Komponen Utama:
  • Sumber: Ini adalah blok binaan web – halaman web, dokumen, imej, video dan kandungan digital lain.
  • URL (Pencari Sumber Seragam): Alamat unik yang mengenal pasti setiap sumber, seperti alamat jalan untuk halaman web (cth., https://www.example.com/about).
  • HTTP/HTTPS (Hypertext Transfer Protocol): Peraturan komunikasi (protokol) yang mengawal cara pelayar web dan pelayan bertukar maklumat. HTTPS menambah lapisan keselamatan melalui penyulitan.
  • Pelayan Web: Komputer yang menyimpan dan menyediakan sumber web.
  • Pelayar Web: Aplikasi perisian (seperti Chrome, Firefox atau Edge) yang membenarkan pengguna mengakses dan berinteraksi dengan sumber web.

2. Halaman Web, Laman Web dan Apl Web: Memahami Perbezaan

• Halaman Web: Satu dokumen, biasanya ditulis dalam HTML, yang boleh memaparkan teks, imej, video dan media lain.
• Tapak web: Koleksi halaman web yang berkaitan, biasanya dipautkan bersama di bawah satu nama domain. Anggap ia sebagai sebuah buku dengan berbilang bab.
• Apl Web (Aplikasi Web): Jenis tapak web yang lebih interaktif dan dinamik yang menyediakan fungsi yang serupa dengan aplikasi desktop atau mudah alih. Contohnya termasuk Gmail, Dokumen Google dan banyak platform media sosial moden. Apl web sering memanfaatkan teknologi canggih seperti rangka kerja JavaScript dan API untuk memberikan pengalaman pengguna yang kaya.

3. Membina Halaman Web: Trifecta HTML, CSS dan JavaScript

Mencipta halaman web melibatkan tiga teknologi teras:

• HTML (Bahasa Penanda Hiperteks): Asas. HTML menyediakan struktur dan kandungan halaman web, mentakrifkan elemen seperti tajuk, perenggan, imej dan pautan. Ia seperti rangka bangunan.
• CSS (Cascading Style Sheets): Stylist. CSS mengawal persembahan dan penampilan visual halaman web, mengendalikan aspek seperti warna, fon, reka letak dan responsif (cara halaman menyesuaikan diri dengan saiz skrin yang berbeza). Ia seperti reka bentuk dalaman dan hiasan bangunan.
• JavaScript: Otak. JavaScript menambah interaktiviti dan tingkah laku dinamik pada halaman web. Ia membolehkan perkara seperti pengesahan borang, animasi, peta interaktif dan banyak lagi. Ia seperti pendawaian elektrik dan ciri rumah pintar sebuah bangunan, menjadikannya berfungsi dan dinamik.

4. Pelayar Web: Tetingkap Anda ke Web

Pelayar web ialah aplikasi perisian penting yang membolehkan anda mengakses dan berinteraksi dengan World Wide Web. Penyemak imbas popular pada tahun 2024 termasuk:

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Safari
• Berani
• Opera

Cara Penyemak Imbas Berfungsi: Apabila anda memasukkan URL, penyemak imbas menghantar permintaan kepada pelayan web yang mengehos sumber tersebut. Pelayan menghantar semula fail yang diperlukan (HTML, CSS, JavaScript, imej, dll.), dan penyemak imbas mentafsir fail ini untuk memaparkan (memaparkan) halaman web pada peranti anda.

5. Pelayan: The Powerhouses of the Web

Pelayan ialah komputer khusus yang menyimpan, memproses dan menghantar sumber web kepada pelanggan (seperti penyemak imbas web anda). Terdapat pelbagai jenis pelayan, masing-masing mempunyai peranan tertentu:

• Pelayan Web: Direka untuk menyajikan halaman web dan kandungan web lain. Perisian pelayan web yang popular termasuk Apache, Nginx, dan Microsoft IIS. Mereka mengendalikan permintaan melalui HTTP/HTTPS, berinteraksi dengan pangkalan data dan menyampaikan sumber yang diminta.
• Pelayan Mel: Kendalikan penghantaran, penerimaan dan penghalaan e-mel. Mereka menggunakan protokol seperti SMTP (Simple Mail Transfer Protocol), POP3 (Post Office Protocol versi 3) dan IMAP (Internet Message Access Protocol).
• Pelayan Fail: Benarkan pengguna menyimpan, mengakses dan mengurus fail melalui rangkaian. Mereka sering menggunakan FTP (File Transfer Protocol) atau SFTP (Secure File Transfer Protocol).

6. Pangkalan Data: Menyusun Maklumat Web

Pangkalan data ialah koleksi data tersusun yang memudahkan untuk menyimpan, mendapatkan semula, mengurus dan mengemas kini maklumat. Ia penting untuk kebanyakan tapak web dan aplikasi web dinamik.

• Pangkalan Data Hubungan (SQL): Simpan data dalam jadual dengan baris dan lajur, mewujudkan hubungan antara jadual. Mereka sesuai untuk data berstruktur dan menggunakan SQL (Bahasa Pertanyaan Berstruktur) untuk manipulasi data. Contoh: MySQL, PostgreSQL, Oracle, SQL Server.
• Pangkalan Data Bukan Hubungan (NoSQL): Simpan data dalam format yang lebih fleksibel seperti dokumen, pasangan nilai kunci atau graf. Ia sangat sesuai untuk jumlah besar data tidak berstruktur atau separa berstruktur. Contoh: MongoDB, Cassandra, Redis, Couchbase.

7. Seni Bina Pelanggan-Pelayan: Asas Interaksi Web

Web pada asasnya beroperasi pada seni bina pelayan-klien.

• Pelanggan: Penyemak imbas web anda, meminta sumber.
• Pelayan: Komputer menyimpan dan menghantar sumber.

Pelayar mentafsir data yang diterima menggunakan:

• DOM (Model Objek Dokumen) Jurubahasa: Menghuraikan struktur HTML.
• Jurubahasa CSS: Menggunakan gaya yang ditakrifkan dalam CSS.
• Enjin JavaScript: Melaksanakan kod JavaScript untuk menambah interaktiviti.

8. Jenis Pembangunan Web: Bahagian Depan, Bahagian Belakang dan Tindanan Penuh

Pembangunan web biasanya dibahagikan kepada tiga bidang utama:

• Pembangunan Bahagian Hadapan: Memfokuskan pada antara muka pengguna (UI) dan pengalaman pengguna (UX) – semua yang pengguna lihat dan berinteraksi secara langsung dalam penyemak imbas. Pembangun bahagian hadapan menggunakan HTML, CSS dan JavaScript, selalunya dengan rangka kerja seperti React, Angular atau Vue.js.
• Pembangunan Belakang: Berurusan dengan logik bahagian pelayan, pangkalan data dan API yang menguatkan bahagian hadapan. Pembangun bahagian belakang berfungsi dengan bahasa bahagian pelayan seperti Python, Java, Node.js, PHP atau Ruby dan teknologi pangkalan data.
• Pembangunan Timbunan Penuh: Merangkumi pembangunan bahagian hadapan dan belakang. Pembangun tindanan penuh mahir dalam pelbagai teknologi, membolehkan mereka bekerja pada semua aspek aplikasi web. Kombinasi tindanan penuh yang popular termasuk MERN (MongoDB, Express.js, React, Node.js), MEAN (MongoDB, Express.js, Angular, Node.js) dan lain-lain.

9. Web Hosting: Menjadikan Laman Web Anda Boleh Diakses

Penghosan web ialah perkhidmatan yang menjadikan tapak web atau aplikasi web anda boleh diakses oleh pengguna di internet. Penyedia pengehosan web menawarkan ruang pada pelayan mereka (pusat data) untuk menyimpan fail tapak web anda dan menyediakannya 24/7. Pilihan pengehosan popular termasuk pengehosan kongsi, pengehosan VPS, pelayan khusus dan pengehosan awan.

Terima kasih atas masa anda.

Atas ialah kandungan terperinci Blok Pembinaan Web 5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!