Phát triển web đã tiến tới kỷ nguyên khung. Tuy nhiên, phỏng vấn là một kinh nghiệm giới hạn thời gian. Thông thường, một cuộc phỏng vấn công việc giao diện người dùng yêu cầu xây dựng một ứng dụng Web đơn giản hóa, với tài nguyên hạn chế về HTML, CSS và JavaScript và có thể không cần truy cập internet để kiểm tra cú pháp Show
Trong bài viết này, chúng tôi sử dụng tài nguyên hạn chế để xây dựng một ứng dụng Web Chuẩn bị VSCode Chúng tôi sử dụng VSCode để thiết lập môi trường làm việc cho HTML, CSS và JavaScript
Mở Chúng tôi thêm vào mẫu trên Ở dòng 7, một liên kết đến Tại dòng 10, một Đó là nó. Chúng tôi đã xây dựng ứng dụng Web Sau đó, làm thế nào chúng ta có thể xem ứng dụng Web? Tiện ích mở rộng VSCode, Live Server, có thể trợ giúp Tải xuống Live Server, một máy chủ phát triển cục bộ với tính năng tải lại trực tiếp cho các trang tĩnh và động Nhấp chuột phải vào Bố cục CSS Chúng tôi đã có câu hỏi đầu tiên. làm thế nào để bạn để Điều này có thể được thực hiện với Tại các dòng 3 - 4, chúng tôi đặt Tại dòng 5, Thông thường nên đặt Đối với phần tử Ở dòng 17 và 18, đặt Chúng tôi đã trả lời câu hỏi đầu tiên. Bây giờ chúng ta làm thêm một chút Một Các bộ quy tắc được điều chỉnh tương ứng trong Id Lớp Các mặt hàng được phân bố đều trên màn hình theo khai báo tại dòng 19 Thay vì mã hóa cứng Tại dòng 2, Cho đến nay, chúng tôi đã sử dụng Với một dòng thừa, dòng 6 - 8 cũng căn giữa văn bản Hãy xem thuộc tính
Chúng tôi đã thấy rằng cài đặt Sau đây là những câu hỏi phỏng vấn tiềm năng
Sau đó, chiều rộng được đặt thành chiều rộng nội dung. Do đó, mục
Chiều rộng bổ sung không còn được phân phối
Với cài đặt này,
Với cài đặt này,
Với vùng chứa được đặt thành
Sau đó, các mục xếp chồng lên nhau không phát triển Chúng tôi đã sử dụng flex để khám phá các bố cục khác nhau. Nó là đủ để xây dựng một ứng dụng Web đơn giản. Chúng ta cũng có thể sử dụng bố cục lưới để hoàn thành nhiệm vụ tương tự. Các vị trí tương đối hoặc tuyệt đối truyền thống cũng có thể hoạt động tốt. Đơn giản chỉ cần chọn một cách mà bạn cảm thấy thoải mái nhất Là một phần của thực hành, bạn có thể tạo một ứng dụng Web với bố cục sau đây không? Nó là dễ dàng, phải không? Đây là Đây là Tác vụ JavaScript JavaScript được sử dụng để lập trình hành vi của các trang web. Một cuộc phỏng vấn ứng dụng web thường bao gồm một số khía cạnh tương tác Đối với ứng dụng Web trước, chúng tôi sẽ thêm phần tương tác. Khi mỗi mục được nhấp vào, màu nền của nó sẽ được thay đổi thành màu xanh lam. Sau 1 giây, màu sẽ trở lại màu hồng Có 4 bước để thêm phần tương tác
Tạo thẻ tập lệnhCó thể thêm thẻ script vào phần đầu hoặc phần thân. Chúng ta nên đặt nó ở đâu? Đặt thẻ script vào phần Nói chung, nên đặt tất cả các tập lệnh trong phần Truy cập các phần tử bên trong thẻ scriptMột phần tử đích có thể được truy xuất từ tham số xử lý sự kiện. Hoặc nó có thể được lấy từ một số API
Phương thức Phần tử hoặc các phần tử cũng có thể được truy xuất bởi (các) bộ chọn CSS
Sau khi JavaScript truy xuất phần tử x, nó có thể được truy cập để thay đổi các thuộc tính, chẳng hạn như Triển khai xử lý sự kiệnCó ba cách để xử lý các sự kiện
Thêm chỉ dẫn trực quanLuôn luôn là một ý tưởng hay khi cung cấp các chỉ dẫn trực quan cho người dùng. Đối với bài tập này, khi chuột vào một mục, việc thay đổi mục đó thành con trỏ sẽ nhắc nhở người dùng rằng mục đó có thể nhấp được. Trong đoạn mã dưới đây, dòng 11 đạt được hiệu ứng này Chúng tôi đã giải thích 4 bước để thêm phần tương tác vào ứng dụng Web. Bạn đã sẵn sàng để thử chưa? Giải pháp 1. Sử dụng thuộc tính link9 của phần tử HTMLTrình xử lý sự kiện, Tại các dòng 19, 28 và 33, thuộc tính Giải pháp 2. Sử dụng phương thức addEventListener() của JavaScriptTrong giải pháp này, thuộc tính Nếu bạn di chuyển JavaScript từ phần Tuy nhiên, thật khó để duy trì khi mã JavaScript được chia thành cả hai phần Giải pháp 3. Sử dụng cửa sổ của JavaScript. phương pháp tảiTại các dòng 15 - 20, mã khởi tạo JavaScript được bao bọc bên trong Bây giờ, tất cả mã JavaScript được liệt kê gọn gàng trong phần Sự kết luận Chúng tôi đã thiết lập một ứng dụng Web bằng HTML, CSS và JavaScript. Sẽ có nhiều câu hỏi hơn, chẳng hạn như
Đây là điểm khởi đầu cho một cuộc phỏng vấn dài 1 giờ thông thường. Tập luyện giúp hoàn hảo hơn. Thưởng thức mã hóa Bạn có thể tạo một ứng dụng bằng HTML CSS và JavaScript không?Việc phát triển ứng dụng gốc từ đầu cần có các công nghệ cụ thể cho cả hai nền tảng. HTML, CSS và JavaScript là tất cả những gì cần thiết cho một PWA .
HTML CSS và JavaScript được sử dụng để làm gì trong thiết kế Web?HTML cung cấp cấu trúc cơ bản của trang web, cấu trúc này được nâng cao và sửa đổi bởi các công nghệ khác như CSS và JavaScript. CSS được sử dụng để kiểm soát cách trình bày, định dạng và bố cục. JavaScript được sử dụng để kiểm soát hành vi của các phần tử khác nhau .
Làm cách nào tôi có thể tạo một trang web đơn giản bằng HTML CSS và JavaScript?Mục tiêu học tập . Tạo một trang web cơ bản bằng HTML Áp dụng kiểu cho các phần tử trang bằng CSS Tạo chủ đề bằng CSS Thêm hỗ trợ để chuyển đổi giữa các chủ đề bằng JavaScript Kiểm tra trang web bằng các công cụ dành cho nhà phát triển trình duyệt HTML CSS và JavaScript có đủ để phát triển Web không?HTML, CSS và JavaScript là những ngôn ngữ cơ bản bạn cần biết để tạo trang web . Để trở thành Nhà phát triển Front-End, hãy bắt đầu với các chủ đề bên dưới, theo thứ tự sau. Bạn phải viết mã để học cách viết mã. Tập luyện nhiều. |