Frontend job Flashcards by Lily G.

What is the primary role of a frontend developer?

To create the visual elements of a website that users interact with.

How well did you know this?

Not at all

Perfectly

True or False: HTML stands for HyperText Markup Language.

True

How well did you know this?

Not at all

Perfectly

Fill in the blank: CSS is used to style web pages and stands for ______.

Cascading Style Sheets

How well did you know this?

Not at all

Perfectly

Which of the following is a JavaScript framework? A) React B) HTML C) CSS

A) React

How well did you know this?

Not at all

Perfectly

What does ‘responsive design’ mean?

Designing web pages that adjust smoothly to different screen sizes.

How well did you know this?

Not at all

Perfectly

What is the purpose of a version control system like Git?

To track changes in code and collaborate with other developers.

How well did you know this?

Not at all

Perfectly

True or False: A frontend developer needs to know how to use command line tools.

True

How well did you know this?

Not at all

Perfectly

What does the acronym API stand for?

Application Programming Interface

How well did you know this?

Not at all

Perfectly

Multiple choice: Which of the following is NOT a frontend technology? A) JavaScript B) Python C) HTML

B) Python

How well did you know this?

Not at all

Perfectly

What is the role of a CSS preprocessor?

To extend CSS with variables, nested rules, and functions.

How well did you know this?

Not at all

Perfectly

Fill in the blank: The ______ method in JavaScript is used to make a network request.

fetch

How well did you know this?

Not at all

Perfectly

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.

How well did you know this?

Not at all

Perfectly

True or False: Frontend developers do not need to understand backend technologies.

False

How well did you know this?

Not at all

Perfectly

What is the function of a CSS framework?

To provide pre-written CSS code for faster development.

How well did you know this?

Not at all

Perfectly

What is a common use of JavaScript in frontend development?

To create dynamic and interactive web content.

How well did you know this?

Not at all

Perfectly

Multiple choice: Which of the following is an example of a frontend library? A) Node.js B) jQuery C) Ruby on Rails

B) jQuery

How well did you know this?

Not at all

Perfectly

What is the purpose of a wireframe in web development?

To outline the layout and functionality of a website before design.

How well did you know this?

Not at all

Perfectly

Fill in the blank: The ______ attribute in HTML is used to specify an image source.

src

How well did you know this?

Not at all

Perfectly

What does ‘cross-browser compatibility’ refer to?

Ensuring that a website functions correctly on different web browsers.

How well did you know this?

Not at all

Perfectly

True or False: SEO stands for Search Engine Optimization.

True

How well did you know this?

Not at all

Perfectly

What is the purpose of a content management system (CMS)?

To allow users to create and manage digital content easily.

How well did you know this?

Not at all

Perfectly

Multiple choice: Which of the following is a popular CSS framework? A) Django B) Bootstrap C) Angular

B) Bootstrap

How well did you know this?

Not at all

Perfectly

What is the role of a frontend developer in Agile development?

To collaborate with team members and deliver incremental updates to the project.

How well did you know this?

Not at all

Perfectly

Fill in the blank: The ______ element is used in HTML to create links.

How well did you know this?

Not at all

Perfectly

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