Các chương trong cuốn sách này được viết theo một thứ tự cụ thể, đầu tiên giới thiệu tất cả các công nghệ cốt lõi mà cuốn sách đề cập và sau đó hướng dẫn bạn cách cài đặt chúng trên một máy chủ phát triển web để bạn sẵn sàng làm việc với các ví dụ
Trong phần đầu tiên, bạn sẽ có được nền tảng về ngôn ngữ lập trình PHP, bao gồm những kiến thức cơ bản về cú pháp, mảng, hàm và lập trình hướng đối tượng
Sau đó, với PHP trong tay, bạn sẽ chuyển sang phần giới thiệu về hệ thống cơ sở dữ liệu MySQL, nơi bạn sẽ tìm hiểu mọi thứ từ cách cơ sở dữ liệu MySQL được cấu trúc đến cách tạo các truy vấn phức tạp.
Sau đó, bạn sẽ học cách kết hợp PHP và MySQL để bắt đầu tạo các trang web động của riêng mình bằng cách tích hợp các biểu mẫu và các tính năng HTML khác. Sau đó, bạn sẽ tìm hiểu các khía cạnh thực tế cơ bản của việc phát triển PHP và MySQL bằng cách tìm hiểu nhiều chức năng hữu ích và cách quản lý cookie và phiên, cũng như cách duy trì mức độ bảo mật cao
Trong vài chương tiếp theo, bạn sẽ có được nền tảng vững chắc về JavaScript, từ các chức năng đơn giản và xử lý sự kiện đến truy cập Mô hình đối tượng tài liệu, xác thực trong trình duyệt và xử lý lỗi. Bạn cũng sẽ nhận được hướng dẫn toàn diện về cách sử dụng thư viện React phổ biến cho JavaScript
Với sự hiểu biết về cả ba công nghệ cốt lõi này, bạn sẽ học cách thực hiện các cuộc gọi Ajax hậu trường và biến trang web của mình thành môi trường năng động cao
Tiếp theo, bạn sẽ dành hai chương để tìm hiểu tất cả về cách sử dụng CSS để tạo kiểu và bố cục trang web của mình, trước khi khám phá cách các thư viện React có thể giúp công việc phát triển của bạn trở nên dễ dàng hơn rất nhiều. Sau đó, bạn sẽ chuyển sang phần cuối cùng về các tính năng tương tác được tích hợp trong HTML5, bao gồm định vị địa lý, âm thanh, video và canvas. Sau đó, bạn sẽ tập hợp mọi thứ bạn đã học được thành một bộ chương trình hoàn chỉnh để cùng nhau tạo thành một trang web mạng xã hội đầy đủ chức năng
Trong quá trình thực hiện, bạn sẽ tìm thấy nhiều lời khuyên về các phương pháp lập trình hay và các mẹo có thể giúp bạn tìm và giải quyết các lỗi lập trình khó phát hiện. Ngoài ra còn có rất nhiều liên kết đến các trang web có thêm thông tin chi tiết về các chủ đề được đề cập
World Wide Web là một mạng không ngừng phát triển đã vượt xa khái niệm của nó vào đầu những năm 1990, khi nó được tạo ra để giải quyết một vấn đề cụ thể. Các thí nghiệm tiên tiến nhất tại CERN [Phòng thí nghiệm Vật lý Hạt Châu Âu—hiện được biết đến nhiều nhất với tư cách là nhà điều hành Máy Va chạm Hadron Lớn] đã tạo ra lượng dữ liệu đáng kinh ngạc—nhiều đến mức dữ liệu tỏ ra khó sử dụng để phân phối cho những người tham gia.
Vào thời điểm này, Internet đã sẵn sàng, với hàng trăm nghìn máy tính được kết nối với nó, vì vậy Tim Berners-Lee [một thành viên của CERN] đã nghĩ ra một phương pháp điều hướng giữa chúng bằng cách sử dụng một khung siêu liên kết, được gọi là Truyền siêu văn bản. . Ông cũng tạo ra một ngôn ngữ đánh dấu gọi là HTML, hay Ngôn ngữ đánh dấu siêu văn bản. Để kết hợp những thứ này lại với nhau, anh ấy đã viết trình duyệt web và máy chủ web đầu tiên, những công cụ mà ngày nay chúng ta coi là đương nhiên
Nhưng hồi đó, khái niệm này là một cuộc cách mạng. Khả năng kết nối nhiều nhất cho đến nay mà người dùng modem tại nhà trải nghiệm là quay số và kết nối với bảng thông báo được lưu trữ bởi một máy tính duy nhất, nơi bạn chỉ có thể giao tiếp và trao đổi dữ liệu với những người dùng khác của dịch vụ đó. Do đó, bạn cần phải là thành viên của nhiều hệ thống bảng thông báo để giao tiếp điện tử hiệu quả với đồng nghiệp và bạn bè của mình
Nhưng Berners-Lee đã thay đổi tất cả những điều đó chỉ trong một cú trượt ngã, và đến giữa những năm 1990, có ba trình duyệt web đồ họa chính đang cạnh tranh để thu hút sự chú ý của năm triệu người dùng. Tuy nhiên, nó nhanh chóng trở nên rõ ràng rằng thiếu một cái gì đó. Đúng vậy, các trang văn bản và đồ họa có siêu liên kết để đưa bạn đến các trang khác là một ý tưởng tuyệt vời, nhưng kết quả không phản ánh tiềm năng tức thời của máy tính và Internet để đáp ứng nhu cầu cụ thể của từng người dùng với nội dung thay đổi linh hoạt. Sử dụng Web là một trải nghiệm rất khô khan và đơn giản, ngay cả khi bây giờ chúng tôi đã có văn bản cuộn và GIF động
Giỏ hàng, công cụ tìm kiếm và mạng xã hội rõ ràng đã thay đổi cách chúng ta sử dụng Web. Trong chương này, chúng ta sẽ xem xét sơ qua các thành phần khác nhau tạo nên Web và phần mềm giúp tạo nên một trải nghiệm phong phú và năng động.
Ghi chú
Cần phải bắt đầu sử dụng một số từ viết tắt ít nhiều ngay lập tức. Tôi đã cố gắng giải thích rõ ràng trước khi tiếp tục. Nhưng đừng lo lắng quá nhiều về ý nghĩa của chúng hoặc ý nghĩa của những cái tên này, bởi vì tất cả các chi tiết sẽ trở nên rõ ràng khi bạn đọc tiếp
HTTP và HTML. Khái niệm cơ bản của Berners-Lee
HTTP là một tiêu chuẩn giao tiếp quản lý các yêu cầu và phản hồi diễn ra giữa trình duyệt đang chạy trên máy tính của người dùng cuối và máy chủ web. Công việc của máy chủ là chấp nhận yêu cầu từ máy khách và cố gắng trả lời yêu cầu đó theo cách có ý nghĩa, thường là bằng cách cung cấp trang web được yêu cầu—đó là lý do tại sao thuật ngữ máy chủ được sử dụng. Đối tác tự nhiên của máy chủ là máy khách, vì vậy thuật ngữ đó được áp dụng cho cả trình duyệt web và máy tính mà nó đang chạy
Giữa máy khách và máy chủ có thể có một số thiết bị khác, chẳng hạn như bộ định tuyến, proxy, cổng, v.v. Chúng phục vụ các vai trò khác nhau trong việc đảm bảo rằng các yêu cầu và phản hồi được chuyển chính xác giữa máy khách và máy chủ. Thông thường, họ sử dụng Internet để gửi thông tin này
Một máy chủ web thường có thể xử lý nhiều kết nối đồng thời và—khi không giao tiếp với máy khách—dành thời gian lắng nghe kết nối đến. Khi một người đến, máy chủ sẽ gửi lại phản hồi để xác nhận việc nhận
Thủ tục Yêu cầu/Phản hồi
Ở cấp độ cơ bản nhất, quy trình yêu cầu/phản hồi bao gồm một trình duyệt web yêu cầu máy chủ web gửi cho nó một trang web và máy chủ gửi lại trang đó. Sau đó, trình duyệt sẽ đảm nhiệm việc hiển thị trang [xem Hình 1-1]
Hình 1-1. Trình tự yêu cầu/phản hồi cơ bản của máy khách/máy chủ
Mỗi bước trong trình tự yêu cầu và phản hồi như sau
Bạn nhập http. //người phục vụ. com vào thanh địa chỉ của trình duyệt của bạn
Trình duyệt của bạn tra cứu địa chỉ IP cho máy chủ. com
Trình duyệt của bạn đưa ra yêu cầu về trang chủ tại máy chủ. com
Yêu cầu đi qua Internet và đến máy chủ. máy chủ web com
Máy chủ web, sau khi nhận được yêu cầu, sẽ tìm kiếm trang web trên đĩa cứng của nó
Trang web được máy chủ truy xuất và trả về trình duyệt
Trình duyệt của bạn hiển thị trang web
Đối với một trang web trung bình, quá trình này diễn ra một lần cho từng đối tượng trong trang. đồ họa, video nhúng hoặc tệp Flash và thậm chí cả mẫu CSS
Ở bước 2, lưu ý rằng trình duyệt đã tra cứu địa chỉ IP của máy chủ. com. Mỗi máy được kết nối với Internet đều có một địa chỉ IP—bao gồm cả máy tính của bạn. Nhưng chúng tôi thường truy cập các máy chủ web theo tên, chẳng hạn như google. com. Như bạn có thể biết, trình duyệt tham khảo một dịch vụ Internet bổ sung có tên là Dịch vụ tên miền [DNS] để tìm địa chỉ IP được liên kết của nó và sau đó sử dụng nó để liên lạc với máy tính
Đối với các trang web động, quy trình phức tạp hơn một chút vì nó có thể kết hợp cả PHP và MySQL [xem Hình 1-2]
Hình 1-2. Trình tự yêu cầu/phản hồi của máy khách/máy chủ động
Dưới đây là các bước cho trình tự yêu cầu/phản hồi của máy khách/máy chủ động
Bạn nhập http. //người phục vụ. com vào thanh địa chỉ của trình duyệt của bạn
Trình duyệt của bạn tra cứu địa chỉ IP cho máy chủ. com
Trình duyệt của bạn gửi yêu cầu đến địa chỉ đó cho trang chủ của máy chủ web
Yêu cầu đi qua Internet và đến máy chủ. máy chủ web com
Máy chủ web, sau khi nhận được yêu cầu, sẽ tìm nạp trang chủ từ đĩa cứng của nó
Với trang chủ hiện có trong bộ nhớ, máy chủ web thông báo rằng đó là một tệp kết hợp tập lệnh PHP và chuyển trang tới trình thông dịch PHP
Trình thông dịch PHP thực thi mã PHP
Một số PHP chứa các câu lệnh MySQL, mà trình thông dịch PHP hiện chuyển đến công cụ cơ sở dữ liệu MySQL
Cơ sở dữ liệu MySQL trả lại kết quả của các câu lệnh cho trình thông dịch PHP
Trình thông dịch PHP trả về kết quả của mã PHP đã thực thi, cùng với kết quả từ cơ sở dữ liệu MySQL, cho máy chủ web
Máy chủ web trả lại trang cho máy khách yêu cầu, máy khách này sẽ hiển thị trang đó
Mặc dù nhận thức được quá trình này sẽ rất hữu ích để bạn biết ba yếu tố phối hợp với nhau như thế nào, nhưng trong thực tế, bạn không thực sự cần quan tâm đến những chi tiết này, bởi vì tất cả chúng đều diễn ra tự động.
Các trang HTML được trả về trình duyệt trong mỗi ví dụ có thể chứa JavaScript, vốn sẽ được ứng dụng khách diễn giải cục bộ và có thể bắt đầu một yêu cầu khác—giống như cách các đối tượng được nhúng như hình ảnh sẽ
Lợi ích của PHP, MySQL, JavaScript, CSS và HTML5
Ở đầu chương này, tôi đã giới thiệu thế giới Web 1. 0, nhưng không lâu sau đó người ta đổ xô tạo ra Web 1. 1, với sự phát triển của các cải tiến trình duyệt như Java, JavaScript, JScript [biến thể nhỏ của JavaScript của Microsoft] và ActiveX. Về phía máy chủ, tiến trình đang được thực hiện trên Giao diện cổng chung [CGI] bằng cách sử dụng các ngôn ngữ kịch bản chẳng hạn như Perl [một ngôn ngữ thay thế cho ngôn ngữ PHP] và kịch bản phía máy chủ—chèn nội dung của một tệp [hoặc đầu ra của hệ thống
Khi bụi đã lắng xuống, ba công nghệ chính đứng đầu và vai trên các công nghệ khác. Mặc dù Perl vẫn là một ngôn ngữ kịch bản phổ biến với lượng người theo dõi mạnh mẽ, nhưng tính đơn giản của PHP và các liên kết tích hợp với chương trình cơ sở dữ liệu MySQL đã mang lại cho nó số lượng người dùng nhiều hơn gấp đôi. Và JavaScript, vốn đã trở thành một phần thiết yếu của phương trình thao tác động CSS [Cascading Style Sheets] và HTML, giờ đây đảm nhận nhiệm vụ thậm chí còn nặng nề hơn là xử lý phía máy khách của quy trình Ajax. Trong Ajax, các trang web thực hiện xử lý dữ liệu và gửi yêu cầu đến máy chủ web ở chế độ nền—mà người dùng web không biết rằng điều này đang diễn ra
Không còn nghi ngờ gì nữa, bản chất cộng sinh của PHP và MySQL đã giúp thúc đẩy cả hai phát triển, nhưng điều gì đã thu hút các nhà phát triển đến với họ ngay từ đầu? . MySQL là một hệ thống cơ sở dữ liệu nhanh và mạnh, nhưng dễ sử dụng, cung cấp mọi thứ mà một trang web cần để tìm và cung cấp dữ liệu cho các trình duyệt. Khi PHP liên minh với MySQL để lưu trữ và truy xuất dữ liệu này, bạn có những phần cơ bản cần thiết cho sự phát triển của các trang mạng xã hội và sự khởi đầu của Web 2. 0
Và khi bạn kết hợp cả JavaScript và CSS, bạn sẽ có một công thức để xây dựng các trang web năng động và có tính tương tác cao
Với PHP, việc nhúng hoạt động động vào các trang web là một vấn đề đơn giản. Khi bạn cung cấp cho các trang. php, họ có quyền truy cập ngay vào ngôn ngữ kịch bản. Từ quan điểm của nhà phát triển, tất cả những gì bạn phải làm là viết mã như sau
Here's the latest news.
Thẻ mở đầu
Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is . Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.
3
Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is . Here's the latest news.Today is . Here's the latest news.Today is Wednesday. Here's the latest news.Lệnh
Today is . Here's the latest news.Today is . Here's the latest news.Today is . Here's the latest news.Today is Wednesday. Here's the latest news.Today is . Here's the latest news.Today is Wednesday. Here's the latest news.Today is . Here's the latest news.Today is . Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Các thẻ
Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.Today is Wednesday. Here's the latest news.