Web Development | Internboot Assesments

A Web Development internship is a hands-on opportunity to learn how websites and web applications are built, deployed, and maintained. It’s ideal if you’re interested in frontend, backend, or full-stack development and want to build a tech career.

What You Learn in a Web Development Internship

Frontend (Client-side)

Languages: HTML, CSS, JavaScript
Frameworks: React.js, Angular, Vue.js
UI Libraries: Tailwind CSS, Bootstrap
Tools: Figma to HTML, responsive design, browser DevTools

Backend (Server-side)

Languages: Node.js, PHP, Python (Django/Flask), Java (Spring), .NET
Database: MySQL, PostgreSQL, MongoDB
API Development: RESTful, GraphQL

Dev & Deployment

Version control with Git/GitHub
Hosting: Vercel, Netlify, Render, Hostinger, AWS, etc.
CI/CD basics and deployment automation

Important Notice:
Once you start the quiz, you will not be able to pause, exit, or restart it. Please ensure you are ready before beginning.

Web Development L1

1 / 100

1) Q42. What does the this keyword refer to in the global scope (non-strict mode)?

a) The window object

b) null

c) The current function

d) The parent object

2 / 100

2) Q61.Which event is triggered when a user clicks an HTML element?

a) c) onclick

b) a) onchange

c) b) onmouseover

d) d) onfocus

3 / 100

3) Q27. What is the output of the following code: console.log(typeof null);

a) "boolean"

b) "object"

c) "null"

d) "undefined"

4 / 100

4) Q53. Which method is used to add a new HTML element to the page dynamically?

a) d) makeElement()

b) c) addElement()

c) b) createElement()

d) a) createNode()

5 / 100

What is the role of a CSS preprocessor in web development?

a) To add interactivity to web pages

b) To convert HTML code into CSS

c) To compress CSS files for faster loading

d) To extend the capabilities of CSS with variables and functions

6 / 100

6) Q66.In the addEventListener method, what does the third parameter true indicate?

a) b) Bubbling phase

b) c) Passive event

c) a) Capturing phase

d) d) Cancelable event

7 / 100

7) What does CSS stand for?

a) Computer Styled Sections

b) Cascading Style Sheets

c) Creative Style Syntax

d) Colorful Style Sheets

8 / 100

8) Q72. Which file is used to ignore specific files or directories in Git?

a) d) .ignoregit

b) a) ignore.txt

c) c) .gitignore

d) b) gitignore.config

9 / 100

9) Q55. What does textContent do in DOM manipulation?

a) b) Retrieves the tag name

b) d) Returns child elements

c) c) Gets or sets plain text inside an element

d) a) Sets CSS styles

10 / 100

10) Which tag would best represent navigation links on a webpage?

a) <header>

b) <aside>

c) <nav>

d) <main>

11 / 100

11) What is the correct syntax to create an email link in HTML?

a) <a>

b) <a href="mailto:example@email.com"

c) <a>

12 / 100

12)

What is the purpose of a front-end web development framework like React or Angular?

a) To interact with web servers

b) To manage databases and server-side logic

c) To create a visually appealing user interface

d) To handle server-side routing

13 / 100

13) Q65.What is the correct syntax to add a keypress event to an input field?

a) b) input.keypress(function() {})

b) d) input.listen("keypress", function() {})

c) c) input.addEventListener("keypress", function() {})

d) a) input.onpress = function() {}

14 / 100

14) Q69.How can you remove a previously attached event listener?

a) a) detachEvent()

b) c) clearEvent()

c) d) unsetEvent()

d) b) removeEventListener()

15 / 100

15) Which of the following is NOT a valid semantic HTML tag?

a) <mark>

b) <details>

c) <blink

d) <footer>

16 / 100

16) Q76. How do you check the status of your working directory and staging area?

a) c) git commit -m status

b) d) git push status

c) b) git status

d) a) git verify

17 / 100

17) Q74. What command stages all modified files for commit?

a) b) git add *

b) c) git stage *

c) d) git push *

d) a) git add all

18 / 100

18)

Which CSS property is used to control the spacing between elements in a layout?

a) spacing

b) border

c) padding

d) margin

19 / 100

19) Q64.What does event.stopPropagation() do in JavaScript?

a) c) Cancels default behavior

b) d) Stops function execution

c) a) Stops page refresh

d) b) Stops event bubbling

20 / 100

20) What is a common method for ensuring file system security in operating systems?

a) File and folder permissions

b) Installing browser extensions

c) Increasing RAM

d) Using open-source licenses

21 / 100

21) Q45. Which of the following is true about the call() method in JavaScript?

a) It sets the this context and immediately invokes the function

b) It creates a new function

