Trắc nghiệm Thiết kế web bài 6: Công cụ phát triển Web

30 câu hỏi 30 phút Thương mại điện tử

Trắc nghiệm Thiết kế web bài 6: Công cụ phát triển Web

30 câu hỏi 30 phút Thương mại điện tử

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn.

Câu 1Nhận biết

Công cụ nào sau đây là một trình soạn thảo mã (code editor) phổ biến được nhiều nhà phát triển web sử dụng?

A.Adobe Photoshop.B.Visual Studio Code (VS Code).C.Microsoft Word.D.Figma.

Lát kiểm tra lại

Câu 2Nhận biết

"Trình duyệt web" (Web Browser) như Chrome, Firefox, Safari đóng vai trò gì trong quá trình phát triển web?

A.Chỉ để người dùng cuối truy cập website.B.Để hiển thị, kiểm tra (debug) và thử nghiệm website trong quá trình phát triển.C.Để viết mã HTML, CSS, JavaScript.D.Để quản lý cơ sở dữ liệu.

Lát kiểm tra lại

Câu 3Nhận biết

"Công cụ dành cho nhà phát triển" (Developer Tools) tích hợp sẵn trong các trình duyệt (ví dụ: Chrome DevTools) KHÔNG cho phép thực hiện hành động nào sau đây?

A.Kiểm tra và chỉnh sửa mã HTML, CSS trực tiếp trên trang.B.Gỡ lỗi mã JavaScript.C.Phân tích hiệu suất tải trang.D.Chỉnh sửa hình ảnh trực tiếp như trong Photoshop.

Lát kiểm tra lại

Câu 4Nhận biết

"Hệ thống quản lý phiên bản" (Version Control System - VCS) như Git có mục đích chính là gì?

A.Tăng tốc độ tải trang web.B.Theo dõi và quản lý các thay đổi trong mã nguồn, cho phép làm việc nhóm hiệu quả và quay lại các phiên bản cũ khi cần.C.Tự động tối ưu hóa hình ảnh.D.Tạo giao diện người dùng trực quan.

Lát kiểm tra lại

Câu 5Nhận biết

GitHub, GitLab, Bitbucket là các nền tảng (platform) dựa trên công cụ VCS nào?

A.SVN (Subversion).B.Git.C.Mercurial.D.CVS (Concurrent Versions System).

Lát kiểm tra lại

Câu 6Nhận biết

"Framework" (ví dụ: React, Angular, Vue.js cho front-end; Django, Ruby on Rails, Laravel cho back-end) cung cấp những gì cho nhà phát triển?

A.Chỉ là một bộ sưu tập các font chữ đẹp.B.Một cấu trúc, thư viện và các công cụ dựng sẵn để xây dựng ứng dụng web nhanh hơn và có tổ chức hơn.C.Một phần mềm quản lý cơ sở dữ liệu.D.Một công cụ thiết kế đồ họa.

Lát kiểm tra lại

Câu 7Nhận biết

"Hệ quản trị cơ sở dữ liệu" (Database Management System - DBMS) như MySQL, PostgreSQL, MongoDB được sử dụng để làm gì trong phát triển web?

A.Để viết mã CSS.B.Để lưu trữ, quản lý và truy xuất dữ liệu cho ứng dụng web.C.Để tối ưu hóa hình ảnh.D.Để kiểm tra lỗi cú pháp mã HTML.

Lát kiểm tra lại

Câu 8Nhận biết

Công cụ nào sau đây thường được sử dụng để thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX) cho website trước khi viết code?

A.Notepad++.B.Figma, Adobe XD, Sketch.C.Apache Web Server.D.FileZilla.

Lát kiểm tra lại

Câu 9Nhận biết

"Công cụ kiểm tra hiệu suất website" (Website Performance Testing Tools) như Google PageSpeed Insights, GTmetrix giúp đánh giá yếu tố nào?

A.Tính bảo mật của website.B.Tốc độ tải trang, khả năng sử dụng và đưa ra các gợi ý để cải thiện.C.Số lượng người truy cập website.D.Chất lượng mã back-end.

Lát kiểm tra lại

Câu 10Nhận biết

"FTP Client" (ví dụ: FileZilla, Cyberduck) được sử dụng để làm gì trong phát triển web?

A.Để viết mã JavaScript.B.Để tải lên (upload) hoặc tải xuống (download) các tệp tin của website giữa máy tính cá nhân và máy chủ web (web server).C.Để quản lý cơ sở dữ liệu.D.Để gỡ lỗi mã CSS.

Lát kiểm tra lại

Câu 11Nhận biết

"Máy chủ web cục bộ" (Local Web Server) như XAMPP, WAMP, MAMP cho phép nhà phát triển làm gì?

