Which three of the following are core technologies of front-end web development?
a) HTML
b) Python
c) CSS
d) JavaScript
Answers: a) HTML, c) CSS, d) JavaScript
A successful "Above the Fold" design should include which three elements?
a) The primary headline or value proposition.
b) A clear call-to-action (CTA).
c) High-quality, relevant imagery.
d) The entire site's privacy policy text.
Answers: a) The primary headline or value proposition, b) A clear call-to-action (CTA), c) High-quality, relevant imagery
Which three factors are critical for choosing a website's color scheme?
a) Brand identity and psychology of color.
b) Readability and accessibility (contrast).
c) Personal preference of a single developer.
d) Emotional impact on the target audience.
Answers: a) Brand identity and psychology of color, b) Readability and accessibility (contrast), d) Emotional impact on the target audience
Identify three key principles of User Interface (UI) Design.
a) Consistency in layout and elements.
b) Making the user guess how to navigate.
c) Providing clear feedback for user actions.
d) Keeping the interface simple and intuitive.
Answers: a) Consistency in layout and elements, c) Providing clear feedback for user actions, d) Keeping the interface simple and intuitive
Which three are common features of a Content Management System (CMS) like WordPress?
a) A user-friendly admin panel for content updates.
b) Built-in templates and themes for design.
c) Plugin architecture for extended functionality.
d) The inability to customize the front-end code.
Answers: a) A user-friendly admin panel for content updates, b) Built-in templates and themes for design, c) Plugin architecture for extended functionality
For a website to be considered "responsive," it must effectively use which three techniques?
a) Fluid grids (using percentages instead of fixed pixels).
b) Flexible images (using max-width: 100%).
c) Media queries to apply different styles based on viewport size.
d) Requiring users to choose a "Desktop" or "Mobile" version.
Answers: a) Fluid grids (using percentages instead of fixed pixels), b) Flexible images (using max-width: 100%), c) Media queries to apply different styles based on viewport size
Which three are essential steps in the website development process before coding begins?
a) Writing all the JavaScript functions.
b) Planning the sitemap and information architecture.
c) Creating wireframes and design mockups.
d) Gathering project requirements and goals.
Answers: b) Planning the sitemap and information architecture, c) Creating wireframes and design mockups, d) Gathering project requirements and goals
Select the three correct statements about CSS Flexbox.
a) It is a one-dimensional layout model (either a row or a column).
b) The justify-content property aligns items along the main axis.
c) The align-items property aligns items along the cross axis.
d) It is primarily designed for complex two-dimensional layouts.
Answers: a) It is a one-dimensional layout model (either a row or a column), b) The justify-content property aligns items along the main axis, c) The align-items property aligns items along the cross axis
Which three of the following are considered "bad" practices in modern web design?
a) Using splash pages (intro pages before the home page).
b) Auto-playing videos with sound.
c) Designing with clear visual hierarchy.
d) Using blinking or scrolling text marquees.
Answers: a) Using splash pages (intro pages before the home page), b) Auto-playing videos with sound, d) Using blinking or scrolling text marquees
Effective error handling in web forms includes which three actions?
a) Clearly identifying the field that contains the error.
b) Using generic error messages like "Invalid Input."
c) Providing specific, helpful guidance on how to correct the error.
d) Displaying error messages in red near the relevant field.
Answers: a) Clearly identifying the field that contains the error, c) Providing specific, helpful guidance on how to correct the error, d) Displaying error messages in red near the relevant field
Which three tasks are typically handled by server-side languages (like PHP, Node.js, Python)?
a) Styling the appearance of buttons.
b) Interacting with databases (e.g., storing user data).
c) Processing form submissions.
d) User input validation that requires server data.
Answers: b) Interacting with databases (e.g., storing user data), c) Processing form submissions, d) User input validation that requires server data
Identify three benefits of using a version control system like Git.
a) Tracking changes to code over time.
b) Allowing multiple developers to collaborate on the same project.
c) Reverting to previous versions of the code if a mistake is made.
d) Automatically fixing bugs in the code.
Answers: a) Tracking changes to code over time, b) Allowing multiple developers to collaborate on the same project, c) Reverting to previous versions of the code if a mistake is made
Which three elements are crucial for building trust with website visitors?
a) Having a professional and polished design.
b) Displaying security badges (e.g., for HTTPS).
c) Including testimonials or client logos.
d) Hiding contact information and company details.
Answers: a) Having a professional and polished design, b) Displaying security badges (e.g., for HTTPS), c) Including testimonials or client logos
For cross-browser compatibility, a developer should test their website on which three?
a) Only the latest version of Chrome.
b) Multiple browsers (Chrome, Firefox, Safari, Edge).
c) Different devices (desktop, tablet, mobile).
d) Operating systems (Windows, macOS, iOS, Android).
Answers: b) Multiple browsers (Chrome, Firefox, Safari, Edge), c) Different devices (desktop, tablet, mobile), d) Operating systems (Windows, macOS, iOS, Android)
Which three of the following are important for website maintenance?
a) Regularly updating content to keep it fresh.
b) Updating software/CMS to patch security vulnerabilities.
c) Monitoring website performance and speed.
d) Never backing up the website files or database.
Answers: a) Regularly updating content to keep it fresh, b) Updating software/CMS to patch security vulnerabilities, c) Monitoring website performance and speed
Select the three correct statements about JavaScript arrays.
a) They are used to store multiple values in a single variable.
b) Their elements can be accessed by a numerical index starting from 0.
c) The length property returns the number of elements.
d) They cannot hold different data types (e.g., strings and numbers).
Answers: a) They are used to store multiple values in a single variable, b) Their elements can be accessed by a numerical index starting from 0, c) The length property returns the number of elements
Which three are common types of website navigation structures?
a) Hierarchical (main menu with dropdowns).
b) Linear (step-by-step, like a tutorial).
c) Global (the same on every page).
d) Random (links placed arbitrarily).
Answers: a) Hierarchical (main menu with dropdowns), b) Linear (step-by-step, like a tutorial), c) Global (the same on every page)
Identify three key aspects of a website's footer.
a) It often contains copyright information.
b) It should include secondary navigation links.
c) It is a good place for contact information and social media icons.
d) It is rarely seen by users and can be left empty.
Answers: a) It often contains copyright information, b) It should include secondary navigation links, c) It is a good place for contact information and social media icons
Which three techniques can improve a website's loading speed?
a) Optimizing and compressing images.
b) Reducing the number of HTTP requests by combining files.
c) Using a Content Delivery Network (CDN) for assets.
d) Embedding large video files directly into the page.
Answers: a) Optimizing and compressing images, b) Reducing the number of HTTP requests by combining files, c) Using a Content Delivery Network (CDN) for assets
For effective call-to-action (CTA) buttons, which three design choices are recommended?
a) Using action-oriented, first-person text (e.g., "Start My Trial").
b) Making them large enough and with ample padding for easy clicking.
c) Using a color that contrasts with the surrounding elements.
d) Making them look like plain text to be subtle.
Answers: a) Using action-oriented, first-person text (e.g., "Start My Trial"), b) Making them large enough and with ample padding for easy clicking, c) Using a color that contrasts with the surrounding elements
Which three of the following are true about Domain Names and Hosting?
a) A domain name is the website's address on the internet (e.g., www.example.com).
b) Web hosting is the service that stores the website's files and makes them accessible online.
c) The domain name and web hosting must always be purchased from the same company.
d) SSL certificates are used to secure the connection between the user and the website.
Answers: a) A domain name is the website's address on the internet (e.g., www.example.com), b) Web hosting is the service that stores the website's files and makes them accessible online, d) SSL certificates are used to secure the connection between the user and the website
Select the three correct statements about CSS Transitions.
a) They allow you to change property values smoothly over a given duration.
b) The transition-property specifies which CSS property to animate.
c) The transition-duration specifies how long the transition takes.
d) They can only be applied to color changes.
Answers: a) They allow you to change property values smoothly over a given duration, b) The transition-property specifies which CSS property to animate, c) The transition-duration specifies how long the transition takes
Which three are important considerations for e-commerce website design?
a) A simple and secure checkout process.
b) High-quality product images and descriptions.
c) A complex, multi-page checkout to ensure user commitment.
d) Clear pricing and shipping information.
Answers: a) A simple and secure checkout process, b) High-quality product images and descriptions, d) Clear pricing and shipping information
Identify three features of modern JavaScript (ES6+).
a) let and const for block-scoped variable declarations.
b) Arrow functions (=>) for a shorter function syntax.
c) Template literals (using backticks for string interpolation). d) The requirement to always use semicolons. **Answers: a) let and const for block-scoped variable declarations, b) Arrow functions (=>) for a shorter function syntax, c) Template literals (using backticks for string interpolation)**
Which three of the following are part of a comprehensive website testing plan?
a) Functionality testing (forms, links, etc.).
b) Usability testing with real users.
c) Only testing on the developer's own machine.
d) Cross-browser and cross-device testing.
Answers: a) Functionality testing (forms, links, etc.), b) Usability testing with real users, d) Cross-browser and cross-device testing