c) It binds this permanently

d) It delays function execution

22 / 100

22) Q47. Which of the following best describes the JavaScript Event Loop?

a) It is used to fetch APIs

b) It loops through HTML elements

c) It schedules CSS rendering

d) It handles asynchronous callbacks using the call stack and task queue

23 / 100

23) Q31. Which keyword is used to declare a block-scoped variable in ES6?

a) both b and c

b) let

c) var

d) const

24 / 100

24)

What is the primary function of a web server in the context of web development?

a) Storing user data

b) Executing JavaScript code

c) Handling HTTP requests and serving web pages

d) Rendering web pages on the client’s browser

25 / 100

25) Q50. What is the result of this code?

javascript

(function(x) {

return (function(y) {

console.log(x);

})(2);

})(1);

a) ReferenceError

b) 1

c) undefined

d) 2

26 / 100

26) Q37. What is the result of the following code?

const x = () => ({ a: 1 });

console.log(x().a);

a) 1

b) a

c) undefined

d) Error

27 / 100

27) Q75. Which command is used to create a new branch in Git?

a) b) git create branch

b) d) git switch -n

c) c) git checkout -b branchname

d) a) git branch new

28 / 100

28) Q23. Which of the following data types is not primitive in JavaScript?

a) String

b) Boolean

c) Object

d) Number

29 / 100

29)

What is the purpose of the “form” element in HTML?

a) It defines a hyperlink

b) It defines a section in a document

c) It allows users to input data and submit it to the server

d) It creates a container for metadata

30 / 100

30) Q58. Which DOM method returns all elements matching a CSS selector?

a) d) getElementsByTagName()

b) a) querySelectorAll()

c) b) getElementsByName()

d) c) getElementById()

31 / 100

31) Q67.Which event is fired when an element gains focus?

a) b) onfocus

b) d) onchange

c) a) onhover

d) c) onclick

32 / 100

32) Q52. Which method is used to access an element by its class name?

a) b) querySelector()

b) a) getElementById()

c) c) getElementsByClassName()

d) d) getElementByTag()

33 / 100

33) Q79. What is the purpose of git stash?

a) b) Saves local modifications and reverts to a clean state

b) d) Commits all changes to remote

c) a) Deletes your working directory

d) c) Stashes commits on a new branch

34 / 100

34) How is the <main> tag different from <body> in semantic meaning?

a) It represents primary content excluding repeated items

b) It’s used only in mobile view

c) It includes scripts and meta tags

d) It has the same function

35 / 100

35) Q44. What is the output of the following code?

javascript

let obj = {

name: "John",

greet: function() {

return () => "Hello " + this.name;

}

};

console.log(obj.greet()());

a) Hello John

b) Hello undefined

c) TypeError

d) Hello

36 / 100

36)

Which type of web development allows for both front-end and back-end development using a single language?

a) Full-stack development

b) Hybrid development

c) Cross-platform development

d) Multi-language development

37 / 100

37) Which tag is used for inserting an image in HTML?

a) <img>

b) <img>

38 / 100

38) Which tag is semantic in HTML5

a) <font>

b) <section>

c) <div>

d) <span>

39 / 100

39) Q24. What will be the output of the expression "5" + 2 in JavaScript?

a) Error

b) 7

c) "52"

d) NaN

40 / 100

40) Q30. What does the 'this' keyword refer to in a regular function (non-arrow) in strict mode?

a) Global object

b) null

c) The object that owns the function

d) The parent class

41 / 100

41) Q33. What does the spread operator (...) do in JavaScript?

a) Spreads iterable values

b) Combines arrays

c) Copies properties

d) All of the above

42 / 100

42) How do you make text bold using CSS?

a) bold: true;

b) font-weight: bold;

c) text-weight: bold;

d) style: bold;

43 / 100

43)

Which technology is primarily responsible for the styling of web pages?

a) JavaScript

b) HTML

c) CSS

d) Python

44 / 100

44) Q41. What is a closure in JavaScript?

a) A function that executes once

b) A block of code that runs only in strict mode

c) A function having access to its own scope only

d) A function with access to its outer function scope even after the outer function has returned

45 / 100

45) Which tag is used to create a hyperlink in HTML?

a) <a>

b) <a>

46 / 100

46) Q25. Which of the following methods converts a string to an integer?

a) parseInt()

b) parseFloat()

c) stringToInt()

d) toInteger()

47 / 100

47) Q43. Which method is used to delay execution of code in JavaScript?

a) setTimeout()

b) pause()

c) delay()

d) wait()

48 / 100

48) Q40. What is the main difference between Map and Object in ES6?

a) Objects store key-value pairs more efficiently

b) Maps can have keys of any type

