بنك أسئلة الوحدة 3: تطبيقات الويب

1. How many main tiers make up the structure of a web application in this lesson?

1. Three
2. Two
3. One
4. Seven

2. Which tier shows the screens and takes in what the user types and clicks?

1. Web server
2. Frontend
3. Backend
4. Database

3. A video platform counts how many times each clip is watched and picks clips to suggest. Which tier does this work?

1. Database
2. Network
3. Backend
4. Frontend

4. Where does a social network keep its posts, follow relationships, and messages?

1. On the screen
2. In the backend
3. In the browser
4. In the database

5. In an online store, which tier sends the payment request and deals with its result?

1. Backend
2. Frontend
3. Database
4. User's browser

6. What is the main job of the database tier?

1. Displaying the screens
2. Storing and retrieving data
3. Showing pages and forms
4. Receiving user clicks

7. On a video site, a user's watch history and account details are kept in which tier?

1. Backend
2. Search screen
3. Database
4. Frontend

8. Which tier decides who should receive a post and when to push a notification?

1. Frontend
2. Database
3. Timeline
4. Backend

9. What does the frontend do in a web application?

1. Shows content and receives the user's input
2. Runs the hidden processing that happens on the server
3. Stores and manages the data
4. Checks login details on the server

10. A shopper searches for headphones. Which tier passes the search on to the database?

1. Search box
2. Backend
3. Frontend
4. The database itself

11. Which of these is data an online shop would store in its database?

1. The login check process
2. The checkout button color
3. Customers' order records
4. The design of the search box

12. What is the core idea behind the overall structure of a web application?

1. The whole application is one tier that runs in the browser
2. Each tier works alone without the others
3. The backend runs everything with no database
4. Three tiers work together to respond to the user

13. Which of these is a web application?

1. A maps website opened in a browser
2. A video player on the PC
3. A calculator built into the desktop
4. A photo editor installed from a disc

14. Which tier of a video-sharing site holds the uploaded videos and the users' data?

1. Video player
2. Database
3. Frontend
4. Backend

15. Which task is done by the backend of a web app?

1. Drawing the search box on the screen
2. Keeping the order history on disk
3. Checking the user's login details
4. Showing the product pages

16. Which statement about the three tiers of a web application is correct?

1. Each tier works separately with no link to the others
2. Only the browser is needed to run the application
3. The database alone is enough to run the application
4. They cooperate, each doing its own part of the work

17. Which phrase best sums up the three-tier architecture?

1. Frontend, backend, and database working together
2. Frontend and browser working without a server
3. One database that shows pages to users
4. A backend that works with no frontend or data

18. On a video-sharing service, uploaded clips are saved for later viewing. Which tier saves them?

1. Browser cache
2. Database
3. Frontend
4. Backend

19. Which of these programs is used as a web application?

1. The built-in desktop calculator
2. An offline image editing program
3. Gmail opened in a browser
4. A media player installed on a laptop

20. When a user signs in, which tier compares the entered password with the stored account data?

1. Frontend
2. Database
3. Search screen
4. Backend

1. In the client-server model, what is the client?

1. The program or device that sends requests
2. The computer that receives and processes requests
3. The database that stores the data
4. The protocol that carries the data

2. A user types an ID and password and presses Log in. Which HTTP method should send them?

1. HTML
2. POST
3. GET
4. JSON

3. The server answers a request with status code 200. What happened?

1. The page is missing
2. Access was refused
3. The request succeeded
4. The server crashed

4. Status code 404 tells the client that…

1. the request was successful
2. the server failed while processing
3. the connection is now encrypted
4. the requested page could not be found

5. What is the key difference between HTTP and HTTPS?

1. HTTPS encrypts the data with TLS
2. HTTP is always the faster one
3. HTTPS cannot be used for POST requests
4. HTTP sends data only as JSON

6. What is JSON mainly used for in web applications?

1. Choosing the status code
2. Writing data that programs exchange
3. Designing the layout and colors of the page
4. Encrypting the connection

7. Which description fits an API?

1. A protocol that encrypts the connection
2. A number showing a request's result
3. A way for separate programs to exchange data
4. A database that keeps users' records