A.Chia sẻ website cho hàng triệu người dùng.B.Chạy và thử nghiệm website trên máy tính cá nhân mà không cần kết nối internet hoặc hosting thực.C.Tự động viết mã HTML.D.Thiết kế logo cho website.

Lát kiểm tra lại

Câu 12Nhận biết

"CSS Preprocessor" (ví dụ: Sass, Less) giúp nhà phát triển làm gì?

A.Tự động tạo hiệu ứng động cho website.B.Viết CSS một cách có cấu trúc hơn, sử dụng các tính năng như biến, hàm, lồng ghép (nesting) để mã CSS dễ quản lý và bảo trì hơn.C.Tối ưu hóa hình ảnh tự động.D.Kiểm tra lỗi chính tả trong nội dung.

Lát kiểm tra lại

Câu 13Nhận biết

Công cụ "Linters" và "Formatters" (ví dụ: ESLint, Prettier) có vai trò gì trong quá trình viết code?

A.Dịch mã nguồn sang ngôn ngữ máy.B.Tự động kiểm tra lỗi cú pháp, phong cách viết code và định dạng lại mã nguồn theo một chuẩn thống nhất, giúp code sạch sẽ và dễ đọc hơn.C.Quản lý các gói thư viện.D.Tạo tài liệu cho API.

Lát kiểm tra lại

Câu 14Nhận biết

"Package Manager" (Trình quản lý gói) như npm (Node Package Manager) hoặc Yarn được sử dụng chủ yếu trong hệ sinh thái nào?

A.PHP.B.JavaScript (Node.js).C.Python.D.Ruby.

Lát kiểm tra lại

Câu 15Nhận biết

Mục đích chính của "Trình quản lý gói" (Package Manager) là gì?

A.Quản lý các tệp tin hình ảnh của website.B.Tự động hóa việc cài đặt, cập nhật và quản lý các thư viện hoặc gói phần mềm phụ thuộc (dependencies) cho dự án.C.Nén các tệp tin CSS và JavaScript.D.Tạo biểu đồ cho website.

Lát kiểm tra lại

Câu 16Nhận biết

Công cụ "API Development Environments" (Môi trường phát triển API) như Postman hoặc Insomnia giúp nhà phát triển làm gì?

A.Thiết kế giao diện người dùng.B.Xây dựng, kiểm tra (test) và tài liệu hóa các API (Application Programming Interfaces).C.Quản lý cơ sở dữ liệu.D.Viết mã HTML.

Lát kiểm tra lại

Câu 17Nhận biết

"BrowserStack" hoặc "Sauce Labs" là các công cụ cung cấp dịch vụ gì cho nhà phát triển web?

A.Hosting miễn phí.B.Kiểm thử website trên nhiều loại trình duyệt, hệ điều hành và thiết bị khác nhau (cross-browser testing) mà không cần sở hữu tất cả các thiết bị đó.C.Phân tích từ khóa SEO.D.Tạo nội dung tự động.

Lát kiểm tra lại

Câu 18Nhận biết

Công cụ nào sau đây KHÔNG phải là một hệ quản trị cơ sở dữ liệu?

A.MySQL.B.MongoDB.C.SQLite.D.Apache. (Apache là một web server)

Lát kiểm tra lại

Câu 19Nhận biết

"Wireframing tools" (Công cụ tạo khung sườn) như Balsamiq hoặc MockFlow được sử dụng ở giai đoạn nào của quá trình thiết kế web?

A.Giai đoạn kiểm thử cuối cùng.B.Giai đoạn đầu, để phác thảo cấu trúc và bố cục cơ bản của các trang web một cách nhanh chóng.C.Giai đoạn tối ưu hóa SEO.D.Giai đoạn triển khai lên máy chủ.

Lát kiểm tra lại

Câu 20Nhận biết

"Integrated Development Environment" (IDE - Môi trường phát triển tích hợp) như PhpStorm, WebStorm, IntelliJ IDEA khác với trình soạn thảo mã (code editor) cơ bản ở điểm nào?

A.IDE không hỗ trợ gỡ lỗi.B.IDE thường cung cấp một bộ tính năng toàn diện hơn, bao gồm trình soạn thảo mã, trình gỡ lỗi, công cụ build, tích hợp hệ thống quản lý phiên bản và nhiều tính năng hỗ trợ phát triển khác.C.IDE chỉ dùng cho các ngôn ngữ lập trình cấp thấp.D.IDE không cho phép tùy chỉnh giao diện.

Lát kiểm tra lại

Câu 21Nhận biết

"Task Runner" (Trình chạy tác vụ) như Gulp hoặc Webpack có thể tự động hóa những công việc nào trong phát triển web?