c) Maps are unordere

d) Objects can use functions as keys

49 / 100

49) Q77. What does git rebase do?

a) b) Deletes the current branch

b) c) Moves or combines commits to a new base commit

c) a) Merges two branches preserving history

d) d) Pushes commits to remote

50 / 100

50) Q80. What is a pull request in GitHub?

a) b) A way to propose and review changes before merging

b) c) A request to delete a repo

c) a) A command to pull data

d) d) A Git clone shortcut

51 / 100

51) Q22. What is the correct syntax to print something in the console in JavaScript?

a) echo("Hello")

b) console.log("Hello")

c) print("Hello")

d) write("Hello")

52 / 100

52) Q28. Which statement about JavaScript closures is correct?

a) Closures can only access global variables

b) Closures can access variables defined in their outer scope

c) Closures are a type of class

d) Closures are created only inside if statements

53 / 100

53)

Which part of web development is responsible for handling data storage and retrieval?

a) Full-stack development

b) Front-end development

c) Middleware development

d) Back-end development

54 / 100

54) Q36. Which new data structure was introduced in ES6 to store unique values?

a) Stack

b) Map

c) Set

d) List

55 / 100

55)

What does the acronym “REST” stand for in the context of web development?

a) Real-time Server Technology

b) Responsive Elements for Seamless Transition

c) Representational State Transfer

d) Readable Element Style Transfer

56 / 100

56) Q49. How does Object.create() differ from using a constructor function?

a) It sets up prototype inheritance without calling a constructo

b) It modifies an existing object directl

c) It doesn’t use memory

d) It creates primitive values

57 / 100

57) Which HTML tag is used to link an external CSS file

58 / 100

58) What does HTML stand for?

a) Hyper Text Markup Language

b) HighText Machine Language

c) Hyper Tabular Markup Language

d) None of these

59 / 100

59) Q54. What is the purpose of appendChild() in DOM?

a) d) Adds a class to an element

b) a) Replaces an element

c) c) Adds a node to the end of the list of children

d) b) Removes a child

60 / 100

60) Which property is used to change the background color of an element?

a) background

b) bgcolor

c) color

d) background-color

61 / 100

61) Q51. What does the DOM represent in web development?

a) b) The structure of HTML documents as objects

b) c) A style sheet

c) a) A programming language

d) d) A server-side technology

62 / 100

62) Q21. Which keyword is used to declare a variable in JavaScript?

a) int

b) letvar

c) var

d) define

63 / 100

63) 34. What will be the output of the following code?

const [a, b] = [1, 2];

console.log(a, b);

a) 1 2

b) undefined undefined

c) [1, 2]

d) Error

64 / 100

64)

Which of the following is a popular front-end development framework maintained by Google?

a) Django

b) Angular

c) Vue.js

d) React

65 / 100

65) Q26. How do you define a function in JavaScript?

a) fun myFunc() {}

b) function myFunc() {}

c) function = myFunc() {}

d) def myFunc() {}

66 / 100

66)

What does HTML stand for?

a) Hyperlink Text Markup Language

b) Hyper Text Markup Language

c) Home Tool Markup Language

d) High Tech Markup Language

67 / 100

67) Q60. Consider the code:

javascript

let div = document.createElement("div");

div.innerHTML = "<span>Hello</span>";

document.body.appendChild(div);

console.log(document.body.lastChild.nodeName);

What is the output?

a) b) SPAN

b) a) #text

c) c) DIV

d) d) BODY

68 / 100

68) Q29. Which of the following is used to create a promise in JavaScript?

a) new Task()

b) new Await()

c) new Async()

d) new Promise()

69 / 100

69)

Which programming language is mainly used for adding interactivity to websites?

a) HTML

b) JavaScript

c) Python

d) CSS

70 / 100

70)

What is the correct syntax for creating a CSS class called “highlight” with a red text color?

a) highlight { color: red; }

b) .highlight { color: red; }

c) .highlight { text-color: red; }

d) highlight { text-color: red; }

71 / 100

71) Q59. What does element.setAttribute("class", "active") do?

a) c) Sets the class attribute of the element to "active"

b) d) Adds inline styles

c) b) Changes the inner text

d) a) Adds a new element with class active

72 / 100

72)

What does CSS stand for?

a) Creative Style Sheets

b) Custom Style Sheets

c) Computer Style Sheets

d) Cascading Style Sheets

73 / 100

73) What is the purpose of the <figure> and <figcaption> elements in HTML5?

a) To replace <img>

b) To define a table and its title

c) To group media and add a caption

d) To include a picture only

74 / 100

74) Q38. What is true about const declarations in ES6

a) Only primitive types can be used

