Để hiểu cách thức hoạt động của các ứng dụng, ngay từ đầu chúng ta cần hiểu kiến ​​trúc của chúng. Sau đây là tổng quan rất ngắn gọn về kiến ​​trúc của thiết kế web và ứng dụng dành cho thiết bị di động. Để biết thêm thông tin, hãy nhớ xem các bài viết blog khác thảo luận về sự tinh tế của phát triển phần mềm và nhiều hơn nữa.

Kiến trúc thiết kế trang web truyền thống

Đầu tiên, chúng ta sẽ xem xét kiến ​​trúc web truyền thống. Ứng dụng web có một phần chạy trên trình duyệt Internet, máy khách và một phần chạy trên máy chủ web, máy chủ. 

Phần chạy trên trình duyệt được gọi là giao diện người dùng và phần chạy trên máy chủ là phần phụ trợ của ứng dụng. Khi một URL hoặc địa chỉ web được nhập vào trình duyệt, trình duyệt sẽ đưa ra yêu cầu tới máy chủ bằng giao thức HTTP để truy cập tài nguyên tương ứng với URL đó.

Phân tích kiến trúc thiết kế web

Máy chủ web chịu trách nhiệm định vị địa chỉ của tài nguyên được yêu cầu, có thể là một trang web hoặc trang chủ của ứng dụng web. Sau đó, nó truy cập cơ sở dữ liệu nếu thông tin của nó được yêu cầu và xây dựng một phản hồi bằng mã HTML, là ngôn ngữ được sử dụng để định dạng nội dung của trang web.

Phản hồi này được gửi đến trình duyệt máy khách đã yêu cầu tài nguyên. Trình duyệt diễn giải mã HTML và vẽ màn hình, hiển thị hình ảnh, nút, menu, điều khiển và tất cả thông tin của trang được yêu cầu.

Theo mặc định, trình duyệt hiển thị các phần tử HTML với kiểu gốc, nghĩa là các nút, văn bản, hộp và các đối tượng khác được nhìn thấy tùy theo hệ điều hành và trình duyệt đang được sử dụng.

Chỉnh sửa kiến trúc thiết kế web

Để tùy chỉnh giao diện của các phần tử này, HTML cho phép bao gồm cả CSS, một ngôn ngữ thiết kế đồ họa được sử dụng để xác định kiểu của tài liệu HTML. Nó đã phát triển theo cách cho phép bao gồm các hình ảnh động và các hiệu ứng nâng cao khác trong các trang web.

Và để trang web được trình duyệt hiển thị không tĩnh và để đạt được hành vi tương tác và trải nghiệm người dùng tốt, mã HTML cũng có thể bao gồm mã JavaScript. Để nâng cao ngôn ngữ JavaScript bằng cách thêm mô-đun hóa, kiểu dữ liệu tĩnh và các lớp, nhiều ứng dụng web cũng đã bắt đầu sử dụng ngôn ngữ TypeScript, cho phép chuyển đổi mã cuối cùng của bạn thành JavaScript thông thường. Mã HTML cũng có thể bao gồm mã JavaScript.

Các kiến ​​trúc nói trên khá phổ biến và được sử dụng nhiều nhất cho các trang web. Tuy nhiên, các ứng dụng web đã chuyển sang công nghệ mới cung cấp khả năng tương tác cao hơn và trải nghiệm người dùng tốt hơn.