<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table with Cell Dividers and Rounded Corners</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="table-container">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table with Cell Dividers and Rounded Corners</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="table-container">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
π1π₯1
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.table-container {
overflow: hidden;
border-radius: 10px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
table {
width: 100%;
border-collapse: collapse; /* Ensures borders are merged */
}
th,
td {
padding: 12px;
text-align: left;
border: 1px solid #ddd; /* Divider for each cell */
}
th {
background-color: #f4f4f4;
font-weight: bold;
}
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.table-container {
overflow: hidden;
border-radius: 10px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
table {
width: 100%;
border-collapse: collapse; /* Ensures borders are merged */
}
th,
td {
padding: 12px;
text-align: left;
border: 1px solid #ddd; /* Divider for each cell */
}
th {
background-color: #f4f4f4;
font-weight: bold;
}
π1π₯1π1
image.png
117 KB
What are Arithmetic Operators in JavaScript.
π₯1π₯°1
50 questions.pdf
226.5 KB
From basics to advanced, these 50 JavaScript interview questions cover it all!
π1
Ans-
β’ eval() is a function in many programming languages, including JavaScript.
β’ Itβs short for evaluate and takes a string as an argument and executes it as if it were actual code.
For example-
let x = 10;
let y = 20;
let result = eval('x + y');
console.log(result); // This will output 30
However, eval() can be risky if itβs used with arbitrary or untrusted strings because it can execute any code passed into it, potentially leading to security vulnerabilities or unexpected behavior.
In general, Itβs recommended to avoid using eval() whenever possible, especially with user generated input.
β’ eval() is a function in many programming languages, including JavaScript.
β’ Itβs short for evaluate and takes a string as an argument and executes it as if it were actual code.
For example-
let x = 10;
let y = 20;
let result = eval('x + y');
console.log(result); // This will output 30
However, eval() can be risky if itβs used with arbitrary or untrusted strings because it can execute any code passed into it, potentially leading to security vulnerabilities or unexpected behavior.
In general, Itβs recommended to avoid using eval() whenever possible, especially with user generated input.
π1
Q.264 What is appendChild method in JavaScript.pdf
18.5 KB
ππ©π©ππ§π ππ‘π’π₯π π¦πππ‘π¨π π’π§ πππ―ππππ«π’π©π
200 fullstack web development interview questionsππ»ππ»ππ»ππ»ππ»ππ»ππ»ππ»
Here is a list of 200 fullstack web development interview questions:
### HTML Questions1. What is HTML?
2. What are HTML tags?3. What is the difference between HTML and XHTML?
4. What are void elements in HTML?5. How do you create a hyperlink in HTML?
6. What are meta tags in HTML?7. What is the purpose of the
8. How do you create a table in HTML?9. What is the difference between
10. What are the semantic elements in HTML5?11. How do you include an external CSS file in an HTML document?
12. What is the purpose of the
14. What is the difference between
16. What is the
18. What are HTML entities?19. How do you create a list in HTML?
20. What is the
### CSS Questions21. What is CSS?
22. What is the difference between inline, internal, and external CSS?23. How do you select elements in CSS?
24. What are CSS classes and IDs?25. What is the box model in CSS?
26. How do you center a div in CSS?27. What are CSS selectors?
28. What is a pseudo-class in CSS?29. What is a pseudo-element in CSS?
30. How do you use media queries in CSS?31. What is Flexbox in CSS?
32. How do you create a grid layout in CSS?33. What is the difference between
34. How do you use CSS transitions?35. What are CSS animations?
36. How do you apply styles conditionally in CSS?37. What is the
38. How do you create responsive designs in CSS?39. What are CSS preprocessors like SASS and LESS?
40. How do you use variables in CSS?
### JavaScript Questions41. What is JavaScript?
42. What is the difference between
44. How do you create a function in JavaScript?45. What is the difference between function declaration and function expression?
46. What are arrow functions in JavaScript?47. What is a callback function?
48. What is the DOM?49. How do you select elements in the DOM?
50. What are events in JavaScript?51. What is event delegation?
52. What is event bubbling?53. How do you prevent the default behavior of an event?
54. What is a promise in JavaScript?55. What is
56. What is the difference between
58. What is
60. What are modules in JavaScript?
### React Questions61. What is React?
62. What is JSX?63. What are components in React?
64. What is the difference between functional and class components?65. What are props in React?
66. What is state in React?67. How do you handle events in React?
68. What is the virtual DOM?69. What are hooks in React?
70. What is the use of
72. How do you create a context in React?73. What is Redux?
74. How do you manage state with Redux?75. What is the difference between
76. What is a higher-order component (HOC) in React?77. What are controlled and uncontrolled components?
78. How do you handle forms in React?79. What is the
80. How do you optimize performance in React applications?
### Node.js Questions81. What is Node.js?
82. What is npm?83. How do you create a Node.js server?
84. What are middleware functions in Node.js?85. What is Express.js?
86. How do you handle routing in Express.js?87. What is the difference between synchronous and asynchronous code?
88. How do you handle asynchronous operations in Node.js?89. What is the event loop in Node.js?
90. How do you work with file systems in Node.js?91. What is the purpose of the
92. How do you handle errors in Node.js?93. What are streams in Node.js?
94. How do you work with databases in Node.js?95. What is Mongoose?
96. How do you create
### HTML Questions1. What is HTML?
2. What are HTML tags?3. What is the difference between HTML and XHTML?
4. What are void elements in HTML?5. How do you create a hyperlink in HTML?
6. What are meta tags in HTML?7. What is the purpose of the
alt attribute in images?8. How do you create a table in HTML?9. What is the difference between
div and span?10. What are the semantic elements in HTML5?11. How do you include an external CSS file in an HTML document?
12. What is the purpose of the
doctype declaration?13. How do you create a form in HTML?14. What is the difference between
input types submit and button?15. How do you embed a video in an HTML document?16. What is the
canvas element used for?17. How do you use the audio tag in HTML?18. What are HTML entities?19. How do you create a list in HTML?
20. What is the
picture tag used for in HTML5?### CSS Questions21. What is CSS?
22. What is the difference between inline, internal, and external CSS?23. How do you select elements in CSS?
24. What are CSS classes and IDs?25. What is the box model in CSS?
26. How do you center a div in CSS?27. What are CSS selectors?
28. What is a pseudo-class in CSS?29. What is a pseudo-element in CSS?
30. How do you use media queries in CSS?31. What is Flexbox in CSS?
32. How do you create a grid layout in CSS?33. What is the difference between
position: relative and position: absolute?34. How do you use CSS transitions?35. What are CSS animations?
36. How do you apply styles conditionally in CSS?37. What is the
z-index property in CSS?38. How do you create responsive designs in CSS?39. What are CSS preprocessors like SASS and LESS?
40. How do you use variables in CSS?
### JavaScript Questions41. What is JavaScript?
42. What is the difference between
var, let, and const?43. What are the different data types in JavaScript?44. How do you create a function in JavaScript?45. What is the difference between function declaration and function expression?
46. What are arrow functions in JavaScript?47. What is a callback function?
48. What is the DOM?49. How do you select elements in the DOM?
50. What are events in JavaScript?51. What is event delegation?
52. What is event bubbling?53. How do you prevent the default behavior of an event?
54. What is a promise in JavaScript?55. What is
async and await in JavaScript?56. What is the difference between
== and ===?57. What is closure in JavaScript?58. What is
this keyword in JavaScript?59. How do you handle errors in JavaScript?60. What are modules in JavaScript?
### React Questions61. What is React?
62. What is JSX?63. What are components in React?
64. What is the difference between functional and class components?65. What are props in React?
66. What is state in React?67. How do you handle events in React?
68. What is the virtual DOM?69. What are hooks in React?
70. What is the use of
useState hook?71. What is the use of useEffect hook?72. How do you create a context in React?73. What is Redux?
74. How do you manage state with Redux?75. What is the difference between
useContext and useReducer?76. What is a higher-order component (HOC) in React?77. What are controlled and uncontrolled components?
78. How do you handle forms in React?79. What is the
key prop and why is it important?80. How do you optimize performance in React applications?
### Node.js Questions81. What is Node.js?
82. What is npm?83. How do you create a Node.js server?
84. What are middleware functions in Node.js?85. What is Express.js?
86. How do you handle routing in Express.js?87. What is the difference between synchronous and asynchronous code?
88. How do you handle asynchronous operations in Node.js?89. What is the event loop in Node.js?
90. How do you work with file systems in Node.js?91. What is the purpose of the
package.json file?92. How do you handle errors in Node.js?93. What are streams in Node.js?
94. How do you work with databases in Node.js?95. What is Mongoose?
96. How do you create