<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sameer Faridi</title>
    <description>The latest articles on DEV Community by Sameer Faridi (@sameerkali).</description>
    <link>https://dev.to/sameerkali</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1139580%2F89375dfc-f589-4d3a-8eb0-c5948ffff295.jpeg</url>
      <title>DEV Community: Sameer Faridi</title>
      <link>https://dev.to/sameerkali</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sameerkali"/>
    <language>en</language>
    <item>
      <title>List of Top recently funded startups in India</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Fri, 26 Jan 2024 07:32:15 +0000</pubDate>
      <link>https://dev.to/sameerkali/list-of-top-recently-funded-startups-in-india-4b8h</link>
      <guid>https://dev.to/sameerkali/list-of-top-recently-funded-startups-in-india-4b8h</guid>
      <description>&lt;h2&gt;
  
  
  The top 10 recently funded startups in India a re the following:
&lt;/h2&gt;

&lt;p&gt;1 One97(Paytm)&lt;/p&gt;

&lt;p&gt;2 Ola Cabs&lt;/p&gt;

&lt;p&gt;3 OYO&lt;/p&gt;

&lt;p&gt;4 Renew Power&lt;/p&gt;

&lt;p&gt;5 Swiggy&lt;/p&gt;

&lt;p&gt;6 BYJU’s&lt;/p&gt;

&lt;p&gt;7 Bigbasket&lt;/p&gt;

&lt;p&gt;8 Delhivery&lt;/p&gt;

&lt;p&gt;9 Zomato&lt;/p&gt;

&lt;p&gt;10 Policy Bazaar&lt;/p&gt;

&lt;h1&gt;
  
  
  Computer Software
&lt;/h1&gt;

&lt;p&gt;Finagg&lt;/p&gt;

&lt;p&gt;Firsty&lt;/p&gt;

&lt;p&gt;Swarm Robotics&lt;/p&gt;

&lt;p&gt;Goit&lt;/p&gt;

&lt;p&gt;Rategain&lt;/p&gt;

&lt;p&gt;Perfios Software Solutions&lt;/p&gt;

&lt;p&gt;Kapture&lt;/p&gt;

&lt;h1&gt;
  
  
  Remote
&lt;/h1&gt;

&lt;p&gt;Arcadia&lt;/p&gt;

&lt;p&gt;BombBomb&lt;/p&gt;

&lt;p&gt;Duo Security&lt;/p&gt;

&lt;p&gt;EDB&lt;/p&gt;

&lt;p&gt;GumGum&lt;/p&gt;

&lt;p&gt;Vivian Health&lt;/p&gt;

&lt;p&gt;Onapsis&lt;/p&gt;

&lt;p&gt;PagerDuty&lt;/p&gt;

&lt;p&gt;Rachio&lt;/p&gt;

&lt;p&gt;Teachable&lt;/p&gt;

&lt;p&gt;Yello&lt;/p&gt;

&lt;p&gt;Human Interest&lt;/p&gt;

&lt;p&gt;Vetcove&lt;/p&gt;

&lt;p&gt;Wonderlic&lt;/p&gt;

&lt;p&gt;Optimize Health&lt;/p&gt;

&lt;p&gt;Path&lt;/p&gt;

&lt;p&gt;Hungryroot&lt;/p&gt;

&lt;p&gt;Paddle&lt;/p&gt;

&lt;p&gt;Uptycs&lt;/p&gt;

&lt;p&gt;Agile Six&lt;/p&gt;

</description>
      <category>job</category>
      <category>funding</category>
      <category>softwareengineering</category>
    </item>
    <item>
      <title>How to remove Node Modules from GitHub repository</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Fri, 22 Sep 2023 10:02:50 +0000</pubDate>
      <link>https://dev.to/sameerkali/how-to-remove-node-modules-from-github-repository-2gnl</link>
      <guid>https://dev.to/sameerkali/how-to-remove-node-modules-from-github-repository-2gnl</guid>
      <description>&lt;h1&gt;
  
  
  Follow Those Commands
&lt;/h1&gt;

&lt;ol&gt;
&lt;li&gt;make .gitignore file.&lt;/li&gt;
&lt;li&gt;add node_modules/ line to gitignore file&lt;/li&gt;
&lt;li&gt;Follow those command
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;git rm -r --cached .&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;



&lt;p&gt;&lt;code&gt;git add .&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;



