Tuy nhiên, thật hữu ích khi biết điều gì đang diễn ra trong nền khi bạn tạo một không gian trực tuyến. Điều này sẽ trao quyền cho bạn khi bạn hiểu tại sao mọi thứ có thể xuất hiện hoặc không như bạn mong đợi hoặc có thể truyền cảm hứng cho bạn để tìm hiểu thêm để bạn có thể tạo ra những trải nghiệm trực tuyến độc đáo
Trình duyệt của bạn là một thông dịch viên
Khi bạn truy cập một trang web hoặc sử dụng một ứng dụng web, trình duyệt của bạn [một chương trình như Chrome, Firefox, Safari, Edge, v.v. ], đang xem thông tin được lưu trữ trên máy chủ, biên dịch thông tin đó rồi trình bày cho bạn dưới dạng một trang web hoàn chỉnh.
Các trang web thường sử dụng thông tin được tạo bằng ba ngôn ngữ trở lên để trình bày nội dung bạn nhìn thấy trên màn hình của mình
Ba ngôn ngữ chính của web là
- HTML
- CSS
- JavaScript
Dưới đây là tổng quan nhanh về cách trình duyệt của bạn hoạt động với từng ngôn ngữ này
HTML được sử dụng để tạo nội dung chính của trang [tiêu đề, đoạn văn, hình ảnh, v.v. ]
CSS chỉ ra cách nội dung đó sẽ xuất hiện với người dùng [bố cục, màu sắc, kiểu chữ, v.v. ]
JavaScript cho phép người dùng tương tác với nội dung của trang web [các nút có thể nhấp, hoạt ảnh cuộn]
Ngôn ngữ phía máy khách và phía máy chủ
HTML, CSS và JavaScript là các ngôn ngữ phía máy khách, vì vậy trình duyệt web “nói” và dịch chúng cho khách truy cập
Ngoài ra còn có các ngôn ngữ phía máy chủ [chẳng hạn như PHP, Python, Java, Ruby, v.v.] hoạt động với dữ liệu được lưu trữ trên máy chủ [nơi lưu trữ trang web] và chuyển thông tin này cho trình duyệt. Ngôn ngữ phía máy chủ là cần thiết bất cứ khi nào trang web sử dụng cơ sở dữ liệu để lưu trữ thông tin [chẳng hạn như thông tin chi tiết về khách hàng, bài đăng trên blog, thông tin tài chính, v.v. ]. Các trang web được gắn vào cơ sở dữ liệu được gọi là động và những trang web không có cơ sở dữ liệu là tĩnh
Ví dụ, WordPress là một Hệ thống quản lý nội dung động và sử dụng cơ sở dữ liệu để lưu trữ thông tin chính như người dùng, bài đăng trên blog, chủ đề, plugin, v.v., vì vậy, nó cần một ngôn ngữ phía máy chủ [trong trường hợp này là PHP]. Moodle, Môi trường học tập ảo được sử dụng tại Đại học Coventry, cũng sử dụng cơ sở dữ liệu và PHP
Một lần nữa, có thể tạo một trang web tuyệt vời mà không cần biết một dòng mã nào trong bất kỳ ngôn ngữ nào trong số này. Thật hữu ích khi nhận thức được chúng là gì và chúng liên quan với nhau như thế nào
HTML – Ngôn ngữ đánh dấu siêu văn bản
HTML là xương sống cho mọi thứ trên web;
Ngay cả khi thông tin trang web của bạn được lưu trữ trong cơ sở dữ liệu bằng ngôn ngữ không phải HTML, thì ngôn ngữ phía máy chủ như PHP sẽ thu thập thông tin này và đưa nó đến trình duyệt của bạn dưới dạng HTML
Đây là một ví dụ về HTML cho một trang chỉ có tiêu đề và một đoạn văn
Page Title
This is a Heading
This is a paragraph.
Nếu bạn muốn vượt ra ngoài Hệ thống quản lý nội dung cơ bản, thêm các tính năng độc đáo vào trang web của mình hoặc có một kỹ năng có giá trị để mang theo bạn vào các ngành khác nhau, thì học HTML là nơi đầu tiên để bắt đầu
Không thiếu tài nguyên trực tuyến miễn phí và trả phí, nhưng một nơi tuyệt vời để bắt đầu miễn phí là W3 Schools chứa thông tin, hướng dẫn và ví dụ thực hành cho mọi ngôn ngữ chính của web
CSS – Biểu định kiểu xếp tầng
Trong những ngày đầu của web, các nhà phát triển sẽ phải tạo một thành phần trong tài liệu HTML và thêm một dòng mã bên cạnh để thay đổi kiểu của nó. CSS được phát triển để tách biệt nội dung khỏi phong cách nhằm giữ cho cả hai có tổ chức hơn và hoạt động hiệu quả hơn.
Với CSS, bạn có thể nhắm mục tiêu một hoặc nhiều phần tử trên trang web [hoặc toàn bộ trang web] và thay đổi giao diện của chúng bằng một dòng mã ngắn. Chẳng hạn, thay vì thay đổi màu của từng tiêu đề trên một trang web, CSS cho phép bạn nhắm mục tiêu mọi tiêu đề chính cùng một lúc và tạo quy tắc cho chúng nên có màu gì
Đây là giao diện của tài liệu CSS
h1 {
color: blue;
}
Đó là nó. Quy tắc này nhắm mục tiêu mọi tiêu đề thuộc loại đó và tất cả chúng đều có màu xanh lam cùng một lúc
CSS cũng có thể được sử dụng để thay đổi màu phông chữ, màu nền, hình nền, bóng đổ, độ đậm của phông chữ, bố cục, v.v. CSS hiện đại thậm chí có thể được sử dụng để tạo hoạt ảnh và hiệu ứng nâng cao mà trước đây cần có kiến thức tốt về JavaScript để thực hiện
CSS có lẽ là ngôn ngữ web thú vị nhất để học vì chỉ cần một chút kiến thức cũng sẽ cho phép bạn thực hiện những thay đổi đáng kể cho trang web của mình. Tuy nhiên, trước tiên bạn cần có hiểu biết cơ bản về HTML để biết cách sử dụng CSS đúng cách
Ngay cả khi bạn dự định sử dụng Hệ thống quản lý nội dung để xây dựng trang web của mình, bạn cũng nên tìm hiểu những gì bạn có thể làm với CSS. W3schools có một số tài liệu đào tạo tuyệt vời về CSS hàng đầu
JavaScript
Đừng nhầm lẫn Java [một ngôn ngữ lập trình mục đích chung phổ biến], JavaScript được sử dụng để thay đổi hành vi của trang web khi người dùng tương tác với nó
JavaScript đứng sau các yếu tố tương tác trên một trang web như cảnh báo và cửa sổ bật lên, nút, hoạt ảnh, trình phát phương tiện, trò chơi, chatbot, v.v.
HTML và CSS là ngôn ngữ đánh dấu trong khi Javascript là ngôn ngữ lập trình. Điều này có nghĩa là bạn có thể sử dụng nó để lưu trữ các biến, thực hiện các hàm toán học và thực hiện nhiều hàm nâng cao.
Nếu bạn dự định đầu tư nhiều thời gian vào phát triển web, bạn sẽ thấy JavaScript sẽ giúp bạn thêm các cấp độ mới về chức năng, tính năng và độ phức tạp cho trang web của mình. Bởi vì nó điều khiển HTML và CSS của một trang web, điều quan trọng là bạn phải nắm vững cả hai điều này trước khi học JavaScript
JavaScript được tạo ra như một ngôn ngữ lập trình mà các trình duyệt có thể hiểu được và nó vẫn là ngôn ngữ duy nhất có thể được sử dụng để thực hiện cả tác vụ phía máy khách và phía máy chủ
Nếu bạn đang quản lý trang web của mình bằng CMS, có thể bạn sẽ không cần thực hiện bất kỳ thay đổi nào đối với JavaScript của trang web, nhưng nếu bạn muốn tìm hiểu thêm về ngôn ngữ này, bạn cũng có thể tìm các hướng dẫn và ví dụ thực hành tại các trường W3
Những ngôn ngữ khác
Các ngôn ngữ khác trong phát triển web tập trung vào các nhiệm vụ phía máy chủ chủ yếu liên quan đến việc tạo, lưu trữ và thu hồi thông tin trong cơ sở dữ liệu. Hầu hết người dùng Coventry Domains sẽ không cần biết chúng, nhưng nếu bạn quan tâm đến phát triển web, phát triển ứng dụng hoặc khoa học dữ liệu, học cách viết mã bằng một trong những ngôn ngữ này là một kỹ năng quý giá cần có với triển vọng việc làm tuyệt vời.
Dưới đây là một cái nhìn nhanh về một số ngôn ngữ phổ biến hơn được liên kết với web
- PHP – Ngôn ngữ kịch bản hoặc phía máy chủ phổ biến nhất. Các nền tảng CMS chính như WordPress, Joomla và Drupal được xây dựng bằng PHP
- Python – Đây là một ngôn ngữ đang phát triển nhanh chóng, phổ biến trong ngành khoa học dữ liệu và công nghệ tài chính
- Java – Đây là ngôn ngữ lập trình phổ biến và mạnh mẽ được sử dụng bởi hầu hết các tập đoàn FTSE100
- Ruby – Một ngôn ngữ đang phát triển nhanh chóng khác được thiết kế để sử dụng thú vị. Khung Ruby on Rails đã khiến ngôn ngữ này trở thành lựa chọn phổ biến cho các công ty khởi nghiệp
HTML, CSS và JavaScript là các ngôn ngữ cốt lõi của web và phần lớn các trang web ngày nay phụ thuộc vào các trình duyệt để giải thích cả ba ngôn ngữ này. Mặc dù bạn không cần biết cách viết mã trong bất kỳ ngôn ngữ nào để tạo một trang web tuyệt vời, nhưng thật tốt khi biết những ngôn ngữ này là gì, tại sao chúng tồn tại và cách học chúng có thể giúp bạn phát triển sự hiện diện trực tuyến độc đáo.