What is “hash-based routing” in a web application?

It is a technique for defining routes using the # symbol in the URL.

What is “cookie consent” and why is it important?

It is the user’s consent to store cookies in their browser.

What is interaction design and why is it important in web development?

It is the design of how users interact with an application or website

What strategies can we implement to help users recover from errors and learn from their mistakes?

Provide actionable error messages and offer guidance for recovery

What are cookies and what are they used for on the web?

They are small text files stored in the user’s browser.

What is modularity in web development and why is it important?

It is the process of dividing code into smaller, manageable modules.

XML-based format for defining two-dimensional vector graphics

What are meta tags and how are they used in HTML?

Provide metadata like description, keywords, and author.

How can accessibility be improved through interaction design?

By providing textual alternatives for visual and auditory content.

What is buffering and how does it affect media playback on the web?

It's the process of loading data in small chunks while the media is playing

How is routing implemented in a React application?

Using the react-router-dom library.

What is lazy loading and how does it improve the performance of a web page?

It is a technique to load non-critical resources only when they are needed.

How can cookies be managed in a web application to comply with privacy regulations?

By informing users about the use of cookies and obtaining their consent.

What is “hoisting” in JavaScript and how does it affect the declaration of variables and functions?

Behavior that rises variable declarations in the execution context

What is “cache busting” and why is it important?

It ensures users get the most recent version of resources.

How can you create a style guide for a web project?

Keeping design and development guidelines, and examples of your components

How can you implement a service worker to enable offline mode in a web application?

Within a service worker, using the Cache API to store resources

What are some key principles of interaction design?

Consistency, feedback, and user control.

What is a service worker and how is it used in a web application?

A script running in the background to handle different tasks like caching.

What is “destructuring” in JavaScript and how can it be used?

Syntax that allows to extract array or object values into new variables.

How can you implement lazy loading of images in HTML and JavaScript?

Using the loading="lazy" attribute in the tag.

How can we balance the need for a minimalist design with the requirement to provide comprehensive functionality?

Prioritize essential features and information

How can you read and write cookies in JavaScript?

Using the document.cookie properties.

What is a significant benefit of using a design system for new team members?

It makes the transition faster and more effective

How can component reusability be achieved in a React application?

By components that can be reused in different parts of the application

What is the difference between client-side rendering and server-side rendering?

Server-side rendering is done on the server

How can you hide an element in CSS without removing it from the document flow?

Using the visibility: hidden property.

What is a “promise” in JavaScript and how is it used?

Object that represents the eventual completion of an async operation

It provides high-quality sound at lower bit rates for streaming and storage

What is the SameSite attribute in cookies and how does it improve security?

It specifies whether the cookie should be sent with cross-site requests

What are some examples of popular style guides?

Bootstrap, Material Design, and Foundation.

What is the alt attribute in the tag and why is it important?

It is an attribute that provides alternative text for the image.

In what ways can we ensure our software’s interface aligns with users’ mental models and real-world experiences?

Use familiar concepts and workflows that reflect real-world experiences

How can we design our software to provide meaningful feedback that enhances user trust and satisfaction?

Specific feedback for all user actions that inform the system's status

What is routing in a web application?

It's the process of managing navigation routes in a web application.

How can you manage cache in a web application?

By setting cache headers in server responses.

What is the “cache-first strategy” in the context of service workers?

Serve resources from cache first; if unavailable, make a network request.

What is a sign that you might need a design system?

Jarring inconsistencies in product appearance across different platforms

What is a style guide and why is it important in web development?

Guidelines that define the appearance and behavior of elements in a web app

How do design systems support designers' creativity?

By defining repeatable patterns, to free them to solve different challenges

What is the difference between a session cookie and a persistent cookie?

Session cookies get deleted when the browser closes, the other last longer

What are the main differences between a service worker and a web worker?

SW intercept network requests; WW run scripts in the background.

What is the primary purpose of a design system?