&lt;p&gt;&lt;code&gt;git commit -m "remove nodeModules files (by sameerkali)"&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;



&lt;p&gt;&lt;code&gt;git push -f&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

</description>
      <category>github</category>
      <category>git</category>
      <category>node</category>
      <category>npm</category>
    </item>
    <item>
      <title>Create React app without Vite, CRA, etc.. ( for Interview)</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Tue, 19 Sep 2023 07:22:47 +0000</pubDate>
      <link>https://dev.to/sameerkali/create-react-app-without-vite-cra-etc-for-interview-1h7g</link>
      <guid>https://dev.to/sameerkali/create-react-app-without-vite-cra-etc-for-interview-1h7g</guid>
      <description>&lt;h3&gt;
  
  
  Use HTML in JavaScript
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dEq6LtNp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m2vvyxz8egqwry92ekws.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dEq6LtNp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m2vvyxz8egqwry92ekws.png" alt="ription" width="800" height="409"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8YxXwehg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqd8t2lsue7uswpz8gli.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8YxXwehg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqd8t2lsue7uswpz8gli.png" alt="escription" width="800" height="116"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lKl6wP2---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zz91nwyez2jijtsqjhoh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lKl6wP2---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zz91nwyez2jijtsqjhoh.png" alt="Imtion" width="800" height="630"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--H56u5u61--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wqepqume8sbqalxc9qq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--H56u5u61--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wqepqume8sbqalxc9qq.png" alt="Image descrn" width="800" height="578"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KV8avzNj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eb2fizjmtv59z5xrkj03.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KV8avzNj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eb2fizjmtv59z5xrkj03.png" alt="Image desption" width="800" height="332"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Q: If we have a lot of   roots, how can React render then?
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--oecWtjai--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dk7zfl2cyk2w6u70pcx0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oecWtjai--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dk7zfl2cyk2w6u70pcx0.png" alt="Image descr" width="597" height="436"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Ans:
&lt;/h3&gt;

&lt;p&gt;React is smart it will overwrite all of these with a render element.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Wkgmpmru--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zzrnlglabssaczep4pui.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Wkgmpmru--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zzrnlglabssaczep4pui.png" alt="Image dn" width="800" height="634"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Q: How to render more than one element in the root?
&lt;/h3&gt;

&lt;h3&gt;
  
  
  Ans:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7vhQBAia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbnqyfsbemkiy2ifnay8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7vhQBAia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbnqyfsbemkiy2ifnay8.png" alt="Imagion" width="800" height="557"&gt;&lt;/a&gt;&lt;br&gt;
let's connect &lt;a href="https://www.linkedin.com/in/sameer-faridi"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>interview</category>
      <category>webdev</category>
      <category>softwareengineering</category>
    </item>
    <item>
      <title>Top high rated service based company in Noida (India)</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Mon, 18 Sep 2023 16:55:46 +0000</pubDate>
      <link>https://dev.to/sameerkali/top-high-rated-service-based-company-in-noida-india-14bp</link>
      <guid>https://dev.to/sameerkali/top-high-rated-service-based-company-in-noida-india-14bp</guid>
      <description>&lt;h2&gt;
  
  
  Pay good to freshers and experiance.
&lt;/h2&gt;

&lt;p&gt;Vehant Technologies ⭐ &lt;/p&gt;

&lt;p&gt;3Pillar Global ⭐&lt;/p&gt;

&lt;p&gt;Nickelfox Technologies ⭐&lt;/p&gt;

&lt;p&gt;Monotype ⭐&lt;/p&gt;

&lt;p&gt;Gemalto ⭐&lt;/p&gt;

&lt;p&gt;Barclays Global Service Centre ⭐&lt;/p&gt;

&lt;p&gt;Knoldus Inc ⭐&lt;/p&gt;

&lt;h2&gt;
  
  
  Others
&lt;/h2&gt;

&lt;p&gt;Glorious Insight,&lt;/p&gt;

&lt;p&gt;Fluper,&lt;/p&gt;

&lt;p&gt;Polestar Solutions &amp;amp; Services India,&lt;/p&gt;

&lt;p&gt;Appsierra,&lt;/p&gt;

&lt;p&gt;Biz 2 Credit Info Services,&lt;/p&gt;

&lt;p&gt;Path Infotech, Impressico Business Solutions,&lt;/p&gt;

&lt;p&gt;AWC Software,&lt;/p&gt;

