Trong video trước, chúng ta đã biết rằng một trình duyệt chỉ cần gửi một yêu cầu đến một
máy chủ ở đâu đó trên thế giới qua internet bằng giao thức HTTPS và sau đó nó nhận các tệp JavaScript, HTML và CSS đó
để có thể hiển thị một trang web.
Hiện nay.
Làm thế nào chúng ta có thể thực sự kiểm tra điều này?
Chà, tôi thực sự có thể đến gặp nhà phát triển và điều này đang sử dụng Google Chrome.
Vì vậy, tôi khuyên bạn nên sử dụng Google Chrome cho phần này để bạn có thể làm theo những gì tôi đang làm.
Nếu tôi truy cập công cụ dành cho nhà phát triển ở đây, nó sẽ mở ra một hộp nhỏ ở đây với một số thông tin cho
tôi.
Bây giờ những gì tôi muốn tập trung vào là tab mạng này.
Và tab mạng này sẽ cho chúng ta biết loại thông tin chúng ta nhận được từ máy chủ.
Nếu tôi làm mới ở đây, bạn sẽ nhận thấy điều đó.
Tôi nhận được một số dữ liệu ở đây?
Bây giờ bạn muốn đảm bảo rằng không có bộ lọc nào liên quan.
Vì vậy, chúng tôi muốn nói ở đây rằng chúng tôi muốn mọi thứ.
Vì vậy, không có bộ lọc, tất cả mọi thứ.
Không có tìm kiếm nào đang diễn ra và chúng tôi có thể làm mới lại và.
Được rồi, chúng tôi thấy nhiều tệp hơn, nhưng điều này trông đáng sợ.
Hãy suy nghĩ về những gì chúng ta vừa học được.
Chúng tôi biết rằng trước tiên chúng tôi nhận được một tệp HTML, đây chính là tệp này.
Nó nói ở đây loại tài liệu.
Và nếu tôi nhấp vào đây, đây là một tài liệu HTML.
Vì vậy, phản hồi từ máy chủ khi tôi nhấn làm mới, hãy nhớ rằng nó đã giao tiếp với một máy chủ ở đâu
đó trên thế giới có các tệp này trên máy tính đó.
Và ở đây chúng tôi có tệp HTML của chúng tôi.
Nếu tôi sẽ cuộn xuống.
Nhìn kìa.
Chúng ta có thể thấy ở đây webcomic về sự lãng mạn, châm biếm, toán học và ngôn ngữ, ở ngay đây.
Hãy nhớ cách tôi đã nói HTML là văn bản được hiển thị trên một trang web?
Đây là HTML của chúng tôi ở đây mà máy chủ đã phản hồi và trình duyệt biết cách đọc nó và
hiển thị văn bản.
Còn về CSIS?
Tôi thực sự có thể nhấp vào tab CSIS này ở đây và hiển thị cho tôi tất cả các tệp CSIS đến từ
máy chủ.
Và bạn thấy ở đây rằng điều này, một lần nữa, trông hơi khác một chút.
Nó ở một cú pháp khác với HTML.
Nhưng tất cả những gì nó làm ở đây là nó mang lại cho tôi những phong cách mà tôi muốn.
Bạn có thể xem ở đây, chúng tôi có thể chọn màu nền.
Chúng tôi có thể chọn vị trí khác nhau, vị trí bên trái chiều rộng.
Và điều này cung cấp cho chúng tôi phong cách mà chúng tôi muốn trên một trang web.
Và sau đó nếu chúng ta chuyển sang JavaScript, chúng ta thực sự thấy các tệp JavaScript mà trang web này sử dụng.
Bây giờ chúng ta không phải lo lắng về JavaScript ở đây.
JavaScript cho phép chúng ta thực hiện một số hoạt động tương tác trên trang web này mà bây giờ, chúng ta có thể không cần phải lo lắng
về điều đó.
Bây giờ, tôi muốn chỉ ra rằng có một số thứ khác ở đây như hình ảnh và phương tiện.
Và như bạn có thể thấy, hình ảnh, chúng tôi chắc chắn có một số hình ảnh ở đây mà chúng tôi đang sử dụng.
Nếu tôi nhấp vào xem trước, chúng ta có thể xem các hình ảnh.
Nhưng vào cuối ngày, khái niệm vẫn như cũ.
Chúng tôi có một tệp HTML.
Mà trong trường hợp của chúng tôi là ngay ở đây.
Bạn thấy cách tệp HTML được hiển thị mà không có CSS, đó chỉ là dữ liệu dạng văn bản mà chúng tôi có.
CSS, là kiểu dáng.
Trang của chúng tôi và sau đó là một số JavaScript để làm cho trang của chúng tôi tương tác và có thể là một số hình ảnh.
Nhưng vào cuối ngày, tất cả những thứ này thực sự chỉ là dữ liệu văn bản mà chúng tôi nhận được từ
máy chủ.
Vì vậy, điều đó có nghĩa là để chúng ta có thể xây dựng trang web của mình, chúng ta cần
tạo ba thứ sau đây là tệp HTML, tệp CSS và tệp JavaScript.
Trên thực tế, chúng tôi thậm chí không cần tệp JavaScript nếu chúng tôi không muốn bất kỳ tương tác nào.
Chúng tôi thậm chí không cần tệp CSS.
Nếu chúng tôi không muốn bất kỳ kiểu dáng nào, chúng tôi thậm chí có thể sử dụng tệp HTML.
Vì vậy, trong video tiếp theo, chúng ta sẽ xây dựng trang Web đầu tiên của mình.
Tôi sẽ gặp bạn trong đó.
Tạm biệt.