CBLMs — Web Development Study Sheets

Self-Check Questions and Answers

Self-Check Sheet 1 — Set up Client Servers

  1. Name two critical components of client-server architecture.
    Answer: Clients and servers.
  2. Explain the role of servers in client-server architecture.
    Answer: Servers process client requests, perform tasks, and deliver client information or services.
  3. Define an intranet.
    Answer: An intranet is a private network accessible only to a specific organization, enabling internal communication and collaboration.
  4. What is the purpose of an extranet?
    Answer: An extranet allows authorized external entities to access specific parts of the internal network for collaboration and information sharing.
  5. Explain the concept of an extranet.
    Answer: An extranet is an extension of an intranet providing limited access to external stakeholders.
  6. What is the significance of the TCP/IP protocol suite in network communication?
    Answer: TCP/IP is the foundation for Internet communication, ensuring reliable data transmission across networks.
  7. What are some examples of interactive websites?
    Answer: Web applications, online games, interactive educational platforms, collaborative platforms like Google Docs.
  8. What is the purpose of a local web server?
    Answer: To create a web development environment on a local computer for testing and development before deployment.
  9. Name two popular software packages for setting up a local web server environment.
    Answer: XAMPP and WAMP.
  10. Which components are typically included in a LAMP stack?
    Answer: Linux, Apache, MySQL, and PHP.

Self-Check Sheet 2 — Work with Web Browsers

True/False Questions

  1. Web browsers interpret HTML, CSS, and JavaScript to display webpages. (True)
  2. Opera offers a built-in ad blocker and free VPN. (True)
  3. Cross-browser compatibility refers to the ability of a website to function consistently across different web browsers. (True)
  4. CSS resets or normalization techniques eliminate inconsistencies in default browser styles. (True)
  5. The Inspect Element tool allows live editing of the Document Object Model (DOM). (True)
  6. The Inspect Element tool provides a network panel to monitor network requests made by a web page. (True)
  7. The Inspect Element tool is primarily used by website visitors to view the source code of a webpage. (False)

Short Questions

  1. What is a web browser?
    Answer: A web browser is a software application that allows users to access and view websites online.
  2. Which web browser is developed by the Mozilla Foundation?
    Answer: Mozilla Firefox.
  3. Which web browser is the default browser for Apple devices?
    Answer: Safari.
  4. Which web browser is based on the Chromium project and is the default browser for Windows 10?
    Answer: Microsoft Edge.
  5. What is the purpose of feature detection in achieving cross-browser compatibility?
    Answer: Feature detection helps identify browser capabilities before executing code or applying styles.
  6. What can developers do with the console in the Inspect Element tool?
    Answer: Developers can execute JavaScript code, log messages, and debug JavaScript errors.
  7. What is the significance of adhering to web standards in achieving cross-browser compatibility?
    Answer: Adhering to web standards ensures consistent behavior across browsers and devices.

Self-Check Sheet 3 — Introduce Web Design Software and Data Layer

Multiple Choice Questions

  1. Which web design software is known for its speed, flexibility, and powerful features?
    a) Notepad++
    b) Sublime Text (Correct)
    c) Visual Studio Code
    d) Atom
  2. Which web design software type is used to create visually appealing website elements?
    a) Web editors
    b) Content Management Systems
    c) Graphic design tools (Correct)
    d) Prototyping and wireframing tools
  3. Which web design platform is known for drag-and-drop functionality and integrated e-commerce?
    a) WordPress
    b) Wix (Correct)
    c) Squarespace
    d) Shopify
  4. Which web editor is designed for web designers with visual CSS tools?
    a) Notepad++
    b) Sublime Text
    c) Brackets (Correct)
    d) Atom
  5. Which web design software provides both visual design interface and code editing?
    a) Adobe Dreamweaver (Correct)
    b) Visual Studio Code
    c) Sublime Text
    d) Brackets

Short Questions

  1. What is the primary purpose of the data layer in software systems?
    Answer: The data layer manages data storage, retrieval, and manipulation between the application and physical storage.
  2. What is the significance of Web APIs in modern application development?
    Answer: Web APIs enable integration, interoperability, and access to external services and data.
  3. What are some common file formats for storing static files?
    Answer: Excel, CSV, and PDF.
  4. What are some examples of real-life applications of Web APIs?
    Answer: Social media APIs, payment gateways, mapping/geolocation APIs, weather APIs, e-commerce APIs.
  5. What are the key characteristics and functions of the data layer?
    Answer: It manages data, ensures integrity/security, abstracts storage technology, and provides consistent access to the application layer.

Self-Check Sheet 4 — Interpret Web Servers

  1. What is a web server?
    a) A software that delivers web content to clients (Correct)
    b) A hardware device used for browsing the internet
    c) A web browser
    d) A programming language
  2. Which protocol is commonly used by web servers to communicate with web browsers?
    a) HTTP (Correct)
    b) FTP
    c) SMTP
    d) TCP/IP
  3. Where are web servers typically located?
    a) Data centers (Correct)
    b) Home computers
    c) Mobile devices
    d) Cloud servers
  4. Which of the following is a popular web server software?
    a) Apache HTTP Server (Correct)
    b) Photoshop
    c) Microsoft Word
    d) Excel
  5. When a user enters a website's URL, what happens next?
    b) The web browser sends a request to the web server (Correct)
  6. What is a local web server?
    b) A server used for web development and testing on a local computer (Correct)

Self-Check Sheet 5 — Install FTP Clients

  1. What is the purpose of installing FTP clients?
    Answer: To connect to and transfer files between a local computer and a remote FTP server.
  2. What is an FTP client?
    Answer: Software that allows users to access and interact with FTP servers.
  3. How does an FTP client work?
    Answer: It connects to an FTP server using credentials, allowing navigation and file transfers.
  4. What are some popular FTP client software available?
    Answer: FileZilla, Cyberduck, WinSCP, Core FTP, Transmit (macOS).
  5. How do I install an FTP client on my computer?
    Answer: Download the installer from the official website, run it, and follow the instructions.
  6. What are the benefits of using FTP clients for file transfers?
    Answer: Ease of use, GUI interface, support for FTP/SFTP/FTPS, and resume interrupted transfers.