๐Top 40 CSS Interview questions:
Q1: Explain the three main ways to apply CSS styles to a web page. ๐
Q2: What is CSS? ๐ง
Q3: How to use variables in Sass? ๐ก
Q4: Explain CSS sprites, and how you would implement them on a page or site. ๐จ
Q5: Explain the CSS box model and the layout components that it consists of. ๐ฆ
Q6: What is a CSS rule? ๐
Q7: Explain what the @extend directive is used for in Sass? ๐
Q8: Have you played around with the new CSS Flexbox or Grid specs? ๐
Q9: What is DOM (Document Object Model) and how is it linked to CSS? ๐งฉ
Q10: What is Sass? ๐ป
Q11: What existing CSS frameworks have you used locally, or in production? How would you change/improve them? ๐
Q12: Describe floats and how they work. ๐
Q13: What is Selector Nesting in Sass used for? ๐ธ
Q14: List out the key features of Sass. โจ
Q15: What is the difference between classes and IDs in CSS? ๐
Q16: List out the data types that Sass supports. ๐
Q17: What's the difference between SCSS and Sass? ๐ค
Q18: Explain the usage of the table-layout property. ๐
Q19: What's the difference between a relative, fixed, absolute, and statically positioned element? ๐
Q20: Have you ever worked with retina graphics? If so, when and what techniques did you use? ๐
Q21: What are the advantages/disadvantages of using CSS preprocessors? โ๏ธ
Q22: How is responsive design different from adaptive design? ๐ฑ
Q23: What are CSS selectors? Name some. ๐
Q24: What does Accessibility (a11y) mean? โฟ๏ธ
Q25: What is a CSS preprocessor and why use one? ๐ป
Q26: How would you approach fixing browser-specific styling issues? ๐
Q27: Whatโs the difference between resetting and normalizing CSS? Which would you choose, and why? ๐งน
Q28: Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models. ๐ผ
Q29: Describe pseudo-elements and discuss what they are used for. ๐ป
Q30: How does CSS actually work (under the hood of the browser)? ๐
Q31: What is a Grid System in CSS? ๐
Q32: Explain the purpose of clearing floats in CSS. ๐งผ
Q33: What does * { box-sizing: border-box; } do? What are its advantages? ๐ก
Q34: Can you explain the difference between coding a website to be responsive versus using a mobile-first strategy? ๐ฑโก๏ธ๐ป
Q35: Explain the basic rules of CSS Specificity. ๐
Q36: How do you optimize your webpages for print? ๐จ
Q37: Have you ever used a grid system, and if so, what do you prefer? ๐ฒ
Q38: What are the different ways to visually hide content (and make it available only for screen readers)? ๐๐
Q39: Describe z-index and how a stacking context is formed. ๐
Q40: Is there any reason you'd want to use translate() instead of absolute positioning, or vice versa? And why? ๐
Available now on my Telegram channel: @coder_baba
๐ฒ Link in bio!
Don't miss outโhead over to the channel and grab your copy today! ๐
#CoderBaba #StudyNotes #PDFDownload #TechEducation #LearningResources #TelegramChannel
Q1: Explain the three main ways to apply CSS styles to a web page. ๐
Q2: What is CSS? ๐ง
Q3: How to use variables in Sass? ๐ก
Q4: Explain CSS sprites, and how you would implement them on a page or site. ๐จ
Q5: Explain the CSS box model and the layout components that it consists of. ๐ฆ
Q6: What is a CSS rule? ๐
Q7: Explain what the @extend directive is used for in Sass? ๐
Q8: Have you played around with the new CSS Flexbox or Grid specs? ๐
Q9: What is DOM (Document Object Model) and how is it linked to CSS? ๐งฉ
Q10: What is Sass? ๐ป
Q11: What existing CSS frameworks have you used locally, or in production? How would you change/improve them? ๐
Q12: Describe floats and how they work. ๐
Q13: What is Selector Nesting in Sass used for? ๐ธ
Q14: List out the key features of Sass. โจ
Q15: What is the difference between classes and IDs in CSS? ๐
Q16: List out the data types that Sass supports. ๐
Q17: What's the difference between SCSS and Sass? ๐ค
Q18: Explain the usage of the table-layout property. ๐
Q19: What's the difference between a relative, fixed, absolute, and statically positioned element? ๐
Q20: Have you ever worked with retina graphics? If so, when and what techniques did you use? ๐
Q21: What are the advantages/disadvantages of using CSS preprocessors? โ๏ธ
Q22: How is responsive design different from adaptive design? ๐ฑ
Q23: What are CSS selectors? Name some. ๐
Q24: What does Accessibility (a11y) mean? โฟ๏ธ
Q25: What is a CSS preprocessor and why use one? ๐ป
Q26: How would you approach fixing browser-specific styling issues? ๐
Q27: Whatโs the difference between resetting and normalizing CSS? Which would you choose, and why? ๐งน
Q28: Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models. ๐ผ
Q29: Describe pseudo-elements and discuss what they are used for. ๐ป
Q30: How does CSS actually work (under the hood of the browser)? ๐
Q31: What is a Grid System in CSS? ๐
Q32: Explain the purpose of clearing floats in CSS. ๐งผ
Q33: What does * { box-sizing: border-box; } do? What are its advantages? ๐ก
Q34: Can you explain the difference between coding a website to be responsive versus using a mobile-first strategy? ๐ฑโก๏ธ๐ป
Q35: Explain the basic rules of CSS Specificity. ๐
Q36: How do you optimize your webpages for print? ๐จ
Q37: Have you ever used a grid system, and if so, what do you prefer? ๐ฒ
Q38: What are the different ways to visually hide content (and make it available only for screen readers)? ๐๐
Q39: Describe z-index and how a stacking context is formed. ๐
Q40: Is there any reason you'd want to use translate() instead of absolute positioning, or vice versa? And why? ๐
Available now on my Telegram channel: @coder_baba
๐ฒ Link in bio!
Don't miss outโhead over to the channel and grab your copy today! ๐
#CoderBaba #StudyNotes #PDFDownload #TechEducation #LearningResources #TelegramChannel
๐1
  ๐ฅ Exclusive Offer for Video Editors! ๐ฅ