&lt;p&gt;Claritus Management Consulting,&lt;/p&gt;

&lt;p&gt;E2logy Software Solutions,&lt;/p&gt;

&lt;p&gt;SDG Software, SPARX IT Solutions,&lt;/p&gt;

&lt;p&gt;Hestabit Technologies, Infoicon Technologies,&lt;/p&gt;

&lt;p&gt;DigiLantern,&lt;/p&gt;

&lt;p&gt;Velocity Software Solutions,&lt;/p&gt;

&lt;p&gt;Finoit Technologies,&lt;/p&gt;

&lt;p&gt;Velocity Software Solutions,&lt;/p&gt;

&lt;p&gt;Hic Global Solutions,&lt;/p&gt;

&lt;p&gt;Snap-on Business Solutions,&lt;/p&gt;

&lt;p&gt;Crestech Software,&lt;/p&gt;

&lt;p&gt;Risk Management Solutions,&lt;/p&gt;

&lt;p&gt;AltezzaSys,&lt;/p&gt;

&lt;p&gt;Techugo,&lt;/p&gt;

&lt;p&gt;ISKPRO,&lt;/p&gt;

&lt;p&gt;WebMobril Technologies,&lt;/p&gt;

&lt;p&gt;i2k2 Networks,&lt;/p&gt;

&lt;p&gt;Williams Commerce,&lt;/p&gt;

&lt;p&gt;Prologic Web Solutions,&lt;/p&gt;

&lt;p&gt;Argil DX,&lt;/p&gt;

&lt;p&gt;Mobulous Technologies,&lt;/p&gt;

&lt;p&gt;Argil DX,&lt;/p&gt;

&lt;p&gt;Xotiv Technologies,&lt;/p&gt;

&lt;p&gt;Nippon Data Systems,&lt;/p&gt;

&lt;p&gt;inMorphis Services,&lt;/p&gt;

&lt;p&gt;Designoweb Technologies,&lt;/p&gt;

&lt;p&gt;Quovantis Technologies,&lt;/p&gt;

&lt;p&gt;Acro Technologies,&lt;/p&gt;

&lt;p&gt;Sourcefuse Technologies,&lt;/p&gt;

&lt;p&gt;Girikon, Flyweis Technology,&lt;/p&gt;

&lt;p&gt;Avalara Technologies,&lt;/p&gt;

&lt;p&gt;Redian Software,&lt;/p&gt;

&lt;p&gt;Quadrafort Technologies,&lt;/p&gt;

&lt;p&gt;Brain Technosys,&lt;/p&gt;

&lt;p&gt;Sonet Microsystems,&lt;/p&gt;

&lt;p&gt;RipenApps Technologies,&lt;/p&gt;

&lt;p&gt;Ornate TechnoServices,&lt;/p&gt;

&lt;p&gt;W3Villa Technologies,&lt;/p&gt;

&lt;p&gt;AKS WebSoft.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to Delete a Netlify App</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Wed, 13 Sep 2023 16:54:54 +0000</pubDate>
      <link>https://dev.to/sameerkali/how-to-delete-a-netlify-app-4p7o</link>
      <guid>https://dev.to/sameerkali/how-to-delete-a-netlify-app-4p7o</guid>
      <description>&lt;p&gt;Clean out unwanted sites in your Netlify account by following these steps.&lt;/p&gt;

&lt;p&gt;Netlify is a web hosting service that allows you to host a site online for free. You can use it to manage your builds, deployments, and other settings necessary to get your site up and running over the web.&lt;/p&gt;

&lt;p&gt;There may come a time when you decide to take your website down. If you decide to do so, Netlify allows you to delete it using the site settings for the app. Once you delete your site, you will no longer be able to view it through its domain name.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Delete Your App on Netlify
&lt;/h2&gt;

&lt;p&gt;When you host a Netlify website, such as an Angular app using Netlify with Github, you can access it over the web using a generated domain. You also have the option to modify your free domain name.&lt;/p&gt;

&lt;p&gt;When you delete your website, Netlify removes it from the web. Search engines will then remove the site from their database when they re-index its content. Once you delete your website, you will be unable to view it by entering the domain name into a browser's address bar.&lt;/p&gt;

&lt;p&gt;1 Log in to your Netlify account.&lt;/p&gt;

