<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Learn Programming by Tutorials and Examples from Codesansar</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.8 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="https://codesansar.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Learn Programming by Tutorials and Examples from Codesansar" />
<meta property="og:description" content="Tutorial Examples Online Calculator Coding Made Easy! Learn Programming by Tutorials and Examples from Codesansar. All Tutorial All Examples Codesansar offers programming Tutorials and Examples on popular programming languages from scratch. Our goal is to provide programming tutorials, examples and projects which are easy to comprehend for beginners and to provide core programming concepts to […]" />
<meta property="og:url" content="https://codesansar.com/" />
<meta property="og:site_name" content="codesansar.com" />
<meta property="article:modified_time" content="2025-08-30T15:20:20+00:00" />
<meta property="og:image" content="https://codesansar.com/wp-content/uploads/elementor/thumbs/logo-rb0v5envv5b56su32injlga3ya3xmvyf6baxafbx10.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://codesansar.com/","url":"https://codesansar.com/","name":"Learn Programming by Tutorials and Examples from Codesansar","isPartOf":{"@id":"https://codesansar.com/#website"},"primaryImageOfPage":{"@id":"https://codesansar.com/#primaryimage"},"image":{"@id":"https://codesansar.com/#primaryimage"},"thumbnailUrl":"https://codesansar.com/wp-content/uploads/elementor/thumbs/logo-rb0v5envv5b56su32injlga3ya3xmvyf6baxafbx10.jpg","datePublished":"2025-08-30T14:36:54+00:00","dateModified":"2025-08-30T15:20:20+00:00","breadcrumb":{"@id":"https://codesansar.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://codesansar.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://codesansar.com/#primaryimage","url":"https://codesansar.com/wp-content/uploads/elementor/thumbs/logo-rb0v5envv5b56su32injlga3ya3xmvyf6baxafbx10.jpg","contentUrl":"https://codesansar.com/wp-content/uploads/elementor/thumbs/logo-rb0v5envv5b56su32injlga3ya3xmvyf6baxafbx10.jpg"},{"@type":"BreadcrumbList","@id":"https://codesansar.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://codesansar.com/#website","url":"https://codesansar.com/","name":"codesansar.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://codesansar.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
<!-- / Yoast SEO plugin. -->
<title>Learn Programming by Tutorials and Examples from Codesansar</title>
<link rel="alternate" type="application/rss+xml" title="codesansar.com » Feed" href="https://codesansar.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="codesansar.com » Comments Feed" href="https://codesansar.com/comments/feed/" />
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #FFFFFF;--wp--preset--color--contrast: #111111;--wp--preset--color--accent-1: #FFEE58;--wp--preset--color--accent-2: #F6CFF4;--wp--preset--color--accent-3: #503AA8;--wp--preset--color--accent-4: #686868;--wp--preset--color--accent-5: #FBFAF3;--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);--wp--preset--font-family--manrope: Manrope, sans-serif;--wp--preset--font-family--fira-code: "Fira Code", monospace;--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 20px;--wp--preset--spacing--40: 30px;--wp--preset--spacing--50: clamp(30px, 5vw, 50px);--wp--preset--spacing--60: clamp(30px, 7vw, 70px);--wp--preset--spacing--70: clamp(50px, 7vw, 90px);--wp--preset--spacing--80: clamp(70px, 10vw, 140px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 645px;--wp--style--global--wide-size: 1340px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--manrope);font-size: var(--wp--preset--font-size--large);font-weight: 300;letter-spacing: -0.1px;line-height: 1.4;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: currentColor;text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{font-weight: 400;letter-spacing: -0.1px;line-height: 1.125;}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--small);letter-spacing: 0.5px;}h6{font-size: var(--wp--preset--font-size--small);font-weight: 700;letter-spacing: 1.4px;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--medium);line-height: inherit;padding-top: 1rem;padding-right: 2.25rem;padding-bottom: 1rem;padding-left: 2.25rem;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);border-color: transparent;color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){outline-color: var(--wp--preset--color--accent-4);outline-offset: 2px;}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){font-size: var(--wp--preset--font-size--small);line-height: 1.4;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-accent-1-color{color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-color{color: var(--wp--preset--color--accent-6) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-background-color{background-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-background-color{background-color: var(--wp--preset--color--accent-6) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-border-color{border-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-border-color{border-color: var(--wp--preset--color--accent-6) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-manrope-font-family{font-family: var(--wp--preset--font-family--manrope) !important;}.has-fira-code-font-family{font-family: var(--wp--preset--font-family--fira-code) !important;}
</style>
<style id='wp-block-template-skip-link-inline-css'>
.skip-link.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
</style>
<link data-minify="1" rel='stylesheet' id='dashicons-css' href='https://codesansar.com/wp-content/cache/min/1/wp-includes/css/dashicons.min.css?ver=1756570936' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://codesansar.com/wp-includes/css/admin-bar.min.css?ver=6.8.2' media='all' />
<style id='admin-bar-inline-css'>
/* Hide CanvasJS credits for P404 charts specifically */
#p404RedirectChart .canvasjs-chart-credit {
display: none !important;
}
#p404RedirectChart canvas {
border-radius: 6px;
}
.p404-redirect-adminbar-weekly-title {
font-weight: bold;
font-size: 14px;
color: #fff;
margin-bottom: 6px;
}
#wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before {
content: "\f103";
color: #dc3545;
top: 3px;
}
#wp-admin-bar-p404_free_top_button .ab-item {
min-width: 80px !important;
padding: 0px !important;
}
/* Ensure proper positioning and z-index for P404 dropdown */
.p404-redirect-adminbar-dropdown-wrap {
min-width: 0;
padding: 0;
position: static !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button_dropdown {
position: static !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button_dropdown .ab-item {
padding: 0 !important;
margin: 0 !important;
}
.p404-redirect-dropdown-container {
min-width: 340px;
padding: 18px 18px 12px 18px;
background: #23282d !important;
color: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.25);
margin-top: 10px;
position: relative !important;
z-index: 999999 !important;
display: block !important;
border: 1px solid #444;
}
/* Ensure P404 dropdown appears on hover */
#wpadminbar #wp-admin-bar-p404_free_top_button .p404-redirect-dropdown-container {
display: none !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover .p404-redirect-dropdown-container {
display: block !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover #wp-admin-bar-p404_free_top_button_dropdown .p404-redirect-dropdown-container {
display: block !important;
}
.p404-redirect-card {
background: #2c3338;
border-radius: 8px;
padding: 18px 18px 12px 18px;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
display: flex;
flex-direction: column;
align-items: flex-start;
border: 1px solid #444;
}
.p404-redirect-btn {
display: inline-block;
background: #dc3545;
color: #fff !important;
font-weight: bold;
padding: 5px 22px;
border-radius: 8px;
text-decoration: none;
font-size: 17px;
transition: background 0.2s, box-shadow 0.2s;
margin-top: 8px;
box-shadow: 0 2px 8px rgba(220,53,69,0.15);
text-align: center;
line-height: 1.6;
}
.p404-redirect-btn:hover {
background: #c82333;
color: #fff !important;
box-shadow: 0 4px 16px rgba(220,53,69,0.25);
}
/* Prevent conflicts with other admin bar dropdowns */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
z-index: auto;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover > .ab-item {
z-index: 999998 !important;
}
</style>
<link data-minify="1" rel='stylesheet' id='twentytwentyfive-style-css' href='https://codesansar.com/wp-content/cache/min/1/wp-content/themes/twentytwentyfive/style.css?ver=1756570936' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://codesansar.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.31.3' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://codesansar.com/wp-content/uploads/elementor/css/post-7.css?ver=1756570939' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://codesansar.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.31.3' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://codesansar.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.31.3' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://codesansar.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.31.3' media='all' />
<link rel='stylesheet' id='elementor-post-8-css' href='https://codesansar.com/wp-content/uploads/elementor/css/post-8.css?ver=1756570940' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://codesansar.com/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1756570940' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://codesansar.com/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1756570940' media='all' />
<script id="breeze-prefetch-js-extra">
var breeze_prefetch = {"local_url":"https:\/\/codesansar.com","ignore_remote_prefetch":"1","ignore_list":["wp-admin","wp-login.php"]};
</script>
<script src="https://codesansar.com/wp-content/plugins/breeze/assets/js/js-front-end/breeze-prefetch-links.min.js?ver=2.2.17" id="breeze-prefetch-js"></script>
<script src="https://codesansar.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://codesansar.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://codesansar.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://codesansar.com/wp-json/wp/v2/pages/8" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://codesansar.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.2" />
<link rel='shortlink' href='https://codesansar.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://codesansar.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcodesansar.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://codesansar.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcodesansar.com%2F&format=xml" />
<meta name="generator" content="Elementor 3.31.3; features: e_font_icon_svg, additional_custom_breakpoints, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<style class='wp-fonts-local'>
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url('https://codesansar.com/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:300 700;font-display:fallback;src:url('https://codesansar.com/wp-content/themes/twentytwentyfive/assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2') format('woff2');}
</style>
<link rel="icon" href="https://codesansar.com/wp-content/uploads/2025/08/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://codesansar.com/wp-content/uploads/2025/08/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://codesansar.com/wp-content/uploads/2025/08/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://codesansar.com/wp-content/uploads/2025/08/cropped-favicon-270x270.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /><meta name="generator" content="WP Rocket 3.18.3" data-wpr-features="wpr_minify_js wpr_minify_css wpr_preload_links wpr_desktop" /></head>
<body class="home wp-singular page-template page-template-elementor_canvas page page-id-8 wp-embed-responsive wp-theme-twentytwentyfive elementor-default elementor-template-canvas elementor-kit-7 elementor-page elementor-page-8">
<div data-elementor-type="wp-page" data-elementor-id="8" class="elementor elementor-8" data-elementor-post-type="page">
<div class="elementor-element elementor-element-ec242d2 e-flex e-con-boxed e-con e-parent" data-id="ec242d2" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-6bcb05a elementor-widget elementor-widget-image" data-id="6bcb05a" data-element_type="widget" data-widget_type="image.default">
<img decoding="async" src="https://codesansar.com/wp-content/uploads/elementor/thumbs/logo-rb0v5envv5b56su32injlga3ya3xmvyf6baxafbx10.jpg" title="logo" alt="logo" loading="lazy" /> </div>
<div class="elementor-element elementor-element-cc8bf71 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="cc8bf71" data-element_type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items elementor-inline-items">
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-text">Tutorial</span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-text">Examples</span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-text">Online Calculator</span>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a552e75 e-con-full e-flex e-con e-parent" data-id="a552e75" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-1e0628c elementor-widget elementor-widget-heading" data-id="1e0628c" data-element_type="widget" data-widget_type="heading.default">
<h1 class="elementor-heading-title elementor-size-default">Coding Made Easy!</h1> </div>
<div class="elementor-element elementor-element-808ce79 elementor-widget elementor-widget-heading" data-id="808ce79" data-element_type="widget" data-widget_type="heading.default">
<h5 class="elementor-heading-title elementor-size-default">Learn Programming by Tutorials and Examples from Codesansar.</h5> </div>
<div class="elementor-element elementor-element-bf880cf e-flex e-con-boxed e-con e-child" data-id="bf880cf" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-5dc30f3 elementor-widget elementor-widget-button" data-id="5dc30f3" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://codesansar.com/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">All Tutorial</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-e938707 elementor-widget elementor-widget-button" data-id="e938707" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://codesansar.com/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">All Examples</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-407f55f e-flex e-con-boxed e-con e-parent" data-id="407f55f" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-62d8915 elementor-widget elementor-widget-text-editor" data-id="62d8915" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text">Codesansar offers programming <strong>Tutorials</strong> and <strong>Examples</strong> on <strong>popular programming languages from scratch.</strong></p> </div>
<div class="elementor-element elementor-element-9d930ed elementor-widget elementor-widget-text-editor" data-id="9d930ed" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text">Our goal is to provide programming tutorials, examples and projects which are <strong>easy to comprehend for beginners</strong> and to provide <strong>core programming concepts</strong> to those who already have experience in programming.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-0eedeb0 e-flex e-con-boxed e-con e-parent" data-id="0eedeb0" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-afd3726 elementor-widget elementor-widget-heading" data-id="afd3726" data-element_type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Learn C Programming</h3> </div>
<div class="elementor-element elementor-element-3dcef84 e-con-full e-flex e-con e-child" data-id="3dcef84" data-element_type="container">
<div class="elementor-element elementor-element-5ff9f38 elementor-widget elementor-widget-button" data-id="5ff9f38" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://codesansar.com/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">C Tutorial</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-d340796 elementor-widget elementor-widget-button" data-id="d340796" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://codesansar.com/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">C Examples</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-68b29e9 e-flex e-con-boxed e-con e-parent" data-id="68b29e9" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-deb070c elementor-widget elementor-widget-heading" data-id="deb070c" data-element_type="widget" data-widget_type="heading.default">
<h4 class="elementor-heading-title elementor-size-default">Why to Learn C Programming Language?</h4> </div>
<div class="elementor-element elementor-element-bc13278 elementor-widget elementor-widget-text-editor" data-id="bc13278" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text">C is one of the <strong>most popular computer programming language</strong> because of its <strong>flexibility</strong> and <strong>power</strong>. It has won widespread acceptance because it gives programmer <strong>maximum control</strong> and <strong>efficiency</strong>.</p> </div>
<div class="elementor-element elementor-element-e960b76 elementor-widget elementor-widget-text-editor" data-id="e960b76" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text">C is <strong>mother of all programming languages</strong> and learning it makes your programming fundamentals very strong and you can <strong>influence the programmer all over the world</strong>.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-ac17295 e-flex e-con-boxed e-con e-parent" data-id="ac17295" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-42d9ebd elementor-widget elementor-widget-heading" data-id="42d9ebd" data-element_type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Learn Numerical Methods</h3> </div>
<div class="elementor-element elementor-element-45ac735 e-con-full e-flex e-con e-child" data-id="45ac735" data-element_type="container">
<div class="elementor-element elementor-element-4a1c549 elementor-widget elementor-widget-button" data-id="4a1c549" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://codesansar.com/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Numerical Method Tutorials</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a89a96d e-flex e-con-boxed e-con e-parent" data-id="a89a96d" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-18960af elementor-widget elementor-widget-heading" data-id="18960af" data-element_type="widget" data-widget_type="heading.default">
<h4 class="elementor-heading-title elementor-size-default">About Numerical Methods</h4> </div>
<div class="elementor-element elementor-element-8344d06 elementor-widget elementor-widget-text-editor" data-id="8344d06" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text"><strong>Numerical computing</strong> is an approach of solving complex mathematical problems which <strong>can not be solved easily by analytical mathematics</strong> by using <strong>simple arithmetic operations</strong> and which requires development, analysis and use of an algorithm along with some computing tools.</p> </div>
<div class="elementor-element elementor-element-63f6f3f elementor-widget elementor-widget-text-editor" data-id="63f6f3f" data-element_type="widget" data-widget_type="text-editor.default">
<p class="light center flow-text">In numerical analysis mathematical problems are <strong>formulated and solved with arithmetic operations</strong> and these arithmetic operations are carried out with the help of <strong>high level programming languages like C, C++, Python, Matlab</strong> etc on computer.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-ba76680 e-flex e-con-boxed e-con e-parent" data-id="ba76680" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-07ff140 e-grid e-con-full e-con e-child" data-id="07ff140" data-element_type="container">
<div class="elementor-element elementor-element-80e2300 e-con-full e-flex e-con e-child" data-id="80e2300" data-element_type="container">
<div class="elementor-element elementor-element-5ad744f elementor-widget elementor-widget-heading" data-id="5ad744f" data-element_type="widget" data-widget_type="heading.default">
<h5 class="elementor-heading-title elementor-size-default">About Us</h5> </div>
<div class="elementor-element elementor-element-a0c141e elementor-widget elementor-widget-text-editor" data-id="a0c141e" data-element_type="widget" data-widget_type="text-editor.default">
Codesansar is online platform that provides tutorials and examples on popular programming languages. </div>
</div>
<div class="elementor-element elementor-element-93fac4e e-con-full e-flex e-con e-child" data-id="93fac4e" data-element_type="container">
<div class="elementor-element elementor-element-ad1e8a8 elementor-widget elementor-widget-heading" data-id="ad1e8a8" data-element_type="widget" data-widget_type="heading.default">
<h5 class="elementor-heading-title elementor-size-default">Links
</h5> </div>
<div class="elementor-element elementor-element-571134d elementor-widget elementor-widget-text-editor" data-id="571134d" data-element_type="widget" data-widget_type="text-editor.default">
<p>About Us<br />Contact Us<br />Privacy Policy<br />Cookies Policy</p> </div>
</div>
<div class="elementor-element elementor-element-3b1eca4 e-con-full e-flex e-con e-child" data-id="3b1eca4" data-element_type="container">
<div class="elementor-element elementor-element-e8a1153 elementor-widget elementor-widget-heading" data-id="e8a1153" data-element_type="widget" data-widget_type="heading.default">
<h5 class="elementor-heading-title elementor-size-default">Social Media</h5> </div>
<div class="elementor-element elementor-element-1481a9f elementor-widget elementor-widget-image" data-id="1481a9f" data-element_type="widget" data-widget_type="image.default">
<img decoding="async" width="127" height="183" src="https://codesansar.com/wp-content/uploads/2025/08/Screenshot-2025-08-30-215941.png" class="attachment-large size-large wp-image-37" alt="" /> </div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3b60ae9 e-flex e-con-boxed e-con e-parent" data-id="3b60ae9" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-9f1ac38 elementor-widget elementor-widget-heading" data-id="9f1ac38" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-heading-title elementor-size-default">© 2025 Codesansar. All Rights Reserved.</div> </div>
</div>
</div>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/twentytwentyfive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/codesansar.com","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script src="https://codesansar.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.31.3" id="elementor-webpack-runtime-js"></script>
<script src="https://codesansar.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.31.3" id="elementor-frontend-modules-js"></script>
<script src="https://codesansar.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.31.3","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"nested-elements":true,"e_element_cache":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"mega-menu":true},"urls":{"assets":"https:\/\/codesansar.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/codesansar.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/codesansar.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"2b13c576f0"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":8,"title":"Learn%20Programming%20by%20Tutorials%20and%20Examples%20from%20Codesansar","excerpt":"","featuredImage":false}};
</script>
<script src="https://codesansar.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.31.3" id="elementor-frontend-js"></script>
<script src="https://codesansar.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.31.2" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://codesansar.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://codesansar.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/codesansar.com\/wp-admin\/admin-ajax.php","nonce":"e8a4401ba2","urls":{"assets":"https:\/\/codesansar.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/codesansar.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/codesansar.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://codesansar.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.31.2" id="elementor-pro-frontend-js"></script>
<script src="https://codesansar.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.31.2" id="pro-elements-handlers-js"></script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1757436937 -->