If you're looking for premium video editing tools and top-tier resource materials, this is the deal for you! ๐
๐ฅ Video Editing Software: ๐ฌ
Capcut Pro:
InShot Pro:
KineMaster Pro:
Sportify Pro:
Canva Pro:
Filmora 13 Android:
Filmora 13 + AI for PC:
Adobe Premiere Pro PC:
๐ Extra Bonuses worth โน5,000+ Editing Resources
 
โจ Features:
No watermark
All Pro features
Latest version
Lifetime validity
Desktop/Mobile
Free Bonus: Canva Pro & Sportify Pro
๐ฅ All software and resources just at Rs.199 only for Lifetime! ๐ฅ
To make your payment๐ณ,
visit: https://instamojo.com/@coderbaba
After successful payment, please send me a DM on Instagram with your payment proof to get access! ๐ฉ๐ธ
Donโt miss out on this incredible deal!
Get everything you need to take your video editing to the next level!
If you're looking for premium video editing tools and top-tier resource materials, this is the deal for you! ๐
๐ฅ Video Editing Software: ๐ฌ
Capcut Pro:
InShot Pro:
KineMaster Pro:
Sportify Pro:
Canva Pro:
Filmora 13 Android:
Filmora 13 + AI for PC:
Adobe Premiere Pro PC:
๐ Extra Bonuses worth โน5,000+ Editing Resources
โจ Features:
No watermark
All Pro features
Latest version
Lifetime validity
Desktop/Mobile
Free Bonus: Canva Pro & Sportify Pro
๐ฅ All software and resources just at Rs.199 only for Lifetime! ๐ฅ
To make your payment๐ณ,
visit: https://instamojo.com/@coderbaba
After successful payment, please send me a DM on Instagram with your payment proof to get access! ๐ฉ๐ธ
Donโt miss out on this incredible deal!
Get everything you need to take your video editing to the next level!
๐1
  Top 5 ATS Friendly Resume - ATS Score 95.docx
    35.4 KB
  ๐ CoderBaba Exclusive: ๐
Looking to land your dream job? ๐ผ Here are the Top 5 ATS-Friendly Resumes with an impressive ATS Score of 95%! ๐ฏ
These resumes are specially designed to pass Applicant Tracking Systems (ATS) with flying colors, ensuring your application stands out from the crowd. ๐
๐ What You'll Get:
Professionally formatted resumes
Optimized for ATS software
Editable templates for easy customization
High-impact design to impress recruiters
Don't miss out! Boost your chances of getting hired today! ๐ช
Looking to land your dream job? ๐ผ Here are the Top 5 ATS-Friendly Resumes with an impressive ATS Score of 95%! ๐ฏ
These resumes are specially designed to pass Applicant Tracking Systems (ATS) with flying colors, ensuring your application stands out from the crowd. ๐
๐ What You'll Get:
Professionally formatted resumes
Optimized for ATS software
Editable templates for easy customization
High-impact design to impress recruiters
Don't miss out! Boost your chances of getting hired today! ๐ช
๐2
  ๐ Top 10 GitHub Repositories Every Web Developer Should Know ๐