&lt;p&gt;2 On the dashboard page, under the Sites heading, click on the website that you would like to delete.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Wa-Pvipg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tqrpy3qef1rabb1pcozy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Wa-Pvipg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tqrpy3qef1rabb1pcozy.png" alt="as" width="800" height="388"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0E8OYEr9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6sqd3d8fj2jv70tym4j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0E8OYEr9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6sqd3d8fj2jv70tym4j.png" alt="as" width="800" height="392"&gt;&lt;/a&gt;&lt;br&gt;
3 Scroll down to the bottom.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CiVwRlRB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixaqluue6lw4og5dhg3q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CiVwRlRB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixaqluue6lw4og5dhg3q.png" alt="as" width="800" height="387"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4 Enter the name of the website.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--z0gl_5k5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tlig0r7kykwb5f0y0k3l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--z0gl_5k5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tlig0r7kykwb5f0y0k3l.png" alt="Ia" width="800" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5 Click on Delete.&lt;/p&gt;

&lt;h2&gt;
  
  
  Hosting and Removing Applications on Netlify
&lt;/h2&gt;

&lt;p&gt;Now you know the steps you need to take to delete your website from Netlify. You can streamline your web hosting by only hosting websites you want people to view, and by deleting any unused practice or test sites.&lt;/p&gt;

&lt;h3&gt;
  
  
  By &lt;a class="mentioned-user" href="https://dev.to/sameerkali"&gt;@sameerkali&lt;/a&gt;
&lt;/h3&gt;

</description>
      <category>webdev</category>
      <category>netlify</category>
      <category>website</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Data Structure String In JavaScript | Frontend Interview Helper</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Mon, 21 Aug 2023 10:19:55 +0000</pubDate>
      <link>https://dev.to/sameerkali/data-structure-string-in-javascript-frontend-interview-helper-4nc8</link>
      <guid>https://dev.to/sameerkali/data-structure-string-in-javascript-frontend-interview-helper-4nc8</guid>
      <description>&lt;h2&gt;
  
  
  The basics | Inbuilt Function of Js
&lt;/h2&gt;

&lt;h3&gt;
  
  
  How to declare a String in JS
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CI3s6Iti--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1692575417987/033f6f86-47bb-4039-bd6e-0bed8431cdb6.png%2520align%3D%2522center%2522" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CI3s6Iti--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://cdn.hashnode.com/res/hashnode/image/upload/v1692575417987/033f6f86-47bb-4039-bd6e-0bed8431cdb6.png%2520align%3D%2522center%2522" alt="" width="" height=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Accessing Characters
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--304oGJYA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94csyawplx8bgtx2naw7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--304oGJYA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94csyawplx8bgtx2naw7.png" alt="Image description" width="800" height="311"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Accessing Characters
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kdWM_Jyp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xbgosi1rs7e3u6w3ervi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kdWM_Jyp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xbgosi1rs7e3u6w3ervi.png" alt="Image description" width="449" height="53"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Looping a string
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JFwgACBs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1xh4p57as8y6b00yp6wy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JFwgACBs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1xh4p57as8y6b00yp6wy.png" alt="Image description" width="800" height="188"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Modifying Strings
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--E8dXOkEO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xfnal1p7xzj3lv9t1cpz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--E8dXOkEO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xfnal1p7xzj3lv9t1cpz.png" alt="Image description" width="800" height="104"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Concat &amp;amp; Trim (Trim has only removed side spaces | didn't remove space in between )
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--08zwIoke--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q242secihzzmxy9njxdu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--08zwIoke--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q242secihzzmxy9njxdu.png" alt="Image description" width="800" height="174"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Searching in String
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cvR-cDFg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58pi89ez7mnj35n5lv83.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cvR-cDFg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58pi89ez7mnj35n5lv83.png" alt="Image description" width="771" height="704"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Took a part from a string ( Slice, Subdtring)
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LNi-v3Ml--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttc2yrl7suith5843vvj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LNi-v3Ml--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttc2yrl7suith5843vvj.png" alt="Image description" width="567" height="197"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Convert Case ( Str -&amp;gt; number | Num -&amp;gt; Str | etc..)
&lt;/h3&gt;