8. An app wants to show the latest news items stored on the server. Which method fetches them?

1. POST
2. 500
3. HTTPS
4. GET

9. What does the client do in a web application?

1. Sends requests to get data
2. Processes requests on the server
3. Stores data in the database
4. Decides who sees posts

10. Which HTTP method is normally used to ask the server for a page or a file?

1. JSON
2. GET
3. POST
4. API

11. Which format is commonly used to exchange data between applications?

1. CSS
2. SQL
3. JSON
4. HTML

12. A student follows an old link to a page the site has removed. Which status code does the server return?

1. 200
2. 500
3. 302
4. 404

13. Which status code shows that a request was handled successfully?

1. 200
2. 404
3. 500
4. 302

14. A contact form sends the visitor's name and message to the server. Which method fits?

1. JSON
2. POST
3. GET
4. API

15. Which lets two different applications talk to each other and share data?

1. CSS
2. SQL
3. API
4. HTML

16. Which of these is a data format used to exchange information between programs?

1. PHP
2. Java
3. CSS
4. JSON

17. Which status code means something went wrong inside the server?

1. 500
2. 200
3. 404
4. 302

18. Which technique is typically used when the browser asks for a web page or search results?

1. JSON
2. GET
3. POST
4. API

19. The text {"name": "Mona", "marks": [90, 85]} is written in which format?

1. CSS
2. SQL
3. JSON
4. HTML

20. Which protocol protects client-server traffic so outsiders cannot eavesdrop on it?

1. HTTP
2. API
3. JSON
4. HTTPS

1. What is HTML responsible for on a web page?

1. The basic structure of the page
2. The colors and fonts of the page
3. The page's interactive behavior
4. Speeding up the page's loading

2. Which of these is NOT one of the semantic HTML tags?

1. <footer>
2. <contact>
3. <header>
4. <main>

3. What is CSS used for?

1. Adding interaction to buttons
2. Managing the site's database
3. Styling how the page looks
4. Building the structure

4. What does JavaScript add to a web page?

1. Headings and text
2. Colors and fonts
3. Semantic tags
4. Interactive behavior

5. The <header> tag is used to mark…

1. the top part of the page
2. the main content
3. the navigation links
4. the bottom part of the page

6. Which describes responsive design?

1. Hiding less important content
2. A layout that adapts to each screen size
3. A page built with JavaScript only
4. A faster and larger database

7. What is React mainly used for?

1. Encrypting the connection to servers
2. Writing the styles of the page
3. Building user interfaces from components
4. Managing the server's databases

8. The Next.js framework is built on top of…

1. Vue
2. HTML
3. SQL
4. React

9. Which technology sets the look and styling of a web page?

1. CSS
2. HTML
3. JavaScript
4. JSON

10. Which tag wraps the main content section of a page?

1. <nav>
2. <main>
3. <header>
4. <footer>

11. A school site rearranges its columns into one column on phones. What is this called?

1. Server speed-up
2. JavaScript interaction
3. Responsive design
4. Semantic HTML

12. Which of these is a JavaScript library for building user interfaces?

1. HTML
2. Python
3. SQL
4. React

13. Which technology builds the basic structure of a page?

1. HTML
2. CSS
3. JavaScript
4. SQL

14. What is the <nav> tag used for?

1. The footer at the bottom
2. Links for moving around the site
3. The main content of the page
4. The main heading at the top

15. What is the main advantage of responsive design?

1. It adds interaction with JavaScript
2. It improves search engine results
3. It fits different screen sizes
4. It makes the server faster

16. Which framework is built on React and adds ways to display pages faster?

1. Vue
2. JSON
3. Python
4. Next.js

17. Which technology makes a page respond when a user clicks a button?

1. JavaScript
2. HTML
3. CSS
4. Semantic HTML

18. What is the <footer> tag used for?

1. Links to other site sections
2. The bottom part of the page
3. The main content area
4. The main heading of the page

19. In responsive design, what does mobile-first mean?

1. Adding interaction with JavaScript
2. Making the server respond faster
3. Designing for small phone screens first
4. Designing for desktop screens first

20. Which framework lets you adopt it gradually, step by step?

1. React
2. Next.js
3. HTML
4. Vue