Sterling & Wilson Interview Questions and Answers

To manage conflicting JavaScript on a page, we can use various techniques like namespacing, modularization, and event delegation.

• Use namespacing to encapsulate code and prevent conflicts

• Modularize code into smaller, reusable components

• Use event delegation to handle events on dynamically loaded elements

• Avoid global variables and use local scopes

• Use a JavaScript module bundler like Webpack to manage dependencies

Display block takes up full width, table inline behaves like a table cell, and inline block allows for inline elements with block-level properties.

• Display block: Takes up full width, starts on a new line

• Table inline: Behaves like a table cell, does not start on a new line

• Inline block: Allows for inline elements with block-level properties

You can use CSS to make a word look italic without using the tag.

• Use the CSS property 'font-style: italic;' to make the word italic.

• Apply the 'font-style' property to the desired element or class.

• Example: .italic-word { font-style: italic; }

Use CSS flexbox to manage blocks with same height

• Apply display: flex; to the container element

• Set flex-grow: 1; on each block to make them expand equally

• Use overflow: auto; to handle excessive content within a block

Media queries are CSS techniques used to apply different styles based on the characteristics of the device or viewport.

• Media queries allow us to create responsive designs that adapt to different screen sizes and devices.

• Bootstrap CSS provides a responsive grid system and predefined media queries to make it easier to create responsive web designs.

• We can use Bootstrap's CSS classes like 'col-md-6' to define different layouts for different screen sizes.

• Media queries can be writt...read more

To manage bootstrap default CSS with your code, you can override or customize the default styles using your own CSS.

• Use custom CSS classes to override specific styles

• Modify the Bootstrap variables to customize the default styles

• Create a separate CSS file to add your own styles and include it after the Bootstrap CSS file

• Use !important to prioritize your custom styles over Bootstrap styles

The current version of Bootstrap is 5.1.0.

• Bootstrap 5.1.0 is the latest version as of now.

• It was released on August 19, 2021.

• Bootstrap 5 is a popular front-end framework for building responsive websites and web applications.

• It provides a wide range of pre-built components and utilities for faster and easier web development.

• Some of the key features of Bootstrap 5 include a new grid system, updated form controls, and improved customization options.