&lt;p&gt;This is important because if we Typecast an Object in Js it gives a [ Object Object ] simple mines gives us its type&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ys1BX5xP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mfakruux94qxq8k4620u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ys1BX5xP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mfakruux94qxq8k4620u.png" alt="Image description" width="800" height="227"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ifM629cN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcrm8yha94gndpcgoze1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ifM629cN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcrm8yha94gndpcgoze1.png" alt="Image description" width="418" height="134"&gt;&lt;/a&gt;&lt;br&gt;
The Right way to do that&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--x-JM2fBw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9vbl0y2k94c1rt856lx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--x-JM2fBw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9vbl0y2k94c1rt856lx.png" alt="Image description" width="800" height="170"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GtrdZFia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ese9iisnp7b6crigoti.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GtrdZFia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ese9iisnp7b6crigoti.png" alt="Image description" width="338" height="147"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Convert a String
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fcxf-rGk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/76vejh5gqwdl4zcuuu23.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fcxf-rGk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/76vejh5gqwdl4zcuuu23.png" alt="Image description" width="736" height="187"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Check Ascii value or Convert to Ascii Value
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9Zfcmfbu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94b44sr2x4fxhy1o592t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9Zfcmfbu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94b44sr2x4fxhy1o592t.png" alt="Image description" width="800" height="107"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  String Compare
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GnaC7j0---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/906snvyfuns0e62wlypz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GnaC7j0---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/906snvyfuns0e62wlypz.png" alt="Image description" width="800" height="247"&gt;&lt;/a&gt;&lt;br&gt;
&lt;code&gt;it returns 0 if it is the same otherwise -1&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  To check whether something is included in String or not
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s---QRh7mmm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drydmeqlq6aw0u31n9yg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---QRh7mmm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drydmeqlq6aw0u31n9yg.png" alt="Image description" width="800" height="66"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;It returns True | False values&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Splitting and Joining Strings
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--N5xESWpn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmdy3iw6uya5vhon6dvz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--N5xESWpn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmdy3iw6uya5vhon6dvz.png" alt="Image description" width="632" height="190"&gt;&lt;/a&gt;&lt;br&gt;
&lt;code&gt;It breaks the string from " " (space) occurs&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jIQyJOvT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j36zfzfno99olnha7hw7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jIQyJOvT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j36zfzfno99olnha7hw7.png" alt="Image description" width="725" height="222"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Finally The Main Data Structure &amp;amp; Algorithm Questions Start.
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iEC3Znuh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rt71vwfyzra21kneznxh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iEC3Znuh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rt71vwfyzra21kneznxh.png" alt="Image description" width="800" height="150"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  My Solution:
&lt;/h3&gt;

&lt;p&gt;`const mainString = '    Hay Good Morning Brother';&lt;br&gt;
const maxLenght = 10;&lt;/p&gt;

&lt;p&gt;if (mainString.length &amp;gt;= maxLenght) {&lt;br&gt;
  let trimedvalue = mainString.trim();&lt;br&gt;
  let finalVersionOfString = trimedvalue.replaceAll(" ", "");&lt;br&gt;
  console.log(&lt;code&gt;${finalVersionOfString.slice(0, 10)}...&lt;/code&gt;);&lt;br&gt;
} else {&lt;br&gt;
  console.log(mainString);&lt;br&gt;
}&lt;br&gt;
// Output : HayGoodMor...`&lt;/p&gt;

&lt;h3&gt;
  
  
  Piyush's Solution:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_ZinZdO4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jprjzx1ged1f3czfdvte.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_ZinZdO4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jprjzx1ged1f3czfdvte.png" alt="Image description" width="800" height="269"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Q2: Plaindrome:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d_bBRVDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ncxs48uajusdp1x6x1g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d_bBRVDI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ncxs48uajusdp1x6x1g.png" alt="Image description" width="800" height="302"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  My Solution:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0vA1Y9sF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgrvlcxvwud0b4yxd1cb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0vA1Y9sF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgrvlcxvwud0b4yxd1cb.png" alt="Image description" width="800" height="383"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I add comments with ChatGPT (I think it is a better approach because sometimes interviewers don't allow to use inbuilt functions of a language )&lt;/p&gt;

