Làm website

Hãy tưởng tượng website là một ngôi nhà. Mọi trang web bạn từng mở - Facebook, Shopee, báo điện tử - đều được dựng từ đúng ba thứ.

• HTML

  Trong ngôi nhà: Khung nhà: mấy tầng, phòng khách, bếp ở đâu, cửa chỗ nào

  Trên website: Tiêu đề, đoạn văn, hình ảnh, nút bấm, ô nhập liệu

• CSS

  Trong ngôi nhà: Trang trí: màu sơn, rèm cửa, đồ nội thất

  Trên website: Màu sắc, cỡ chữ, hiệu ứng, vừa cả máy tính lẫn điện thoại

• JavaScript

  Trong ngôi nhà: Tiện ích: công tắc điện, chuông cửa

  Trên website: Bấm nút thì có chuyện xảy ra: mở menu, gửi form, hiện thông báo

Tóm gọn trong một câu

HTML tạo ra thứ để nhìn thấy, CSS làm cho nó đẹp mắt, còn JavaScript làm cho nó hoạt động.

Có khung nhà rồi, giờ là bày đồ. Bố cục trang web chính là việc quyết định món nào đặt ở đâu, cách nhau bao xa.

• Mô hình hộp

  Trong ngôi nhà: Mỗi món đồ có kích thước, và cần chừa khoảng trống xung quanh

  Trên website: Mỗi phần tử có chiều rộng, lề, viền và khoảng đệm

• Flexbox

  Trong ngôi nhà: Xếp đồ thành một hàng trên kệ, tự dàn đều

  Trên website: Xếp các nút, thẻ thành một hàng hoặc một cột

• Grid

  Trong ngôi nhà: Bản vẽ mặt bằng chia ô: ô này là bếp, ô kia là phòng ngủ

  Trên website: Chia trang thành lưới hàng và cột

• Responsive

  Trong ngôi nhà: Căn nhà tự co giãn theo lô đất to hay nhỏ

  Trên website: Trang tự đổi bố cục khi mở trên điện thoại

Tóm gọn trong một câu

Bố cục là xếp đồ đạc: mỗi món một kích thước, và bạn chọn xếp theo hàng hay theo ô.

Một ngôi nhà đẹp nhưng không có điện thì chỉ để ngắm. JavaScript là hệ thống điện: có người bấm thì có việc xảy ra.

• Biến

  Trong ngôi nhà: Chiếc hộp có dán nhãn để cất đồ

  Trên website: Chỗ cất một giá trị: tên người dùng, số lượng trong giỏ hàng

• Hàm

  Trong ngôi nhà: Công tắc: bấm một cái là cả dàn đèn cùng sáng

  Trên website: Một nhóm việc gói lại, gọi một tên là chạy cả nhóm

• Sự kiện

  Trong ngôi nhà: Chuông cửa: chỉ reo khi có người bấm

  Trên website: Chờ người dùng bấm, gõ, cuộn rồi mới phản ứng

• Biểu mẫu

  Trong ngôi nhà: Hòm thư trước cửa: khách để lại lời nhắn

  Trên website: Ô nhập liệu để người dùng gửi thông tin cho bạn

Tóm gọn trong một câu

JavaScript là hệ thống điện: có người bấm thì trang web làm một việc gì đó.

Nhà đã xong nhưng đang nằm trong máy của bạn - chưa ai ghé được. Đưa lên mạng giống như xây nhà trên một mảnh đất có địa chỉ.

• Hosting

  Trong đời thật: Mảnh đất để dựng nhà

  Trên internet: Máy chủ chạy suốt ngày đêm, giữ các tệp trang web của bạn

• Tên miền

  Trong đời thật: Số nhà và tên đường

  Trên internet: Địa chỉ dễ nhớ như tenban.vn

• DNS

  Trong đời thật: Cuốn danh bạ tra từ địa chỉ ra đúng vị trí

  Trên internet: Hệ thống đổi tên miền thành địa chỉ máy chủ

• HTTPS

  Trong đời thật: Khoá cửa và phong bì dán kín

  Trên internet: Mã hoá để không ai đọc lén được dữ liệu trên đường đi

Tóm gọn trong một câu

Hosting là mảnh đất, tên miền là số nhà, còn HTTPS là ổ khoá.