b) The value can’t be mutated

c) They can be reassigned

d) Their references can’t be changed

75 / 100

75) Q32. What is the default value of a variable declared with let but not initialized?

a) NaN

b) null

c) 0

d) undefined

76 / 100

76)

Which HTML tag is used to create a hyperlink?

a) <p>

b) <h1>

c) <a>

77 / 100

77) What symbol is used to select a class in CSS?

a) .

b) @

c) #

d) $

78 / 100

78) Q70.Which event object method cancels the default action and stops propagation in one call?

a) b) preventAll()

b) d) None – must call both separately

c) c) stopImmediatePropagation()

d) a) stop()

79 / 100

79)

What is the purpose of the “alt” attribute in an <img> tag?

a) It sets the size of the image

b) It specifies the alignment of the image

c) It provides alternative text if the image fails to load

d) It defines the image source

80 / 100

80) Q56. Which method is used to remove an element from the DOM?

a) a) removeElement()

b) c) element.delete()

c) b) removeNode()

d) d) element.remove()

81 / 100

81) Which semantic element is used to define independent, self-contained content?

a) <section>

b) <article>

c) <div>

d) <aside>

82 / 100

82) Q78. How can you undo the last commit while keeping changes in the working directory?

a) c) git reset --soft HEAD1

b) d) git reset HEAD~1

c) a) git reset --hard HEAD1

d) b) git revert HEAD

83 / 100

83) Q81. What is the command to create a new React app using Create React App?

a) a) npx create-react-app my-app

b) d) react-init my-app

c) b) npm install react

d) c) create-react my-app

84 / 100

84) Q46. What is the purpose of the bind() method?

a) Calls the function immediately with this

b) Permanently sets this context and returns a new function

c) Links prototypes

d) Binds variables together

85 / 100

85) Q48. What is the output of this code?

javascript

for (var i = 0; i < 3; i++) {

setTimeout(() => console.log(i), 100);

}

a) undefined undefined undefined

b) 3 3 3

c) 1 2 3

d) 0 1 2

86 / 100

86) Q63.What is the correct way to prevent a link from navigating?

a) c) event.preventDefault()

b) d) link.block()

c) a) stopNavigation()

d) b) preventLink()

87 / 100

87)

What is the purpose of the script tag in HTML?

a) To include external CSS styles

b) To create hyperlinks

c) To define the page’s structure

d) To include external JavaScript code

88 / 100

88) Q35. Which of the following is a correct usage of template literals?

a) Hello ${name}

b) Hello ' + name + '

c) "Hello ${name}"

d) 'Hello ${name}'

89 / 100

89) Q71. Which command initializes a new Git repository?

a) d) git new

b) b) git init

c) c) git create

d) a) git start

90 / 100

90) What is the z-index used for?

a) Layering elements on top of each other

b) Setting zoom level

c) Changing font style

d) Changing text direction

91 / 100

91) Q57. What will this code output?

html

javascript

let el = document.getElementById("box");

console.log(el.classList.contains("container"));

a) c) "container"

b) a) true

c) b) false

d) d) Error

92 / 100

92)

Which of the following is not a back-end programming language commonly used in web development?

a) PHP

b) Ruby

c) HTML

d) Java

93 / 100

93) Q73. What is GitHub primarily used for?

a) c) Writing documentation

b) d) Running local servers

c) a) Compiling code

d) b) Hosting and managing Git repositories

94 / 100

94) How would you make a div exactly 50% of the screen height?

a) height: 50vh;

b) height: 50;

c) height: 50em;

d) height: 5

95 / 100

95) Which pseudo-class targets every other row in a table for striping?

a) nth-row(odd

b) even

c) striped

d) nth-child(odd)

96 / 100

96) Which unit is relative to the parent element’s font size?

a) px

b) em

c) cm

d) vh

97 / 100

97) Q62.How can you execute JavaScript code when a button is clicked?

a) b) Use onclick event

b) c) Use onload

c) d) Use onpress

d) a) Use the href attribute

98 / 100

98) Q39. How does arrow function handle the this keyword

a) It uses this of the object calling it

b) It binds this to global scope

c) It uses the this of the enclosing scope

d) It creates a new this

99 / 100

99) What is the default position value of an HTML element in CSS?

a) absolute

b) fixed

c) relative

d) static

100 / 100

100) Q68.What does once: true do in an event listener?

a) a) Makes the event passive

b) b) Prevents default action

c) d) Executes the listener only once

d) c) Stops event from bubbling

Your score is

The average score is 83%

Exit

What You Learn in a Web Development Internship

Frontend (Client-side)

Backend (Server-side)

Dev & Deployment

Leave a Reply Cancel reply