1๏ธโฃ Web Developer Roadmap: https://github.com/kamranahmedse/developer-roadmap
2๏ธโฃ 30 Seconds of Code: https://github.com/30-seconds/30-seconds-of-code
3๏ธโฃ Awesome Cheatsheets: https://github.com/LeCoupa/awesome-cheatsheets
4๏ธโฃ CSS Protips: https://github.com/AllThingsSmitty/css-protips
5๏ธโฃ 33 JS Concepts: https://github.com/leonardomso/33-js-concepts
6๏ธโฃ You Donโt Know JS (2nd Edition): https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed
7๏ธโฃ Front-End Checklist: https://github.com/thedaviddias/Front-End-Checklist
8๏ธโฃ JavaScript Questions: https://github.com/lydiahallie/javascript-questions
9๏ธโฃ Clean Code JavaScript: https://github.com/ryanmcdermott/clean-code-javascript
Join our community for more resources like these: https://t.me/coder_baba ๐
#WebDevelopment #CodingLife #GitHub #JavaScript #CSS #FrontendDeveloper #CleanCode #Programming #CoderBaba #DeveloperResources ๐๐จโ๐ป
1๏ธโฃ Web Developer Roadmap: https://github.com/kamranahmedse/developer-roadmap
2๏ธโฃ 30 Seconds of Code: https://github.com/30-seconds/30-seconds-of-code
3๏ธโฃ Awesome Cheatsheets: https://github.com/LeCoupa/awesome-cheatsheets
4๏ธโฃ CSS Protips: https://github.com/AllThingsSmitty/css-protips
5๏ธโฃ 33 JS Concepts: https://github.com/leonardomso/33-js-concepts
6๏ธโฃ You Donโt Know JS (2nd Edition): https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed
7๏ธโฃ Front-End Checklist: https://github.com/thedaviddias/Front-End-Checklist
8๏ธโฃ JavaScript Questions: https://github.com/lydiahallie/javascript-questions
9๏ธโฃ Clean Code JavaScript: https://github.com/ryanmcdermott/clean-code-javascript
Join our community for more resources like these: https://t.me/coder_baba ๐
#WebDevelopment #CodingLife #GitHub #JavaScript #CSS #FrontendDeveloper #CleanCode #Programming #CoderBaba #DeveloperResources ๐๐จโ๐ป
๐2
  What types of SQL commands (or SQL subsets) do you know?
Data Definition Language (DDL) โ to define and modify the structure of a database.
Data Manipulation Language (DML) โ to access, manipulate, and modify data in a database.
Data Control Language (DCL) โ to control user access to the data in the database and give or revoke privileges to a specific user or a group of users.
Transaction Control Language (TCL) โ to control transactions in a database.
Data Query Language (DQL) โ to perform queries on the data in a database to retrieve the necessary information from it.
examples of common SQL commands
DDL: CREATE, ALTER TABLE, DROP, TRUNCATE, and ADD COLUMN
DML: UPDATE, DELETE, and INSERT
DCL: GRANT and REVOKE
TCL: COMMIT, SET TRANSACTION, ROLLBACK, and SAVEPOINT
DQL: โ SELECT
Data Definition Language (DDL) โ to define and modify the structure of a database.
Data Manipulation Language (DML) โ to access, manipulate, and modify data in a database.
Data Control Language (DCL) โ to control user access to the data in the database and give or revoke privileges to a specific user or a group of users.
Transaction Control Language (TCL) โ to control transactions in a database.
Data Query Language (DQL) โ to perform queries on the data in a database to retrieve the necessary information from it.
examples of common SQL commands
DDL: CREATE, ALTER TABLE, DROP, TRUNCATE, and ADD COLUMN
DML: UPDATE, DELETE, and INSERT
DCL: GRANT and REVOKE
TCL: COMMIT, SET TRANSACTION, ROLLBACK, and SAVEPOINT
DQL: โ SELECT
๐2
  ๐4
  MERN Stack Developer Roadmap 2024:
Step 1: ๐ Master Web Basics
Step 2: ๐ฅ HTML/CSS Proficiency
Step 3: โจ Deep Dive into JavaScript
Step 4: ๐ Version Control with Git
Step 5: ๐ Node.js for Server-Side
Step 6: ๐ Express.js for Routing
Step 7: ๐ฆ NPM for Package Management
Step 8: ๐ MongoDB for Databases
Step 9: ๐ React.js for Frontend
Step 10: ๐ Implement Security (JWT)
Step 11: ๐ App Deployment (Heroku, Netlify)
Step 12: ๐ณ Docker Basics
Step 13: โ๏ธ Explore Cloud Services
Step 14: ๐ CI/CD with GitHub Actions
Step 15: ๐งช Testing with Jest
Step 16: ๐ API Documentation
Step 17: ๐ข Build a Portfolio
Step 18: ๐ผ Resume Crafting
Step 19: ๐ Interview Preparation
Step 20: ๐ Job Hunting Strategy
Join @coder_baba
Step 1: ๐ Master Web Basics
Step 2: ๐ฅ HTML/CSS Proficiency
Step 3: โจ Deep Dive into JavaScript
Step 4: ๐ Version Control with Git
Step 5: ๐ Node.js for Server-Side
Step 6: ๐ Express.js for Routing
Step 7: ๐ฆ NPM for Package Management
Step 8: ๐ MongoDB for Databases
Step 9: ๐ React.js for Frontend
Step 10: ๐ Implement Security (JWT)
Step 11: ๐ App Deployment (Heroku, Netlify)
Step 12: ๐ณ Docker Basics
Step 13: โ๏ธ Explore Cloud Services
Step 14: ๐ CI/CD with GitHub Actions
Step 15: ๐งช Testing with Jest
Step 16: ๐ API Documentation
Step 17: ๐ข Build a Portfolio
Step 18: ๐ผ Resume Crafting
Step 19: ๐ Interview Preparation
Step 20: ๐ Job Hunting Strategy
Join @coder_baba
๐3๐ซก1
  ๐ป Ultimate PC Build for High-End Gaming and Coding! ๐ฎ๐ป
๐ Looking to build the perfect PC for both gaming and coding? We've got you covered! Hereโs a list of top-tier components that will power your rig to handle the most demanding games and intensive coding sessions. Check out this ultimate build:
๐ง PC Build Components:
Motherboard :
MSI - MAG B650 Tomahawk WIFI
(Socket AM5) AMD B650 ATX DDR5 Wi-Fi 6E Motherboard ๐ฅ
Graphics Card :
MSI - NVIDIA GeForce RTX 4070 SUPER 12GB VENTUS 3X OC
12GB GDDR6X PCI Express 4.0 Graphics Card - Black ๐จ
Processor :
AMD - Ryzen 7 7800X3D 8-Core - 16-Thread
4.2 GHz (5.0 GHz Max Boost) Socket AM5 Unlocked Desktop Processor โ๏ธ
Storage :
Samsung - 990 PRO 2TB Internal SSD
PCle Gen 4x4 NVMe ๐พ
Memory :
CORSAIR - VENGEANCE RGB 32GB (2x16GB) DDR5 6000MHz C36
UDIMM Desktop Memory ๐ง
Case :
CORSAIR - iCUE 4000D RGB AIRFLOW ATX
Mid-Tower Case ๐
Power Supply :
CORSAIR - RMx Series RM850x
80 PLUS Gold Fully Modular ATX Power Supply ๐
๐ฅ This setup ensures blazing-fast performance, smooth multitasking, and stunning graphics. Perfect for hardcore gamers and serious coders alike! Ready to build your dream machine? Letโs get started! ๐ช
๐ Follow @Coder_Baba for more tech tips and tricks, and donโt forget to share your build with us! โจ
๐ Hashtags:
#GamingPC #CodingRig #PCBuild #HighEndPC #Ryzen7800X3D #RTX4070Super #MSI #Corsair #PCMasterRace #TechSetup #BuildYourPC #TechSavvy #GamerLife #PCGaming #CoderBaba
๐ Looking to build the perfect PC for both gaming and coding? We've got you covered! Hereโs a list of top-tier components that will power your rig to handle the most demanding games and intensive coding sessions. Check out this ultimate build:
๐ง PC Build Components:
Motherboard :
MSI - MAG B650 Tomahawk WIFI
(Socket AM5) AMD B650 ATX DDR5 Wi-Fi 6E Motherboard ๐ฅ
Graphics Card :
MSI - NVIDIA GeForce RTX 4070 SUPER 12GB VENTUS 3X OC
12GB GDDR6X PCI Express 4.0 Graphics Card - Black ๐จ
Processor :
AMD - Ryzen 7 7800X3D 8-Core - 16-Thread
4.2 GHz (5.0 GHz Max Boost) Socket AM5 Unlocked Desktop Processor โ๏ธ
Storage :
Samsung - 990 PRO 2TB Internal SSD
PCle Gen 4x4 NVMe ๐พ
Memory :
CORSAIR - VENGEANCE RGB 32GB (2x16GB) DDR5 6000MHz C36
UDIMM Desktop Memory ๐ง
Case :
CORSAIR - iCUE 4000D RGB AIRFLOW ATX
Mid-Tower Case ๐
Power Supply :
CORSAIR - RMx Series RM850x
80 PLUS Gold Fully Modular ATX Power Supply ๐
๐ฅ This setup ensures blazing-fast performance, smooth multitasking, and stunning graphics. Perfect for hardcore gamers and serious coders alike! Ready to build your dream machine? Letโs get started! ๐ช
๐ Follow @Coder_Baba for more tech tips and tricks, and donโt forget to share your build with us! โจ
๐ Hashtags:
#GamingPC #CodingRig #PCBuild #HighEndPC #Ryzen7800X3D #RTX4070Super #MSI #Corsair #PCMasterRace #TechSetup #BuildYourPC #TechSavvy #GamerLife #PCGaming #CoderBaba
๐1
  SQL interview questions:
1. What is the purpose of the GROUP BY clause in SQL? Provide an example.
2. Explain the difference between an INNER JOIN and a LEFT JOIN with examples.
3. Discuss the role of the WHERE clause in SQL queries and provide examples of its usage.
4. Explain the concept of database transactions and the ACID properties.
5. Describe the benefits of using subqueries in SQL and provide a scenario where they would be useful.
6. Discuss the differences between the CHAR and VARCHAR data types in SQL.
7. Explain the purpose of the ORDER BY clause in SQL queries and provide examples.
8. Describe the importance of data integrity constraints such as NOT NULL, UNIQUE, and CHECK constraints in SQL databases.
9. Discuss the advantages and disadvantages of using stored procedures
Explain the difference between an aggregate function and a scalar function in SQL, with examples.
10. Discuss the role of the COMMIT and ROLLBACK statements in SQL transactions.
11. Explain the purpose of the LIKE operator in SQL and provide examples of its usage.
12. Describe the concept of normalization forms (1NF, 2NF, 3NF) and why they are important in database design.
13. Discuss the differences between a clustered and non-clustered index in SQL.
14. Explain the concept of data warehousing and how it differs from traditional relational databases.
15. Describe the benefits of using database triggers and provide examples of their usage.
16. Discuss the concept of database concurrency control and how it is achieved in SQL databases.
17. Explain the role of the SELECT INTO statement in SQL and provide examples of its usage.
18. Describe the differences between a database view and a materialized view in SQL.
19. Discuss the advantages of using parameterized queries in SQL applications.
20. Write a query to retrieve all employees who have a salary greater than $100,000.
21. Create a query to display the total number of orders placed in the last month.
22. Write a query to find the average order value for each customer.
23. Create a query to count the number of distinct products sold in the past week.
24. Write a query to find the top 10 customers with the highest total order amount.
1. What is the purpose of the GROUP BY clause in SQL? Provide an example.
2. Explain the difference between an INNER JOIN and a LEFT JOIN with examples.
3. Discuss the role of the WHERE clause in SQL queries and provide examples of its usage.
4. Explain the concept of database transactions and the ACID properties.
5. Describe the benefits of using subqueries in SQL and provide a scenario where they would be useful.
6. Discuss the differences between the CHAR and VARCHAR data types in SQL.
7. Explain the purpose of the ORDER BY clause in SQL queries and provide examples.
8. Describe the importance of data integrity constraints such as NOT NULL, UNIQUE, and CHECK constraints in SQL databases.
9. Discuss the advantages and disadvantages of using stored procedures
Explain the difference between an aggregate function and a scalar function in SQL, with examples.
10. Discuss the role of the COMMIT and ROLLBACK statements in SQL transactions.
11. Explain the purpose of the LIKE operator in SQL and provide examples of its usage.
12. Describe the concept of normalization forms (1NF, 2NF, 3NF) and why they are important in database design.
13. Discuss the differences between a clustered and non-clustered index in SQL.
14. Explain the concept of data warehousing and how it differs from traditional relational databases.
15. Describe the benefits of using database triggers and provide examples of their usage.
16. Discuss the concept of database concurrency control and how it is achieved in SQL databases.
17. Explain the role of the SELECT INTO statement in SQL and provide examples of its usage.
18. Describe the differences between a database view and a materialized view in SQL.
19. Discuss the advantages of using parameterized queries in SQL applications.
20. Write a query to retrieve all employees who have a salary greater than $100,000.
21. Create a query to display the total number of orders placed in the last month.
22. Write a query to find the average order value for each customer.
23. Create a query to count the number of distinct products sold in the past week.
24. Write a query to find the top 10 customers with the highest total order amount.
๐1
  