Photon Technologies Senior Software Engineer Interview Questions and Answers

Angular is a complete rewrite of AngularJS with improved performance and features.

• Angular is a TypeScript-based framework while AngularJS is a JavaScript-based framework.

• Angular has a more component-based architecture while AngularJS uses a controller-based architecture.

• Angular has better performance and improved features like server-side rendering and lazy loading.

• Modules in Angular are used to organize code into sepa...read more

Routing is the process of selecting a path for network traffic. It is used to direct users to different pages in a web application.

• Routing is used in web development to navigate between different pages or views in a web application

• It involves defining routes and mapping them to specific components or views

• Routing can be used to pass parameters and data between different components

• Component services are reusable service...read more

Lazy loading is a technique to defer loading of non-critical resources until they are needed.

• Lazy loading improves page load time and performance.

• It is commonly used for images, videos, and other media files.

• To call HTTP requests from one component to another, we can use Angular's HttpClient service.

• We can inject the HttpClient service in the constructor of the component and use its methods to make HTTP requests.

• We can...read more

Data can be transferred between components using props, state, context, or Redux.

• Props: pass data from parent to child components

• State: manage data within a component

• Context: share data between components without passing props

• Redux: manage global state for the entire application

• Examples: passing user data from a login component to a dashboard component using props, managing form data within a component using state, sha...read more

Inline elements are elements that do not start on a new line and only take up as much width as necessary. Block elements are elements that start on a new line and take up the full width available.

• Inline elements include <span>, <a>, <strong>, <em>, <img>, <input>, <button>

• Block elements include <div>, <p>, <h1> - <h6>, <ul>, <ol>, <li>,...read more

Semantic tags in HTML are special tags that provide meaning and structure to the content, making it easier for search engines and screen readers to understand.

• Semantic tags help define the structure of a web page, such as <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, etc.

• They improve accessibility by providing context to screen readers and assistive technolo...read more