Frontend job Flashcards

1
Q

What is the primary role of a frontend developer?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

True or False: HTML stands for HyperText Markup Language.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

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

A

Cascading Style Sheets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

A) React

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What does ‘responsive design’ mean?

A

Designing web pages that adjust smoothly to different screen sizes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

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

A

To track changes in code and collaborate with other developers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What does the acronym API stand for?

A

Application Programming Interface

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

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

A

B) Python

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is the role of a CSS preprocessor?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

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

A

fetch

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the purpose of the Document Object Model (DOM)?

A

To represent the structure of a web page so that programming languages can manipulate it.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What is the function of a CSS framework?

A

To provide pre-written CSS code for faster development.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is a common use of JavaScript in frontend development?

A

To create dynamic and interactive web content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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

A

B) jQuery

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

What is the purpose of a wireframe in web development?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

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

A

src

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

What does ‘cross-browser compatibility’ refer to?

A

Ensuring that a website functions correctly on different web browsers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

True or False: SEO stands for Search Engine Optimization.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

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

A

To allow users to create and manage digital content easily.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

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

A

B) Bootstrap

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

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

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

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

A

a

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

What is the difference between a ‘class’ and an ‘id’ in CSS?

A

A class can be used multiple times on a page, while an id must be unique.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

True or False: A frontend developer should be familiar with accessibility standards.

A

True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

What is the purpose of the ‘alt’ attribute in an image tag?

A

To provide a text alternative for screen readers and when the image fails to load.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

Multiple choice: Which of the following is a method of optimizing website performance? A) Minification B) Encryption C) Compression

A

A) Minification

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

What is a Single Page Application (SPA)?

A

A web application that loads a single HTML page and dynamically updates content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

Fill in the blank: The ______ tool is often used for debugging JavaScript in browsers.

A

Developer Console

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

What is the purpose of a build tool in frontend development?

A

To automate tasks such as minification, compilation, and testing.

32
Q

True or False: Web accessibility means making websites usable for people with disabilities.

A

True

33
Q

What is the role of the viewport meta tag in responsive design?

A

To control the layout on mobile browsers.

34
Q

Multiple choice: Which HTML element is used to create a list? A) p B) ul C) div

A

B) ul

35
Q

Fill in the blank: The ______ property in CSS controls the text color.

A

color

36
Q

What is the purpose of the ‘box model’ in CSS?

A

To describe the layout of elements, including margins, borders, padding, and content.

37
Q

True or False: JavaScript can be used for both frontend and backend development.

A

True

38
Q

What is the purpose of using semantic HTML?

A

To improve accessibility and SEO by using meaningful tags.

39
Q

Multiple choice: Which of the following is a method for making a website mobile-friendly? A) Fixed layout B) Fluid layout C) Static layout

A

B) Fluid layout

40
Q

Fill in the blank: The ______ function in JavaScript is used to create a new object.

A

constructor

41
Q

What is the purpose of CSS Grid?

A

To create complex layouts using a grid-based approach.

42
Q

True or False: A frontend developer should be skilled in graphic design.

A

False

43
Q

What is the role of AJAX in web development?

A

To enable asynchronous data loading without refreshing the page.

44
Q

Multiple choice: Which of the following is a frontend testing framework? A) Jest B) Django C) Flask

A

A) Jest

45
Q

Fill in the blank: The ______ method is used to add an event listener in JavaScript.

A

addEventListener

46
Q

What does the acronym UX stand for?

A

User Experience

47
Q

True or False: Progressive enhancement is a strategy for web design.

A

True

48
Q

What is the purpose of a favicon?

A

To provide a small icon associated with a website, typically displayed in the browser tab.

49
Q

Multiple choice: Which of the following is a CSS property used for layout? A) margin B) font-size C) color

A

A) margin

50
Q

Fill in the blank: The ______ property in CSS is used to control the visibility of an element.

A

display

51
Q

What is the purpose of web performance optimization?

A

To improve the loading speed and responsiveness of a website.

52
Q

True or False: Git is a type of database.

A

False

53
Q

What does the ‘z-index’ property in CSS control?

A

The stacking order of overlapping elements.

54
Q

Multiple choice: Which of the following is a CSS layout technique? A) Flexbox B) SQL C) XML

A

A) Flexbox

55
Q

Fill in the blank: The ______ method is used to convert a JSON string into a JavaScript object.

A

JSON.parse

56
Q

What is the purpose of the ‘viewport’ in web design?

A

To define the visible area of a webpage on different devices.

57
Q

True or False: A frontend developer should use comments in their code for clarity.

A

True

58
Q

What does ‘minification’ refer to in web development?

A

The process of removing unnecessary characters from code to reduce file size.

59
Q

Multiple choice: Which of the following is not a frontend language? A) HTML B) CSS C) SQL

A

C) SQL

60
Q

Fill in the blank: The ______ event is triggered when a user clicks on an element.

A

click

61
Q

What is the role of a frontend developer in a team?

A

To collaborate with designers and backend developers to create cohesive web applications.

62
Q

True or False: Bootstrap is a JavaScript library.

A

False

63
Q

What is the purpose of the ‘transition’ property in CSS?

A

To create smooth changes between property values.

64
Q

Multiple choice: Which of the following is a common frontend development tool? A) Visual Studio Code B) MySQL C) Java

A

A) Visual Studio Code

65
Q

Fill in the blank: The ______ function in JavaScript is used to remove an item from an array.

A

splice

66
Q

What is the purpose of a design system?

A

To provide a set of guidelines and components for consistent design across a project.

67
Q

True or False: A frontend developer often works with APIs to retrieve data.

A

True

68
Q

What does ‘local storage’ refer to in web development?

A

A web storage solution for storing data persistently in the browser.

69
Q

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

A

B) Designing user interfaces

70
Q

Fill in the blank: The ______ method is used to create a new array from an existing array in JavaScript.

A

map

71
Q

What is the role of accessibility in web development?

A

To ensure that websites are usable by people with disabilities.

72
Q

True or False: Web applications can only be built using JavaScript.

A

False

73
Q

What is the purpose of the ‘hover’ pseudo-class in CSS?

A

To apply styles when a user hovers over an element.

74
Q

Multiple choice: Which of the following is a frontend performance metric? A) Load time B) Server response time C) Database size

A

A) Load time

75
Q

Fill in the blank: The ______ method in JavaScript is used to test if an array includes a certain value.

A

includes

76
Q

What is the role of a frontend developer in the software development lifecycle?

A

To implement the user interface and ensure usability throughout the process.

77
Q

True or False: Frontend developers are responsible for database management.

A

False