[go: up one dir, main page]
Scribd
Upload
2 views2 pages

1.0 HTML CSS Front End Interview Questions

The document provides a comprehensive overview of HTML, CSS, and JavaScript concepts essential for front-end development. It covers topics such as HTML structure, CSS styling techniques, and JavaScript functionalities, including DOM manipulation and asynchronous programming. Additionally, it addresses responsive design, accessibility, and performance optimization best practices.

Uploaded by

Leslie Qwer
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views2 pages

1.0 HTML CSS Front End Interview Questions

The document provides a comprehensive overview of HTML, CSS, and JavaScript concepts essential for front-end development. It covers topics such as HTML structure, CSS styling techniques, and JavaScript functionalities, including DOM manipulation and asynchronous programming. Additionally, it addresses responsive design, accessibility, and performance optimization best practices.

Uploaded by

Leslie Qwer
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML CSS

1. HTML Definition and Purpose 26. CSS Definition and Purpose


2. HTML Tags and Attributes 27. CSS Selectors
3. Block-Level vs Inline Elements 28. CSS Specificity and Inheritance
4. Semantic HTML Elements 29. CSS Box Model
5. Document Object Model (DOM) 30. Differences Between Classes and IDs
6. HTML5 vs HTML4 Features 31. Applying CSS (Inline, Internal, External)
7. Creating Hyperlinks (<a> tag) 32. CSS Positioning (Static, Relative, Absolute, Fixed,
8. HTML Forms and Form Elements (<input>, Sticky)
<textarea>, <button>) 33. CSS Flexbox Layout
34. CSS Grid Layout
9. Embedding Multimedia Elements (<audio>, <video>,
35. CSS Display Property
<embed>) 36. CSS Pseudo-classes and Pseudo-elements
10. Data Attributes (data-* attributes) 37. CSS Transitions and Animations
11. Creating Tables (<table>, <tr>, <td>, <th>) 38. CSS Media Queries for Responsive Design
12. <meta> Tag and Its Purpose 39. Differences Between display: none and
13. <div> vs <span> visibility: hidden
14. <iframe> Tag Usage 40. CSS float Property and Clearfix
15. Including External Resources (CSS, JS) 41. CSS Z-index and Stacking Context
16. alt Attribute in Images 42. CSS Units (px, em, rem, %, vw, vh)
17. Creating Lists (<ul>, <ol>, <dl>) 43. CSS Variables (Custom Properties)
18. New HTML5 Form Elements (<datalist>, <keygen>, 44. CSS box-sizing Property
<output>) 45. CSS Combinators (Descendant, Child, Adjacent
Sibling, General Sibling)
19. <canvas> Element for Graphics
46. CSS Sprites
20. <script>, <noscript>, and <template> Tags 47. Centering Elements Horizontally and Vertically
21. Global Attributes (id, class, style, title) 48. CSS Preprocessors (SASS, LESS)
22. <section> vs <div> 49. Including Custom Fonts (@font-face, Google
23. Responsive Layouts with HTML (meta viewport) Fonts)
24. <!DOCTYPE html> Declaration 50. Handling Browser Compatibility (Vendor Prefixes,
25. Handling Broken Images (onerror attribute) Feature Queries, Polyfills)

Front end