To keep the look and feel of products and experiences consistent

What is rendering in the context of web development?

Convert HTML, CSS, and JavaScript code into a visible and interactive web

How can you apply a gradient background to an element in CSS?

Using the background-image property with the linear-gradient function.

How can rendering be optimized to improve the performance of a web page?

With techniques like lazy loading and file compression

What are the benefits of using modules in JavaScript?

Code organization, improved maintainability, and allows to reuse functions

MP3 compresses audio to reduce file size while maintaining quality.

How does the “event loop” work in JavaScript?

It helps JavaScript to perform non-blocking operations in the correct order

What is the difference between let, const, and var in JavaScript?

let and const have block scope, while var has function scope.

studbud

Duplicado de Frontend Hackathon

51 termsStudBud Administration22 plays

Imported from external platform

Flashcards51 cardsFPractice quizPHost liveL

Questions 51

Answers

1
What is “hash-based routing” in a web application?
It is a technique for defining routes using the # symbol in the URL.
It is a technique for sending emails from a web application.
It is a technique for storing data in a database.
It is a technique for compiling code in a programming language.
2
What is “cookie consent” and why is it important?
It is a process that removes unused cookies.
It is a method to declare global variables.
It is the user’s consent to store cookies in their browser.
It is a technique to optimize code performance.
3
What is interaction design and why is it important in web development?
It is the design of how users interact with an application or website
It is the design of the visual appearance of a web page.
It is the design of the data structure of an application.
It is the design of the server architecture.
4
What strategies can we implement to help users recover from errors and learn from their mistakes?
Provide actionable error messages and offer guidance for recovery
Provide a generic error message and expect users to figure it out
Offer extensive documentation and expect users to read through it
Automatically correct errors without informing the user
5
What are cookies and what are they used for on the web?
They are large data files stored in the user’s browser.
They are small text files stored in the user’s browser.
They are large data files stored on the web server.
They are small text files stored on the web server.
6
What is modularity in web development and why is it important?
It is the process of writing all code in a single file.
It is the process of removing all comments from the code.
It is the process of compiling code in a programming language.
It is the process of dividing code into smaller, manageable modules.
7
What is SVG?
SVG is a scripting language used for creating interactive web applications.
SVG stands for Simple Vector Graphics, it's used for creating bitmap images
XML-based format for defining two-dimensional vector graphics
SVG is a proprietary format developed by Adobe for creating animations.
8
What are meta tags and how are they used in HTML?
They are tags used to define the main content of a web page.
Provide metadata like description, keywords, and author.
They are tags used to create links to other web pages.
They are tags used to include scripts and styles in a web page.
9
How can accessibility be improved through interaction design?
By using bright colors and fast animations.
By providing textual alternatives for visual and auditory content.
By using only black and white text.
By removing all interactive elements.
10
What is buffering and how does it affect media playback on the web?
It is the process of storing data in a database.
It's the process of loading data in small chunks while the media is playing
It is the process of removing unused data from the browser.
It is the process of loading all data at once before playing a media.
11
How is routing implemented in a React application?
Using the redux library.
Using the react-router-dom library.
Using the axios library.
Using the lodash library.
12
What is lazy loading and how does it improve the performance of a web page?
It is a technique to optimize server performance.
It is a technique to load non-critical resources only when they are needed.
It is a technique to remove unused resources.
It is a technique to load all resources at the start of the page.
13
How can cookies be managed in a web application to comply with privacy regulations?
By deleting all cookies when the browser is closed.
By storing cookies on the server instead of the browser.
By informing users about the use of cookies and obtaining their consent.
By not using cookies at all.
14
How can you include a video file on a web page using HTML?
Using the <embed> tag.
Using the <video> tag.
Using the <media> tag.
Using the <object> tag.
15
What is “hoisting” in JavaScript and how does it affect the declaration of variables and functions?
It is a process that removes unused variables.
It is a technique to optimize code performance.
It is a method to declare global variables.
Behavior that rises variable declarations in the execution context
16
What is “cache busting” and why is it important?
It is a technique to delete all data from the browser cache.
It ensures users get the most recent version of resources.
It is a technique to store data in the database.
It is a technique to optimize server performance.
17
How can you create a style guide for a web project?
Keeping design and development guidelines, and examples of your components
By using only graphic design tools
By ignoring the needs of developers.
By implementing the style guide only in small projects.
18
How can you implement a service worker to enable offline mode in a web application?
By using only cookies to store data.
Within a service worker, using the Cache API to store resources
By deleting all stored data in the browser.
By using only local storage.
19
What are some key principles of interaction design?
Speed, file size, and resolution.
Scalability, performance, and maintenance.
Consistency, feedback, and user control.
Security, privacy, and storage.
20
What is a service worker and how is it used in a web application?
It is a tool for designing graphics and animations.
A script running in the background to handle different tasks like caching.
It is a type of database for storing data in the browser.
It is a method for compiling code in a programming language.
21
What is “destructuring” in JavaScript and how can it be used?
It is a process that removes unused variables.
It is a technique to optimize code performance.
Syntax that allows to extract array or object values into new variables.
It is a method to declare global variables.
22
How can you implement lazy loading of images in HTML and JavaScript?
Using the async="lazy" attribute in the <img> tag.
Using the loading="lazy" attribute in the <img> tag.
Using the src="lazy" attribute in the <img> tag
Using the defer="lazy" attribute in the <img> tag.
23
How can we balance the need for a minimalist design with the requirement to provide comprehensive functionality?
Include all possible features on the main screen to ensure accessibility.
Prioritize essential features and information
Focus on aesthetic appeal over functionality
Strip down the interface to the bare minimum
24
How can you read and write cookies in JavaScript?
Using the document.cookie properties.
Using the readCookie and writeCookie functions.
Using the getCookie and setCookie functions.
Using the window.cookie properties.
25
What is a significant benefit of using a design system for new team members?
It increases the time needed to create designs
It makes the transition faster and more effective
It limits their ability to contribute
It makes the onboarding process slower
26
How can component reusability be achieved in a React application?
By avoiding the use of components.
By components that can be reused in different parts of the application
By using only third-party components.
By writing all code in the index.js file.
27
What is the difference between client-side rendering and server-side rendering?
Client-side rendering is done on the server
Client-side is used only for mobile applications
There is no difference
Server-side rendering is done on the server
28
How can you hide an element in CSS without removing it from the document flow?
Using the opacity: 0 property.
Using the display: none property.
Using the visibility: hidden property.
D) Using the z-index: -1 property.
29
What is a “promise” in JavaScript and how is it used?
It is a method to declare variables.
It is a function that executes immediately.
Object that represents the eventual completion of an async operation
It is a technique to handle events.
30
What is AAC?
AAC is outdated and replaced by newer technologies like MP3.
AAC is for high-fidelity music streaming over the internet.
It provides high-quality sound at lower bit rates for streaming and storage
AAC is a proprietary format used only by Apple for lossless audio.
31
What is the SameSite attribute in cookies and how does it improve security?
It is an attribute that changes the color of the cookie.
It is an attribute that defines the size of the cookie.
It is an attribute that links the cookie to another page.
It specifies whether the cookie should be sent with cross-site requests
32
What are some examples of popular style guides?
Bootstrap, Material Design, and Foundation.
Photoshop, Illustrator, and Sketch.
React, Angular, and Vue.
HTML, CSS, and JavaScript.
33
What is the alt attribute in the <img> tag and why is it important?
It is an attribute that defines the size of the image.
It is an attribute that provides alternative text for the image.
It is an attribute that links the image to another page.
It is an attribute that changes the color of the image.
34
In what ways can we ensure our software’s interface aligns with users’ mental models and real-world experiences?
Use technical and industry-specific terms to appear professional.
Assume users will adapt to the interface without additional guidance.
Design the interface based on the latest design trends
Use familiar concepts and workflows that reflect real-world experiences
35
How can we design our software to provide meaningful feedback that enhances user trust and satisfaction?
Use generic messages like “Error occurred”
Provide feedback only for critical actions
Delay feedback to avoid interrupting the user’s workflow.
Specific feedback for all user actions that inform the system's status
36
What is routing in a web application?
It's the process of managing navigation routes in a web application.
It is the process of compiling code in a programming language.
It is the process of sending emails from a web application.
It is the process of storing data in a database.
37
How can you manage cache in a web application?
By setting cache headers in server responses.
By using only cookies to store data.
By deleting all stored data in the browser.
By using only local storage.
38
What is the “cache-first strategy” in the context of service workers?
Serve resources from cache first; if unavailable, make a network request.
Strategy to ensure users always get the most recent version of resources.
It is a strategy to store data in the database.
It is a strategy to delete all data from the browser cache.
39
What is a sign that you might need a design system?
Jarring inconsistencies in product appearance across different platforms
Unique designs for each product
No need for a shared design language
Consistent look and feel across all platforms
40
What is a style guide and why is it important in web development?
Guidelines that define the appearance and behavior of elements in a web app
It is software for creating graphics and animations.
It is a collection of tools for developing mobile applications.
It is a set of rules for writing code in different programming languages
41
How do design systems support designers' creativity?
By defining repeatable patterns, to free them to solve different challenges
By limiting their creativity to ensure consistency
By enforcing blanket homogeneity across designs
By requiring designers to copy and paste the same designs repeatedly
42
What is the difference between a session cookie and a persistent cookie?
Session cookies are server-stored; persistent cookies are browser-stored.
Session cookies get deleted when the browser closes, the other last longer
Session cookies store user data; persistent cookies store server data
No difference between session and persistent cookies.
43
What are the main differences between a service worker and a web worker?
Service workers design graphics; web workers store data.
Service workers are for mobile apps; web workers are for web apps.
SW intercept network requests; WW run scripts in the background.
There are no differences between service workers and web workers.
44
What is the primary purpose of a design system?
To keep the look and feel of products and experiences consistent
To create unique designs for each product
To replace the need for coding standards
To focus solely on visual elements like colors and typography
45
What is rendering in the context of web development?
It is the process of storing data in a database.
It is the process of compiling code in a programming language.
Convert HTML, CSS, and JavaScript code into a visible and interactive web
It is the process of sending emails from a web application.
46
How can you apply a gradient background to an element in CSS?
Using the background-color property with color values.
Using the color property with color values.
Using the background-image property with the linear-gradient function.
Using the background property with color values.
47
How can rendering be optimized to improve the performance of a web page?
With techniques like lazy loading and file compression
By avoiding the use of HTML and CSS.
By minimizing the use of CSS and JavaScript.
By using only high-resolution images.
48
What are the benefits of using modules in JavaScript?
Code organization, improved maintainability, and allows to reuse functions
It increases code complexity and reduces readability.
It is only useful for small, short-term projects.
It limits the ability to debug code.
49
What is MP3?
MP3 is a lossless format preserving original sound quality.
MP3 is used for live streaming high-fidelity audio.
MP3 is for professional audio editing and mastering
MP3 compresses audio to reduce file size while maintaining quality.
50
How does the “event loop” work in JavaScript?
It is a technique to optimize code performance.
It is a process that removes unused variables.
It is a method to declare global variables.
It helps JavaScript to perform non-blocking operations in the correct order
51
What is the difference between let, const, and var in JavaScript?
let and var have block scope, while const has function scope.
let, const, and var have the same scope.
var and const have block scope, while let has function scope.
let and const have block scope, while var has function scope.

Duplicado de Frontend Hackathon Flashcards | StudBud