Bài 1 Tổng quan về lập trình web


Các khái niệm cơ bản về Internet, lập trình web ở phía Client, lập trình web ở phía Server, website động là gì, website tĩnh là gì


Mục tiêu

  • Các khái niệm cơ bản về Internet
  • Lập trình web ở phía Client
  • Lập trình web ở phía Server

Nội dung

  1. Giới thiệu về Internet và một số khái niệm
  2. Tổng quan về lập trình web
  3. Môi trường cài đặt

Giới thiệu về Internet

  • Là tập hợp các máy tính nối mạng trên thế giới nhằm trao đổi thông tin với nhau thông qua giao thức TCP/IP (Transmission Control Protocol/Internet Protocol)
  • Mang lại rất nhiều tiện ích hữu dụng cho người sử dụng, nổi bật nhất là dịch vụ thư điện tử (email), trò chuyện trực tuyến (chat) và truy tìm dữ liệu (search engine)
  • Dịch vụ được dùng rất phổ biến trên Internet là World Wide Web (WWW, thường được gọi tắt là Web)

Web Server

  • Máy tính lưu trữ website
  • Trả kết quả về cho Web Client khi nhận được yêu cầu

Web Client

  • Máy tính dùng để truy cập các trang web
  • Có khả năng yêu cầu và nhận kết quả từ Web Server

Trình duyệt web – Web Browser

  • Phần mềm dùng để xem các tài liệu hoặc tìm kiếm các tài nguyên trên World Wide Web
  • Một số trình duyệt thông dụng hiện nay:
    • Chrome của Google
    • Internet Explorer (IE) có sẵn trong Microsoft Windows của Microsoft
    • Mozilla Firefox của Tập đoàn Mozilla
    • Netscape Navigator của Netscape
    • Opera của Opera Software

HTTP (HyperText Transfer Protocol)

  • Là giao thức chuyển giao siêu văn bản trên web
  • Giao thức này là tập hợp các qui định dùng để trao đổi các tài liệu (văn bản, hình ảnh, âm thanh, video, các tập tin đa truyền thông,…) giữa Web server và trình duyệt Web

URL (Uniform Resource Locator)

  • Đường dẫn chỉ tới một trang web cụ thể trên Internet.
  • Cú pháp đầy đủ: scheme://<host> [:port] [<path>[ ?<querystring> ] ]
    • scheme: lọai dịch vụ Internet
    • host: địa chỉ máy chủ chứa tài nguyên
    • port: cổng dịch vụ trên máy chủ
    • path: đường dẫn và tên của tập tin tài nguyên trên máy chủ
    • querystring: các tham số được gửi kèm theo http

url

HTML (HyperText Markup Language)

  • Ngôn ngữ dùng để xây dựng các trang web
  • Gồm các tag giúp web browser biết cách định dạng thông tin hiển thị

Ví dụ: nội dung trang web Chao.html

Tổng quan về lập trình web

  • Web tĩnh và lập trình Client-side
  • Web động và lập trình Server-side

Web tĩnh

  • Là trang web được trình bày dưới dạng văn bản. Nội dung trong trang được tạo ra lúc thiết kế và không được thay đổi khi có người dùng truy cập
  • Được viết bằng ngôn ngữ HTML và không có kết nối với cơ sở dữ liệu (CSDL)
  • Khi có nhu cầu xử lý trên trang web tĩnh, ta dùng ngôn ngữ Client-side script => Lập trình Client-side
  • Quá trình xử lý chỉ xảy ra tại Web client

Đặc điểm khi xử lý tại Client

  • Nhanh, không mất thời gian để thể hiện kết quả lên trang web
  • Chỉ có thể thực hiện những xử lý đơn giản và độc lập
  • Không cần phải cài đặt phần mềm tại web server
  • Trình duyệt phải hỗ trợ ngôn ngữ script mà trang HTML đang sử dụng
  • Rất hữu ích cho DHTM

Web động

  • Là trang web có nội dung được lấy từ CSDL
  • Dùng ngôn ngữ Server-side script để xử lý
  • Quá trình xử lý xảy ra tại Web server => Lập trình Server-side

Đặc điểm khi xử lý tại Server

  • Chậm, mất thời gian để thể hiện kết quả lên trang web
  • Có khả năng thực hiện những xử lý phức tạp và truy cập cơ sở dữ liệu
  • Trang web linh động, phục vụ đa yêu cầu của người dùng
  • Phải cài đặt phần mềm tại Web server

Khi triển khai một ứng dụng web

  • Cần nhận biết bản chất của mỗi xử lý là nên thực hiện ở Client hay Server
  • Một website có thể chứa các trang web tĩnh và động

Môi trường cài đặt

  • http://codepen.io/
  • Notepad, Notepad++
  • Macromedia Dreamweaver
  • Visual Studio
  • Sublime Text

Bài viết tiếp theo

Chia sẽ bài viết :