Coding Expert
Closed channel
6 504
Subscribers
No data24 hours
No data7 days
No data30 days
Posts Archive
6 504
Here are some common frontend interview questions along with brief answers:
1. What is the DOM (Document Object Model)?
- Answer: The DOM is a programming interface for web documents. It represents the structure of a web page and allows scripts to dynamically access and update the content, structure, and style of a webpage.
2. Explain the difference between
null and undefined in JavaScript.
- Answer: null represents the intentional absence of any object value, while undefined represents a variable that has been declared but has not been assigned a value.
3. What are closures in JavaScript?
- Answer: Closures are functions that remember the scope in which they were created, even after that scope has exited. They have access to variables from their containing function's scope.
4. Describe the differences between CSS Grid and Flexbox.
- Answer: CSS Grid is a two-dimensional layout system, while Flexbox is one-dimensional. Grid is used for overall layout structure, while Flexbox is ideal for distributing space and aligning items within a container along a single axis.
5. What is responsive web design, and how do you achieve it?
- Answer: Responsive web design is an approach to design and coding that makes web pages render well on various devices and screen sizes. Achieve it through media queries, flexible grids, and fluid images.
6. Explain the "box model" in CSS.
- Answer: The box model describes how elements on a web page are rendered. It consists of content, padding, border, and margin, and these properties determine the element's total size.
7. How does the event delegation work in JavaScript?
- Answer: Event delegation is a technique where you attach a single event listener to a common ancestor of multiple elements instead of attaching listeners to each element individually. Events that bubble up from child elements can be handled by the ancestor.
8. What is the purpose of the localStorage and sessionStorage objects in JavaScript?
- Answer: Both localStorage and sessionStorage allow you to store key-value pairs in a web browser. The key difference is that data stored in localStorage persists even after the browser is closed, whereas data in sessionStorage is cleared when the session ends (e.g., when the browser is closed).
9. Explain the same-origin policy in the context of web security.
- Answer: The same-origin policy is a security measure that restricts web pages from making requests to a different domain (protocol, port, or host) than the one that served the web page. It helps prevent cross-site request forgery (CSRF) and other security vulnerabilities.
10. What are the benefits of using a CSS preprocessor like Sass or Less?
- Answer: CSS preprocessors provide benefits such as variables, nesting, functions, and mixins, which enhance code reusability, maintainability, and organization. They allow you to write cleaner and more efficient CSS.
✅ Join For More : @codingexpert1426 504
❤️ Ma Durga Face Using Python
from turtle import*
bgcolor("white")
def pos(x,y):
penup()
goto(x,y)
pendown()
pos(0,200)
begin_fill()
circle(40)
color("red")
end_fill()
#left eyebrow
color("black")
pos(-30,200)
begin_fill()
right(45)
for i in range(20):
left(3)
back(10)
for i in range(10):
right(3)
back(10)
right(18)
for i in range(13):
left(3)
forward(10)
for i in range(20):
right(2)
forward(10)
end_fill()
# right eyebrow
left(80)
pos(30,200)
begin_fill()
for i in range(20):
right(3)
forward(10)
for i in range(10):
left(3)
forward(10)
left(18)
for i in range(13):
right(3)
back(10)
for i in range(20):
left(2)
back(10)
end_fill()
# right eye
pos(40,150)
pensize(15)
left(10)
for i in range(20):
right(3)
forward(10)
for i in range(10):
left(3)
forward(5)
right(3)
for i in range(10):
left(3)
back(5)
for i in range(20):
right(3)
back(10)
pensize(1)
pos(130,130)
begin_fill()
circle(40)
end_fill()
color('white')
begin_fill()
pos(115,175)
circle(10)
end_fill()
# left eye
pos(-40,150)
color('black')
pensize(15)
right(25)
for i in range(20):
left(3)
back(10)
for i in range(10):
right(3)
back(5)
left(3)
for i in range(10):
right(3)
forward(5)
for i in range(20):
left(3)
forward(10)
pensize(1)
pos(-130,130)
begin_fill()
circle(40)
end_fill()
color('white')
begin_fill()
pos(-155,175)
circle(10)
end_fill()
# nose
color('black')
pos(-60,10)
right(70)
for i in range(5,12):
pensize(i)
left(7)
forward(10)
for i in range(12,5,-1):
pensize(i)
left(7)
forward(10)
# lips
color("red")
begin_fill()
pos(-130,-90)
pensize(1)
begin_fill()
right(60)
for i in range(3):
left(3)
forward(5)
for i in range(10):
left(4)
forward(6)
for i in range(10):
right(10)
forward(7)
left(135)
for i in range(10):
right(10)
forward(7)
right(2)
for i in range(10):
left(4)
forward(6)
for i in range(3):
left(3)
forward(5)
right(160)
for i in range(12):
right(3)
forward(7.2)
left(44)
for i in range(15):
right(5.5)
forward(7)
left(44)
for i in range(12):
right(3)
forward(7)
end_fill()
# lower lip
begin_fill()
left(175)
for i in range(14):
left(2)
forward(5)
right(45)
for i in range(14):
left(7)
forward(10)
right(45)
for i in range(14):
left(3)
forward(5)
right(185)
for i in range(7):
left(3)
forward(10)
right(0.6)
for i in range(18):
right(6)
forward(10)
right(8)
for i in range(7):
left(3)
forward(10)
end_fill()
# nose ring
pensize(12)
color("goldenrod")
pos(30,0)
left(120)
for i in range(47):
right(7)
back(10)
hideturtle()
done()
✅ Join For More: @codingexpert1426 504
❤️ Mata Rani Face Using Python 🐍
Give 30 ❤️ love reaction then i will give its Source Code
Join : @codingexpert1426 504
✅ Now Take Your Votes Fast ⏩
Poll Links 🔗
https://t.me/codingexpert142/1220
https://t.me/codingexpert142/1221
🎯 Target: 135 Votes
🕔 Voting Duration: 26 Hours
❌ Poll Over : 14 Oct at 6:00 PM
6 504
👨💻 Certified Ethical Hacking Course Giveaway ✅
👉 Giveaway Type: Voting
💸 Real Price : ₹1,00,000
🔰 Drop Your Name Here : @CodingExpertGiveawaysbot
Giveway On This Channel 💪
@codingexpert142
6 504
Funny but fact of our life.
Don't think about degree's or certificates just increase your practical skills.
