Frontend Developer Interview Preparation That Helped Me Get Multiple Offers

Preparing for interviews can be overwhelming, especially when you have a full-time job alongside. While there are plenty of resources available online, it is quite difficult to decide where to begin, how to cover different aspects of interviewing, and know when you are ready to face the real interview.

In this article, I’ll share some frequently asked Frontend interview questions from different interviews for programmers at different levels of experience.

“If my life is HTML then you are the CSS to design it awesome”

Part 1 consists of HTML-CSS questions.

1. What are semantic elements and explain a few of them? What are their advantages?
2. What is doctype used for?
3. What is DOM?
4. What are media queries and explain them in detail?
5. Different types of storage (local storage, session storage, cookies)and which one is the best way to store data?
6. Create a simple login form and add validations on the password?
7. What are different types of script tags? (async,defer)
8. What is SEO? Explain steps
9. Explain CSS pseudo-selectors and pseudo-elements.
10. Explain box-model
11. What is flexbox and explain their properties?
12. Difference between transition and transform property in CSS.
13. What is Mobile-First Approach and Desktop First approach and which one you follow and why?
14. Units in CSS.Difference between absolute, relative, and fixed?
15. Write a piece of code to center div.
16. How we can achieve smooth scrolling
17. What is specificity in CSS? Explain in detail
18. What is a responsive web design and how we can achieve that
19. What do you mean by metatag? And why initial value =1.0 written?
20. Difference between justify-content vs align-items.
21. Difference between id and class selectors
22. DOM manipulation.
23. How will you decide when to use a button or tag?
24. Why CSS is important?
25. What are some of the things you would test while doing accessibility testing?
26. Make a bouncing ball entirely with help of CSS.
27. In how many ways can CSS be integrated?
28. How the browser renders HTML and CSS ? Explain in detail.

Tip : Make a responsive website with HTML/CSS that will help you to gain more knowledge.

Projects to try out even if you just know HTML and CSS

1. A tribute page(Write a tribute of someone you admire and publish as a web page. Add images, links, lists, and paragraphs.
2. Google.com page with icons, google’s logo, a text-box, and two buttons.
3. A survey form(testing your skills on all types of inputs)
4. Apply Modern CSS Theming to an Existing Site.
5. Understand and implement flexbox NavBars

“The more you practice the better you get.”

If you need any kind of help related to this you can ping me on https://www.linkedin.com/in/riya-jain-6691b8127/ and I will be happy to share my knowledge with you all.

Part 2 will be of JavaScript Related Questions.

Checkout link:https://riya-rj-jain.medium.com/cracking-frontend-developer-interview-part-2-fef60df3d919