Frontend job Flashcards
What is the primary role of a frontend developer?
To create the visual elements of a website that users interact with.
True or False: HTML stands for HyperText Markup Language.
True
Fill in the blank: CSS is used to style web pages and stands for ______.
Cascading Style Sheets
Which of the following is a JavaScript framework? A) React B) HTML C) CSS
A) React
What does ‘responsive design’ mean?
Designing web pages that adjust smoothly to different screen sizes.
What is the purpose of a version control system like Git?
To track changes in code and collaborate with other developers.
True or False: A frontend developer needs to know how to use command line tools.
True
What does the acronym API stand for?
Application Programming Interface
Multiple choice: Which of the following is NOT a frontend technology? A) JavaScript B) Python C) HTML
B) Python
What is the role of a CSS preprocessor?
To extend CSS with variables, nested rules, and functions.
Fill in the blank: The ______ method in JavaScript is used to make a network request.
fetch
What is the purpose of the Document Object Model (DOM)?
To represent the structure of a web page so that programming languages can manipulate it.
True or False: Frontend developers do not need to understand backend technologies.
False
What is the function of a CSS framework?
To provide pre-written CSS code for faster development.
What is a common use of JavaScript in frontend development?
To create dynamic and interactive web content.
Multiple choice: Which of the following is an example of a frontend library? A) Node.js B) jQuery C) Ruby on Rails
B) jQuery
What is the purpose of a wireframe in web development?
To outline the layout and functionality of a website before design.
Fill in the blank: The ______ attribute in HTML is used to specify an image source.
src
What does ‘cross-browser compatibility’ refer to?
Ensuring that a website functions correctly on different web browsers.
True or False: SEO stands for Search Engine Optimization.
True
What is the purpose of a content management system (CMS)?
To allow users to create and manage digital content easily.
Multiple choice: Which of the following is a popular CSS framework? A) Django B) Bootstrap C) Angular
B) Bootstrap
What is the role of a frontend developer in Agile development?
To collaborate with team members and deliver incremental updates to the project.
Fill in the blank: The ______ element is used in HTML to create links.
a
What is the difference between a ‘class’ and an ‘id’ in CSS?
A class can be used multiple times on a page, while an id must be unique.
True or False: A frontend developer should be familiar with accessibility standards.
True
What is the purpose of the ‘alt’ attribute in an image tag?
To provide a text alternative for screen readers and when the image fails to load.
Multiple choice: Which of the following is a method of optimizing website performance? A) Minification B) Encryption C) Compression
A) Minification
What is a Single Page Application (SPA)?
A web application that loads a single HTML page and dynamically updates content.
Fill in the blank: The ______ tool is often used for debugging JavaScript in browsers.
Developer Console
What is the purpose of a build tool in frontend development?
To automate tasks such as minification, compilation, and testing.
True or False: Web accessibility means making websites usable for people with disabilities.
True
What is the role of the viewport meta tag in responsive design?
To control the layout on mobile browsers.
Multiple choice: Which HTML element is used to create a list? A) p B) ul C) div
B) ul
Fill in the blank: The ______ property in CSS controls the text color.
color
What is the purpose of the ‘box model’ in CSS?
To describe the layout of elements, including margins, borders, padding, and content.
True or False: JavaScript can be used for both frontend and backend development.
True
What is the purpose of using semantic HTML?
To improve accessibility and SEO by using meaningful tags.
Multiple choice: Which of the following is a method for making a website mobile-friendly? A) Fixed layout B) Fluid layout C) Static layout
B) Fluid layout
Fill in the blank: The ______ function in JavaScript is used to create a new object.
constructor
What is the purpose of CSS Grid?
To create complex layouts using a grid-based approach.
True or False: A frontend developer should be skilled in graphic design.
False
What is the role of AJAX in web development?
To enable asynchronous data loading without refreshing the page.
Multiple choice: Which of the following is a frontend testing framework? A) Jest B) Django C) Flask
A) Jest
Fill in the blank: The ______ method is used to add an event listener in JavaScript.
addEventListener
What does the acronym UX stand for?
User Experience
True or False: Progressive enhancement is a strategy for web design.
True
What is the purpose of a favicon?
To provide a small icon associated with a website, typically displayed in the browser tab.
Multiple choice: Which of the following is a CSS property used for layout? A) margin B) font-size C) color
A) margin
Fill in the blank: The ______ property in CSS is used to control the visibility of an element.
display
What is the purpose of web performance optimization?
To improve the loading speed and responsiveness of a website.
True or False: Git is a type of database.
False
What does the ‘z-index’ property in CSS control?
The stacking order of overlapping elements.
Multiple choice: Which of the following is a CSS layout technique? A) Flexbox B) SQL C) XML
A) Flexbox
Fill in the blank: The ______ method is used to convert a JSON string into a JavaScript object.
JSON.parse
What is the purpose of the ‘viewport’ in web design?
To define the visible area of a webpage on different devices.
True or False: A frontend developer should use comments in their code for clarity.
True
What does ‘minification’ refer to in web development?
The process of removing unnecessary characters from code to reduce file size.
Multiple choice: Which of the following is not a frontend language? A) HTML B) CSS C) SQL
C) SQL
Fill in the blank: The ______ event is triggered when a user clicks on an element.
click
What is the role of a frontend developer in a team?
To collaborate with designers and backend developers to create cohesive web applications.
True or False: Bootstrap is a JavaScript library.
False
What is the purpose of the ‘transition’ property in CSS?
To create smooth changes between property values.
Multiple choice: Which of the following is a common frontend development tool? A) Visual Studio Code B) MySQL C) Java
A) Visual Studio Code
Fill in the blank: The ______ function in JavaScript is used to remove an item from an array.
splice
What is the purpose of a design system?
To provide a set of guidelines and components for consistent design across a project.
True or False: A frontend developer often works with APIs to retrieve data.
True
What does ‘local storage’ refer to in web development?
A web storage solution for storing data persistently in the browser.
Multiple choice: Which of the following is a task of a frontend developer? A) Writing server-side code B) Designing user interfaces C) Managing databases
B) Designing user interfaces
Fill in the blank: The ______ method is used to create a new array from an existing array in JavaScript.
map
What is the role of accessibility in web development?
To ensure that websites are usable by people with disabilities.
True or False: Web applications can only be built using JavaScript.
False
What is the purpose of the ‘hover’ pseudo-class in CSS?
To apply styles when a user hovers over an element.
Multiple choice: Which of the following is a frontend performance metric? A) Load time B) Server response time C) Database size
A) Load time
Fill in the blank: The ______ method in JavaScript is used to test if an array includes a certain value.
includes
What is the role of a frontend developer in the software development lifecycle?
To implement the user interface and ensure usability throughout the process.
True or False: Frontend developers are responsible for database management.
False
