HTML(viết tắt của Hypertext Markup Language) là một ngôn ngữ đánh dấu siêu văn bản, được sử dụng để định dạng và hiển thị văn bản trên trình duyệt tới người sử dụng.
Đặc điểm của HMTL:
¥! Là một ngôn ngữ rất dễ dàng và đơn giản.
¥! Rất dễ dàng để trình bày hiệu quả với HTML vì nó có nhiều thẻ định dạng. ¥! Có thể sử dụng một cách linh hoạt để thiết kế trang web cùng với văn bản. ¥! Có thể liên kết tới các trang web khác.
¥! HTML là một nền tảng độc lập vì nó có thể hiển thị trên bất kỳ nền tảng nào khác như Windows, Linux, MacOS.
¥! Ta có thể thêm hình ảnh, video, âm thanh vào các trang web khiến nó hấp dẫn và dễ tương tác hơn.
HTML là một ngôn ngữ định dạng văn bản tĩnh cho một website và ta khó có thể thay đổi nó một cách linh hoạt khi hiển thị thông tin ra một website. Chính vì vậy, ta cần sử dụng một template engine có thể biên dịch thành mã HTML để sinh ra các văn bản dạng HTML hiển thị lên trình duyệt cho người dùng. Cụ thể ta sẽ sử dụng template engine pug.
CSS(viết tắt của Cascading Style Sheets) là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML).
CSS được phát triển bởi W3C(World Wide Web Consortium) vào năm 1996. Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.
Javascript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML, giúp cho website có thể hoạt động linh hoạt hơn. Javascript là dạng ngôn ngữ theo kịch bản, được hình thành dựa trên chính đối tượng phát triển có sẵn hoặc tự định nghĩa. Javascript cho phép ta kiểm soát các hành vi của trang web tốt hơn so với việc chỉ sử dụng mỗi HTML.
Nhiệm vụ của Javascript là xử lý các đối tượng HTML trên trình duyệt. Nó có thể can thiệp với các hành động như thêm/xoá/sửa các thuộc tính CSS và các thẻ HTML một cách dễ dàng. Nói cách khác, Javascript là một ngôn ngữ lập trình trên trình duyệt phía client.
Ưu điểm của Javascript:
¥! Javascript giúp thao tác với người dùng ở phía cliendt và tách biệt giữa các client. Khi 2 người đang truy cập vào 2 trình duyệt khác nhau thì cả hai đều có những phiên xử lý javascript khác nhau, không ảnh hưởng lẫn nhau.
¥! Javascript có thể hoạt động trên nhiều nền tảng khác nhau như Windows, MacOS và các hệ điều hành trên điện thoại.
Bootstrap là một framework front-end bao gồm các HTML, CSS và Javascript template dùng để phát triển website chuẩn responsive.
Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa trên những thanh tố cơ bản sẵn có như typography, forms, buttons, tables, grids, navigation, image corousels, …
Bootstrap là một trong những framework được sử dụng nhiều nhất trên thế giới để xây dựng nên một website. Bootstrap đã xây dựng nên một chuẩn riêng và rất được người dùng ưa chuộng.
Ưu điểm của bootstrap:
¥! Dễ sử dụng.
¥! Responsive: Bootstrap xây dựng sẵn responsive CSS trên các thiết bị di động, máy tính bảng, desktop. Tính năng này giúp cho người dùng tiết kiệm được rất nhiều thời gian trong việc tạo một website thân thiện với các thiết bị điện tử, thiết bị cầm tay.
Trong luận văn này, ta sẽ sử dụng bootstrap 4 để xây dựng nên một responsive website bán sản phẩm công nghệ.