&lt;h2&gt;
  
  
  quick Question
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Can Someone Explain?&lt;br&gt;
Hey, I tried my best and approached this question in five different ways using JavaScript. The average runtime is around 140ms. However, when I attempted the same question in Java, it only took around 9ms. How is this possible? Why is there such a significant difference? Could someone please explain?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QMQSSqCO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otqk2i7dpkpyzo22qat9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QMQSSqCO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otqk2i7dpkpyzo22qat9.png" alt="Image description" width="800" height="355"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Question 03: 461. Hamming Distance
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--B6lHuyC0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/537s4t51tro3edq0rzd3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--B6lHuyC0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/537s4t51tro3edq0rzd3.png" alt="Image description" width="800" height="472"&gt;&lt;/a&gt;&lt;br&gt;
A quick tip: Convert a number to binary just | let num = 10; num.toString(2) --&amp;gt; that 2 refers base^2&lt;br&gt;
&lt;code&gt;I don't know why on leetcode in this program time limit exceeds.&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UlXPW1KS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ikvczcu6ft6an5hhqha1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UlXPW1KS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ikvczcu6ft6an5hhqha1.png" alt="Image description" width="800" height="398"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Here is the optimized Solution.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DOkp5FaD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhiq8i8coumyxt5n610z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DOkp5FaD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhiq8i8coumyxt5n610z.png" alt="Image description" width="800" height="158"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Question 04: 242. Valid Anagram
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_vGviEoZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6y0qc0yguuzkzk2zaw3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_vGviEoZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6y0qc0yguuzkzk2zaw3.png" alt="Image description" width="800" height="442"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Solution: (UnOptimized ) Easy one:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4zhpADyh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2tk36z7owaqa5s8jau2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4zhpADyh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2tk36z7owaqa5s8jau2.png" alt="Image description" width="800" height="163"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Solution: (Optimized ):
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_Uqi9frv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fkau8dsabx45m1xeghi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_Uqi9frv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fkau8dsabx45m1xeghi.png" alt="Image description" width="639" height="429"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Bonus:
&lt;/h1&gt;

&lt;p&gt;Top 10 most asked frontend interview questions from string&lt;/p&gt;

&lt;p&gt;Reverse a String&lt;/p&gt;

&lt;p&gt;Check Palindrome&lt;/p&gt;

&lt;p&gt;String Anagrams&lt;/p&gt;

&lt;p&gt;Longest Substring Without Repeating Characters&lt;/p&gt;

&lt;p&gt;String Compression&lt;/p&gt;

&lt;p&gt;Implement strStr()&lt;/p&gt;

&lt;p&gt;Valid Parentheses&lt;/p&gt;

&lt;p&gt;Longest Common Prefix&lt;/p&gt;

&lt;p&gt;Group Anagrams&lt;/p&gt;

&lt;p&gt;Count and Say&lt;/p&gt;

&lt;h1&gt;
  
  
  Thank you So Much For Reading if you get some knowledge from this BLOG Connect with me on LinkedIn
&lt;/h1&gt;

&lt;p&gt;Linkedin&lt;a href="https://www.linkedin.com/in/sameer-faridi/"&gt;Follow&lt;/a&gt;&lt;br&gt;
Github&lt;a href="https://github.com/sameerkali/"&gt;Follow&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  Made by &lt;del&gt;Lust&lt;/del&gt; Love By Sameer Faridi (21 April 2023)
&lt;/h4&gt;

</description>
    </item>
    <item>
      <title>HOW HTML FILES RENDER IN BROWSER (DOM)</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Mon, 21 Aug 2023 09:59:42 +0000</pubDate>
      <link>https://dev.to/sameerkali/how-html-files-render-in-browser-dom-55e8</link>
      <guid>https://dev.to/sameerkali/how-html-files-render-in-browser-dom-55e8</guid>
      <description>&lt;h2&gt;
  
  
  About HTML part.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SoailCGB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hu0pju252w5ddcv9byo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SoailCGB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hu0pju252w5ddcv9byo.png" alt="About HTML part" width="800" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Loading Files&lt;br&gt;