1. HTML Definition and Purpose 34. <div> vs <span> 67. <!DOCTYPE html> Declaration
2. CSS Selectors 35. CSS Media Queries for 68. Including Custom Fonts
3. JavaScript Functions and Responsive Design (@font-face, Google Fonts)
Scope 36. JavaScript Array Methods (map, 69. JavaScript Date and Time
4. Block-Level vs Inline Elements filter, reduce, etc.) 70. Handling Broken Images
5. CSS Specificity and 37. <iframe> Tag Usage (onerror attribute)
Inheritance 38. Differences Between display: 71. Handling Browser Compatibility
6. Data Types and Variables
none and visibility: hidden (Vendor Prefixes, Feature
7. Semantic HTML Elements
39. JavaScript Callbacks Queries, Polyfills)
8. CSS Box Model
40. Including External Resources 72. JavaScript Math and Number
9. ES6 Features (let, const, arrow
(CSS, JS) Methods
functions, template literals,
41. CSS float Property and Clearfix 73. CSS Frameworks (Bootstrap,
etc.)
42. AJAX and Fetch API Foundation)
10. Document Object Model
43. alt Attribute in Images 74. JavaScript Definition and Purpose
(DOM)
75. CSS-in-JS (Styled-components,
11. Differences Between Classes 44. CSS Z-index and Stacking Context
Emotion)
and IDs 45. JavaScript Event Loop and
76. Front-End Build Tools (Webpack,
12. JavaScript Arrays and Objects Concurrency Model
Gulp, Grunt)
13. HTML5 vs HTML4 Features 46. Creating Lists (<ul>, <ol>, <dl>)
77. Version Control with Git
14. Applying CSS (Inline, Internal, 47. CSS Units (px, em, rem, %, vw, 78. Package Managers (npm, Yarn)
External) vh) 79. Front-End Testing (Jest, Mocha,
15. DOM Manipulation with 48. JavaScript Local Storage and Chai)
JavaScript Session Storage 80. Responsive Design Principles
16. Creating Hyperlinks (<a> tag) 49. New HTML5 Form Elements 81. Progressive Web Apps (PWAs)
17. CSS Positioning (Static, (<datalist>, <keygen>, 82. Single Page Applications (SPAs)
Relative, Absolute, Fixed, <output>) 83. RESTful APIs and JSON
Sticky) 50. CSS Variables (Custom 84. GraphQL Basics
18. Event Handling in JavaScript Properties) 85. Web Performance Optimization
19. HTML Forms and Form 51. JSON Parsing and Stringification 86. Cross-Browser Compatibility
Elements (<input>, 52. <canvas> Element for Graphics Issues
<textarea>, <button>) 53. CSS box-sizing Property 87. Browser DevTools Usage
20. CSS Flexbox Layout 54. JavaScript Regular Expressions 88. Accessibility Best Practices
21. JavaScript Promises and 55. <script>, <noscript>, and 89. Web Security Basics (CORS,
Async/Await <template> Tags XSS, CSRF)
22. Embedding Multimedia 90. SEO Basics for Developers
56. CSS Combinators (Descendant,
Elements (<audio>, 91. Code Versioning Best Practices
Child, Adjacent Sibling, General
<video>, <embed>) 92. CI/CD Pipelines
Sibling)
93. Front-End Performance Testing
23. CSS Grid Layout 57. JavaScript Hoisting
94. Front-End Component Libraries
24. JavaScript Closures 58. Global Attributes (id, class,
(React, Angular, Vue)
25. Data Attributes (data-* style, title) 95. State Management in Front-End
attributes) 59. CSS Sprites Frameworks (Redux, Vuex)
26. CSS Display Property 60. JavaScript this Keyword 96. Web Sockets and Real-Time
27. JavaScript Prototypes and 61. <section> vs <div> Communication
Inheritance 97. Service Workers and Web
62. Centering Elements Horizontally
28. Creating Tables (<table>, and Vertically Workers
<tr>, <td>, <th>) 63. JavaScript Spread and Rest 98. Client-Side Routing (React
29. CSS Pseudo-classes and Operators Router, Vue Router)
Pseudo-elements 64. Responsive Layouts with HTML 99. HTML Semantic Elements
30. Error Handling in JavaScript (meta viewport) 100.CSS Grid vs Flexbox
31. <meta> Tag and Its Purpose 65. CSS Preprocessors (SASS,
32. CSS Transitions and LESS)
Animations 66. JavaScript Destructuring
33. JavaScript Modules Assignment
(import/export)

You might also like