Skip to content

Instantly share code, notes, and snippets.

View zakeer's full-sized avatar
🏠
Working from home

Zakeer Hussain zakeer

🏠
Working from home
  • Hyderabad, India
View GitHub Profile
{
"basics": {
"name": "Syed Zakeer",
"label": "Programmer",
"image": "",
"email": "john@gmail.com",
"phone": "(912) 555-4321",
"url": "https://johndoe.com",
"summary": "A summary of John Doe…",
"location": {
Syed Zakeer Hussain, I am from Guntur
Zakeer Hussain

Create a Product object constructor

Consider your developing an online store.

An online store could create an object constructor for a Product, which would allow them to create instances of different products that they sell.

Each instance of a Product object could have properties such as

  • name,
  • price,
  • description.

React Bootcamp

Week 1 - Basic HTML and CSS

Day 1:

  • Introduction to HTML
  • Setting up the Environment
  • Basic HTML structure, elements, tags
@zakeer
zakeer / dynamic-url-search-params.md
Created December 12, 2024 04:26
Dynamic URL Seach Params update without reloading

To modify the URL search parameters in JavaScript without triggering a page reload, the URLSearchParams interface and the history.pushState() method can be used. Here's how:

• Get current URL parameters: Access the current URL's search parameters using window.location.search and create a URLSearchParams object.

const urlParams = new URLSearchParams(window.location.search);

• Modify the parameters: Use methods like set(), append(), or delete() on the URLSearchParams object to modify the desired parameters.

What happens when you type google.com in your browser and hit enter?

Imagine you're sending a letter to a friend named Google who lives at "google.com". You need to find their address first, right? That's what happens when you type "google.com" in your browser.

1. Finding Google's Address (DNS Lookup)

graph LR
    A[Browser] --> B{Cache};
    B -- Hit --> C[IP Address];
 B -- Miss --> D[Operating System];

1. Tell me a little about yourself.

Answer:
"I'm a Frontend Engineer with 3.4 years of experience in building user-centric web applications. I specialize in React, Redux, and NextJS, focusing on crafting responsive and high-performance UIs. I enjoy transforming design ideas into functional interfaces while ensuring web accessibility, performance optimization, and seamless frontend-backend integration. I’m passionate about writing clean, maintainable code and constantly improving user experience."


2. Describe your current role and responsibilities.

Answer:
"Currently, I work as a Frontend Engineer at Trangla Innovations. My role involves designing and developing dynamic UI components from Figma designs, optimizing application performance, and integrating server-side logic for seamless user experiences. I collaborate closely with backend engineers to ensure smooth data workflows and follow best practices for testing and code quality."

1. Tell me a little about yourself.

Answer:
"I'm a Frontend Engineer with 2.8 years of experience in designing and developing scalable web applications. My expertise lies in React, Redux, and Next.js, and I have a strong background in optimizing UI performance and integrating backend services. I have worked on major projects for T-Mobile and TalkTalk, where I built high-performance applications, improved UI responsiveness, and contributed to full-stack development. I’m passionate about writing clean, maintainable code and ensuring an excellent user experience."


2. Describe your current role and responsibilities.

Answer:
"As a React Developer, I focus on designing and implementing user interfaces that are responsive, performant, and accessible. My responsibilities include:

  • Developing interactive UI components using React, Redux, and Next.js

HTML technical interview questions and answers.


1. What is HTML, and why is it important?

Answer:
HTML (HyperText Markup Language) is the standard language used to create web pages. It structures content using elements like headings, paragraphs, lists, links, and images. HTML is essential because:

  • It provides the basic structure of web pages.
  • Works with CSS for styling and JavaScript for interactivity.
  • Ensures content is accessible and SEO-friendly.