Think of files like books. To use the information inside, a computer needs to bring the content from storage (like a shelf) into its memory (like opening the book).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Raw Bites (0s and 1s)&lt;br&gt;
Computers understand data as a series of two things: zeros (0s) and ones (1s). Breaking a file into 0s and 1s is like translating its content into a language that computers speak.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;DOM (Document Object Model)&lt;br&gt;
Imagine a blueprint for building a website. The DOM is like this blueprint. It helps web browsers understand how a webpage should be put together and how you can interact with it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How a Webpage Appears&lt;br&gt;
When you open a website, your browser does a few things:&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Collects Information: It gets the website's instructions.&lt;br&gt;
Breaks Down: It takes apart these instructions into smaller pieces.&lt;br&gt;
Builds a Model: It builds a model of the webpage using these pieces, like building with blocks.&lt;br&gt;
Gets Ready: The browser gets ready to show the webpage based on this model.&lt;/p&gt;
&lt;h2&gt;
  
  
  The CSS part is called CSSOM
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J7_AT62S--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g1ftm7hdke3upiezz1le.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J7_AT62S--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g1ftm7hdke3upiezz1le.png" alt="The CSS part is called CSSOM" width="800" height="259"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Raw Bites (0s and 1s)&lt;br&gt;
Computers talk in 0s and 1s. Imagine it like a secret code language for computers.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Characters&lt;br&gt;
In our code language, we use characters like letters and symbols. Each character is like a building block.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Tokens&lt;br&gt;
Tokens are groups of characters with a specific meaning. Think of them as special words or instructions.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Objects&lt;br&gt;
We can use these tokens to create objects, kind of like Lego structures. Each object holds important information.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Relations&lt;br&gt;
Objects can be connected to each other in special ways. These connections are a bit like roads between Lego structures.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;CSSOM (CSS Object Model)&lt;br&gt;
When it comes to how things look (colors, sizes, layouts), there's a special set of objects called CSSOM. It's like the style manager for the objects.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;
  
  
  The printing state
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4MHszusG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nxcqrdijbt255b405g35.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4MHszusG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nxcqrdijbt255b405g35.png" alt="The printing state" width="800" height="425"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Rendering the Webpage&lt;br&gt;
When Sameer asks the browser to show a webpage, magic happens behind the scenes.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;RENDER TREE&lt;br&gt;
Think of a special tree called the "RENDER TREE." It's like a list of things to show on the screen, combining the webpage's structure (DOM) and its look (CSSOM).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;DOM + CSSOM = RENDER TREE&lt;br&gt;
The DOM (the blueprint of the webpage) joins forces with the CSSOM (the style manager) to create this RENDER TREE. It's like gathering all the parts and arranging them.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Browser Engine (BE)&lt;br&gt;
Now, a clever engine inside the browser takes charge. It's called the Browser Engine (BE).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;BE's Job&lt;br&gt;
The BE uses math (like a super-smart calculator) to figure out how things should fit on the screen. For example, if an image is supposed to be 100 pixels wide, BE calculates how much space it will take on your screen. It's also responsible for making things look good on different devices (responsive designs).&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;
  
  
  JavaScript's Role: Making Webpages Interactive
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Pause and Play: When the browser spots JavaScript in a webpage, it briefly pauses building the webpage's structure (DOM) and style (CSS) to let JavaScript do its thing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Manipulation Power: JavaScript can change webpage elements and styles, making things like buttons interactive.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Order Matters: Usually, we put HTML first for structure, CSS for style, and JavaScript for interactivity.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Timing Balance: If JavaScript pops up before styles are ready, the browser waits a bit, then lets JavaScript continue once styles are set.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Frameworks Vary: Special website-building tools (frameworks) might change this order. They aim to make everything work together smoothly.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Remember, JavaScript is like the performer that can pause the show briefly to add a bit of magic before letting the show go on!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--S8lnrGsB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jjw32xu5spn2ts3buh7d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--S8lnrGsB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jjw32xu5spn2ts3buh7d.png" alt="hitesh sir" width="800" height="435"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Thankyou  Hitesh sir for such a amazing video&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=5rLFYtXHo9s&amp;amp;t=1s"&gt;Video&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OWl_EpCc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qehbdy54u8xdp31hwzi2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OWl_EpCc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qehbdy54u8xdp31hwzi2.png" alt="diagram of understandiag" width="778" height="757"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Write With &lt;del&gt;Lust&lt;/del&gt; Love By Sameer Faridi &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>dom</category>
      <category>javascript</category>
      <category>html</category>
    </item>
    <item>
      <title>learning in public</title>
      <dc:creator>Sameer Faridi</dc:creator>
      <pubDate>Tue, 15 Aug 2023 16:29:35 +0000</pubDate>
      <link>https://dev.to/sameerkali/learning-in-public-3bg8</link>
      <guid>https://dev.to/sameerkali/learning-in-public-3bg8</guid>
      <description>&lt;ul&gt;
&lt;li&gt;&lt;p&gt;15 August 2023 independence day&lt;br&gt;
as of now I am going to share my daily learning with you guys, I hope I provide some value with you  &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Writing about mistakes I make while learning some concept.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Best practices and best resource to learn what I learn in this whole process I want to improve myself and be a good learner &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
  </channel>
</rss>