A.Chỉ việc gửi email.B.Biên dịch CSS preprocessor, nén file JavaScript/CSS, tối ưu hóa hình ảnh, tự động làm mới trình duyệt khi có thay đổi code (live reload).C.Viết nội dung cho website.D.Quản lý mật khẩu người dùng.

Lát kiểm tra lại

Câu 22Nhận biết

"Content Delivery Network" (CDN - Mạng phân phối nội dung) như Cloudflare hoặc Akamai giúp cải thiện yếu tố nào của website?

A.Tính năng tìm kiếm nội bộ.B.Tốc độ tải trang cho người dùng ở các vị trí địa lý khác nhau bằng cách lưu trữ bản sao của nội dung website trên nhiều máy chủ phân tán.C.Khả năng chỉnh sửa nội dung dễ dàng.D.Số lượng ngôn ngữ website hỗ trợ.

Lát kiểm tra lại

Câu 23Nhận biết

Công cụ nào sau đây giúp kiểm tra "Khả năng truy cập" (Accessibility) của website theo các tiêu chuẩn như WCAG?

A.Google Analytics.B.WAVE (Web Accessibility Evaluation Tool), Lighthouse (trong Chrome DevTools).C.Adobe Photoshop.D.Git.

Lát kiểm tra lại

Câu 24Nhận biết

"WYSIWYG" (What You See Is What You Get) editor trong các CMS (Hệ quản trị nội dung) như WordPress cho phép người dùng làm gì?

A.Chỉnh sửa mã nguồn back-end.B.Chỉnh sửa nội dung website một cách trực quan, nhìn thấy kết quả ngay lập tức tương tự như khi xem trên trang web thực tế, mà không cần biết code.C.Quản lý cơ sở dữ liệu.D.Tối ưu hóa máy chủ.

Lát kiểm tra lại

Câu 25Nhận biết

Công cụ dòng lệnh (Command Line Interface - CLI) như Terminal (macOS/Linux) hoặc Command Prompt/PowerShell (Windows) được sử dụng trong phát triển web để làm gì?

A.Chỉ để duyệt web.B.Tương tác với hệ điều hành, chạy các lệnh Git, npm, các công cụ build, quản lý máy chủ và nhiều tác vụ phát triển khác.C.Thiết kế đồ họa.D.Soạn thảo văn bản.

Lát kiểm tra lại

Câu 26Nhận biết

Công cụ "Code Snippet Manager" (Quản lý đoạn mã mẫu) như Gist (của GitHub) hoặc Cacher giúp nhà phát triển làm gì?

A.Tự động viết toàn bộ website.B.Lưu trữ, tổ chức và dễ dàng tìm kiếm, tái sử dụng các đoạn mã thường dùng.C.Kiểm tra lỗi bảo mật.D.Phân tích hành vi người dùng.

Lát kiểm tra lại

Câu 27Nhận biết

Trong bối cảnh phát triển web, "Docker" là một công cụ giúp giải quyết vấn đề gì?

A.Tối ưu hóa font chữ.B.Tạo ra các môi trường phát triển và triển khai ứng dụng nhất quán, đóng gói ứng dụng và các thành phần phụ thuộc vào các "container" di động.C.Thiết kế màu sắc cho website.D.Quản lý các chiến dịch marketing.

Lát kiểm tra lại

Câu 28Nhận biết

Công cụ nào giúp nhà phát triển kiểm tra và đảm bảo website của họ "Thân thiện với thiết bị di động" (Mobile-Friendly)?

A.Chỉ cần xem trên điện thoại của mình.B.Google's Mobile-Friendly Test, các tính năng responsive view trong Developer Tools của trình duyệt.C.Adobe Illustrator.D.MySQL Workbench.

Lát kiểm tra lại

Câu 29Nhận biết

"Collaboration Tools" (Công cụ cộng tác) như Slack, Microsoft Teams, Trello, Jira quan trọng như thế nào đối với các nhóm phát triển web?

A.Chỉ để trò chuyện phiếm.B.Giúp các thành viên trong nhóm giao tiếp, quản lý công việc, theo dõi tiến độ dự án và phối hợp hiệu quả hơn.C.Để lưu trữ mã nguồn.D.Để thiết kế cơ sở dữ liệu.

Lát kiểm tra lại

Câu 30Nhận biết

Việc lựa chọn công cụ phát triển web phụ thuộc vào yếu tố nào sau đây?

A.Chỉ phụ thuộc vào sở thích cá nhân của một người.B.Chỉ phụ thuộc vào công cụ nào đắt tiền nhất.C.Loại dự án, quy mô nhóm, công nghệ sử dụng, ngân sách và sở thích/kinh nghiệm của nhà phát triển.D.Chỉ phụ thuộc vào công cụ nào mới nhất.

Lát kiểm tra lại