{"id":4243,"date":"2026-02-02T15:26:42","date_gmt":"2026-02-02T15:26:42","guid":{"rendered":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/"},"modified":"2026-02-02T16:01:29","modified_gmt":"2026-02-02T16:01:29","slug":"project-setup-verifying-javascript-loading","status":"publish","type":"page","link":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/","title":{"rendered":"Project Setup &amp; Verifying JavaScript Loading"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4243\" class=\"elementor elementor-4243\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8279b33 e-flex e-con-boxed e-con e-parent\" data-id=\"8279b33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-72076e1 e-con-full e-flex e-con e-child\" data-id=\"72076e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b9921 elementor-widget elementor-widget-text-editor\" data-id=\"e0b9921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d150e4b elementor-widget elementor-widget-darsanam_header_menu_widget\" data-id=\"d150e4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"darsanam_header_menu_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"darsanam-menu-wrapper \"><div class='hamburger-icon'><i class=\"fas fa-grip-lines\"><\/i> &nbsp; <\/div><div class=\"menu-container\"><nav class='elementor-menu'><ul class='darsanam-menu-vertical'><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/git-repository-for-referrence\/'>Git Repository for Referrence<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/' style='color: #FF7700 !important'>Project Setup &amp; Verifying JavaScript Loading<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><\/ul><\/nav><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fec2e5a e-con-full e-flex e-con e-child\" data-id=\"fec2e5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d5009 elementor-widget elementor-widget-text-editor\" data-id=\"e2d5009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 data-start=\"448\" data-end=\"504\">Project Setup &amp; Verifying JavaScript Loading<\/h1><h2 data-start=\"506\" data-end=\"534\">What this lesson is about<\/h2><p data-start=\"535\" data-end=\"625\">Before touching the DOM or HTML elements, we must first answer a <strong data-start=\"600\" data-end=\"624\">fundamental question<\/strong>:<\/p><blockquote data-start=\"627\" data-end=\"684\"><p data-start=\"629\" data-end=\"684\">\u201cIs my JavaScript file actually loading and executing?\u201d<\/p><\/blockquote><p data-start=\"686\" data-end=\"748\">In real-world applications, <strong data-start=\"714\" data-end=\"729\">50% of bugs<\/strong> come from scripts:<\/p><ul data-start=\"749\" data-end=\"828\"><li data-start=\"749\" data-end=\"762\"><p data-start=\"751\" data-end=\"762\">not loading<\/p><\/li><li data-start=\"763\" data-end=\"787\"><p data-start=\"765\" data-end=\"787\">loading in wrong order<\/p><\/li><li data-start=\"788\" data-end=\"806\"><p data-start=\"790\" data-end=\"806\">being overridden<\/p><\/li><li data-start=\"807\" data-end=\"828\"><p data-start=\"809\" data-end=\"828\">or failing silently<\/p><\/li><\/ul><p data-start=\"830\" data-end=\"857\">So in this lesson, we will:<\/p><ul data-start=\"858\" data-end=\"1017\"><li data-start=\"858\" data-end=\"892\"><p data-start=\"860\" data-end=\"892\">Set up a clean project structure<\/p><\/li><li data-start=\"893\" data-end=\"928\"><p data-start=\"895\" data-end=\"928\">Connect HTML, CSS, and JavaScript<\/p><\/li><li data-start=\"929\" data-end=\"978\"><p data-start=\"931\" data-end=\"978\">Verify JavaScript execution using <code data-start=\"965\" data-end=\"978\">console.log<\/code><\/p><\/li><\/ul><h2 data-start=\"1101\" data-end=\"1140\">Step 1: Create the Project Structure<\/h2><p data-start=\"1142\" data-end=\"1165\">Create a folder called:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13abf85 elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"13abf85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='theme-okaidia' data-show-toolbar='yes'><code class='language-javascript'>javascript-basics\/<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5b195 elementor-widget elementor-widget-text-editor\" data-id=\"0b5b195\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Inside it, create the following files:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1b7fff elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"a1b7fff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='theme-okaidia' data-show-toolbar='yes'><code class='language-javascript'>javascript-basics\/\r\n\u2502\r\n\u251c\u2500\u2500 index.html\r\n\u251c\u2500\u2500 styles.css\r\n\u2514\u2500\u2500 script.js\r\n<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd43226 elementor-widget elementor-widget-text-editor\" data-id=\"bd43226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1309\" data-end=\"1368\">This separation is <strong data-start=\"1328\" data-end=\"1341\">mandatory<\/strong> for scalable applications.<\/p><h2 data-start=\"1375\" data-end=\"1407\">Step 2: Add HTML (index.html)<\/h2><p data-start=\"1409\" data-end=\"1447\">Paste the following into <code data-start=\"1434\" data-end=\"1446\">index.html<\/code>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc202e elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"dbc202e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='line-numbers theme-tomorrow-night' data-show-toolbar='yes'><code class='language-javascript'>&lt;!DOCTYPE html&gt;\r\n&lt;html lang=&quot;en&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\r\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\r\n    &lt;title&gt;Spiritual Diary&lt;\/title&gt;\r\n\r\n    &lt;!-- JavaScript file --&gt;\r\n    &lt;script src=&quot;.\/script.js&quot;&gt;&lt;\/script&gt;\r\n\r\n    &lt;!-- CSS file --&gt;\r\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;.\/styles.css&quot;&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n    &lt;h3&gt;Spiritual Diary&lt;\/h3&gt;\r\n\r\n    &lt;ul class=&quot;activity-list&quot;&gt;\r\n        &lt;li&gt;\r\n            &lt;div class=&quot;task-completed&quot;&gt;\r\n                &lt;input type=&quot;checkbox&quot; \/&gt;\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;activity-label&quot;&gt;Surya Namskaram&lt;\/div&gt;\r\n            &lt;div class=&quot;start-time-range&quot;&gt;6:00 AM - 7:00 AM&lt;\/div&gt;\r\n        &lt;\/li&gt;\r\n        &lt;li&gt;\r\n            &lt;div class=&quot;task-completed&quot;&gt;\r\n                &lt;input type=&quot;checkbox&quot; id=&quot;task2&quot;\/&gt;\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;activity-label&quot;&gt;\r\n                Task 1\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;start-time-range&quot;&gt;\r\n                8:00 AM - 9:00 AM\r\n            &lt;\/div&gt;       \r\n        &lt;\/li&gt;\r\n        &lt;li&gt;\r\n            &lt;div class=&quot;task-completed&quot;&gt;\r\n                &lt;input type=&quot;checkbox&quot; id=&quot;task3&quot;\/&gt;\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;activity-label&quot;&gt;\r\n                Task 2\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;start-time-range&quot;&gt;\r\n                10:00 AM - 11:00 AM\r\n            &lt;\/div&gt;\r\n        &lt;\/li&gt;\r\n        \r\n        &lt;li&gt;\r\n            &lt;div class=&quot;task-completed&quot;&gt;\r\n                &lt;input type=&quot;checkbox&quot; id=&quot;task5&quot;\/&gt;\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;activity-label&quot;&gt;\r\n                Task 3\r\n            &lt;\/div&gt;\r\n            &lt;div class=&quot;start-time-range&quot;&gt;\r\n                6:00 PM - 7:00 PM\r\n            &lt;\/div&gt;\r\n        &lt;\/li&gt;\r\n    &lt;\/ul&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c1b9e elementor-widget elementor-widget-text-editor\" data-id=\"f1c1b9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\ud83d\udc49 At this stage, <strong data-start=\"2158\" data-end=\"2176\">HTML is static<\/strong>.<br data-start=\"2177\" data-end=\"2180\" \/>\ud83d\udc49 We are <strong data-start=\"2190\" data-end=\"2209\">not interacting<\/strong> with it yet.<\/p><h2 data-start=\"2229\" data-end=\"2260\">Step 3: Add CSS (styles.css)<\/h2><p data-start=\"2262\" data-end=\"2291\">Paste this into <code data-start=\"2278\" data-end=\"2290\">styles.css<\/code>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddfda52 elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"ddfda52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='line-numbers theme-tomorrow-night' data-show-toolbar='yes'><code class='language-css'>\/* ---------- Base Reset ---------- *\/\r\n    * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n    }\r\n\r\n    body {\r\n        background-color: #f8f6f3;\r\n        padding: 20px;\r\n        color: #2b2b2b;\r\n    }\r\n\r\n    \/* ---------- Header ---------- *\/\r\n    h3 {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        color: #7A1E3A;\r\n    }\r\n\r\n    \/* ---------- Activity List ---------- *\/\r\n    .activity-list {\r\n        list-style: none;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ---------- Activity Item ---------- *\/\r\n    .activity-list li {\r\n        background-color: #ffffff;\r\n        border-radius: 8px;\r\n        padding: 12px 16px;\r\n        margin-bottom: 12px;\r\n\r\n        display: grid;\r\n        grid-template-columns: 40px 1fr auto;\r\n        align-items: center;\r\n\r\n        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\r\n        transition: box-shadow 0.15s ease, transform 0.15s ease;\r\n    }\r\n\r\n    .activity-list li:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    \/* ---------- Checkbox ---------- *\/\r\n    .task-completed {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .task-completed input[type=&quot;checkbox&quot;] {\r\n        width: 18px;\r\n        height: 18px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* ---------- Activity Label ---------- *\/\r\n    .activity-label {\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* ---------- Time Range ---------- *\/\r\n    .start-time-range {\r\n        font-size: 0.9rem;\r\n        color: #555;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* ---------- Completed State (future JS hook) ---------- *\/\r\n    .activity-list li.completed {\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .activity-list li.completed .activity-label {\r\n        text-decoration: line-through;\r\n    }<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3f0d5 elementor-widget elementor-widget-text-editor\" data-id=\"1f3f0d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2545\" data-end=\"2559\">This confirms:<\/p><ul data-start=\"2560\" data-end=\"2597\"><li data-start=\"2560\" data-end=\"2576\"><p data-start=\"2562\" data-end=\"2576\">CSS is loading<\/p><\/li><li data-start=\"2577\" data-end=\"2597\"><p data-start=\"2579\" data-end=\"2597\">File linking works<\/p><\/li><\/ul><h2 data-start=\"2604\" data-end=\"2641\">Step 4: Add JavaScript (script.js)<\/h2><p data-start=\"2643\" data-end=\"2680\">Paste <strong data-start=\"2649\" data-end=\"2662\">only this<\/strong> into <code data-start=\"2668\" data-end=\"2679\">script.js<\/code>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91881ff elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"91881ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='line-numbers theme-okaidia' data-show-toolbar='yes'><code class='language-javascript'>console.log(&quot;JavaScript file loaded successfully&quot;);\r\n<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5748b90 elementor-widget elementor-widget-text-editor\" data-id=\"5748b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2745\" data-end=\"2769\">That\u2019s it. Nothing else.<\/p><h2 data-start=\"2776\" data-end=\"2814\">Step 5: Verify JavaScript Execution<\/h2><ol data-start=\"2816\" data-end=\"2903\"><li data-start=\"2816\" data-end=\"2846\"><p data-start=\"2819\" data-end=\"2846\">Open <code data-start=\"2824\" data-end=\"2836\">index.html<\/code> in Chrome<\/p><\/li><li data-start=\"2847\" data-end=\"2875\"><p data-start=\"2850\" data-end=\"2875\">Right-click \u2192 <strong data-start=\"2864\" data-end=\"2875\">Inspect<\/strong><\/p><\/li><li data-start=\"2876\" data-end=\"2903\"><p data-start=\"2879\" data-end=\"2903\">Open the <strong data-start=\"2888\" data-end=\"2903\">Console tab<\/strong><\/p><\/li><\/ol><p data-start=\"2905\" data-end=\"2920\">You should see:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3729c59 elementor-widget elementor-widget-code-block-for-elementor\" data-id=\"3729c59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-block-for-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre class='theme-okaidia' data-show-toolbar='no'><code class='language-javascript'>JavaScript file loaded successfully\r\n<\/code><\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d17994 elementor-widget elementor-widget-text-editor\" data-id=\"1d17994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2967\" data-end=\"2984\">\ud83c\udf89 This confirms:<\/p><ul><li data-start=\"2987\" data-end=\"3015\">The script file is connected<\/li><li data-start=\"3018\" data-end=\"3049\">The browser executed JavaScript<\/li><li data-start=\"3018\" data-end=\"3049\">No errors occurred<\/li><\/ul><h2 data-start=\"3077\" data-end=\"3119\">Why We Start Like This (Very Important)<\/h2><p data-start=\"3121\" data-end=\"3148\">In enterprise applications:<\/p><ul><li data-start=\"3151\" data-end=\"3170\">Scripts are bundled<\/li><li data-start=\"3173\" data-end=\"3193\">Loaded conditionally<\/li><li data-start=\"3196\" data-end=\"3216\">Injected dynamically<\/li><li data-start=\"3219\" data-end=\"3238\">Cached aggressively<\/li><\/ul><p data-start=\"3240\" data-end=\"3315\">If you <strong data-start=\"3247\" data-end=\"3285\">don\u2019t know how to verify execution<\/strong>, debugging becomes guesswork.<\/p><p>This lesson builds the habit of:<\/p><ul><li>checking console<\/li><li>verifying execution<\/li><li>isolating problems<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lessons &nbsp; Git Repository for Referrence Project Setup &amp; Verifying JavaScript Loading Project Setup &amp; Verifying JavaScript Loading What this lesson is about Before touching the DOM or HTML elements, we must first answer a fundamental question: \u201cIs my JavaScript file actually loading and executing?\u201d In real-world applications, 50% of bugs come from scripts: not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4224,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4243","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies\" \/>\n<meta property=\"og:description\" content=\"Lessons &nbsp; Git Repository for Referrence Project Setup &amp; Verifying JavaScript Loading Project Setup &amp; Verifying JavaScript Loading What this lesson is about Before touching the DOM or HTML elements, we must first answer a fundamental question: \u201cIs my JavaScript file actually loading and executing?\u201d In real-world applications, 50% of bugs come from scripts: not [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/\" \/>\n<meta property=\"og:site_name\" content=\"Sankham Technologies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T16:01:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/project-setup-verifying-javascript-loading\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/project-setup-verifying-javascript-loading\\\/\",\"name\":\"Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\"},\"datePublished\":\"2026-02-02T15:26:42+00:00\",\"dateModified\":\"2026-02-02T16:01:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/project-setup-verifying-javascript-loading\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/project-setup-verifying-javascript-loading\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/project-setup-verifying-javascript-loading\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"India\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"English\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Free Courses\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"JavaScript Fundamentals &#8211; Lean by Building\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/javascript-fundamentals-lean-by-building\\\/\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Project Setup &amp; Verifying JavaScript Loading\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"name\":\"Sankham Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sankhamtech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\",\"name\":\"Sankham Technologies\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"width\":306,\"height\":74,\"caption\":\"Sankham Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/","og_locale":"en_US","og_type":"article","og_title":"Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies","og_description":"Lessons &nbsp; Git Repository for Referrence Project Setup &amp; Verifying JavaScript Loading Project Setup &amp; Verifying JavaScript Loading What this lesson is about Before touching the DOM or HTML elements, we must first answer a fundamental question: \u201cIs my JavaScript file actually loading and executing?\u201d In real-world applications, 50% of bugs come from scripts: not [&hellip;]","og_url":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/","og_site_name":"Sankham Technologies","article_modified_time":"2026-02-02T16:01:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/","url":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/","name":"Project Setup &amp; Verifying JavaScript Loading - Sankham Technologies","isPartOf":{"@id":"https:\/\/sankhamtech.com\/#website"},"datePublished":"2026-02-02T15:26:42+00:00","dateModified":"2026-02-02T16:01:29+00:00","breadcrumb":{"@id":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/project-setup-verifying-javascript-loading\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":2,"name":"Content","item":"https:\/\/sankhamtech.com\/index.php\/content\/"},{"@type":"ListItem","position":3,"name":"India","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/"},{"@type":"ListItem","position":4,"name":"English","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/"},{"@type":"ListItem","position":5,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":6,"name":"Free Courses","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/"},{"@type":"ListItem","position":7,"name":"JavaScript Fundamentals &#8211; Lean by Building","item":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/javascript-fundamentals-lean-by-building\/"},{"@type":"ListItem","position":8,"name":"Project Setup &amp; Verifying JavaScript Loading"}]},{"@type":"WebSite","@id":"https:\/\/sankhamtech.com\/#website","url":"https:\/\/sankhamtech.com\/","name":"Sankham Technologies","description":"","publisher":{"@id":"https:\/\/sankhamtech.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sankhamtech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sankhamtech.com\/#organization","name":"Sankham Technologies","url":"https:\/\/sankhamtech.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","width":306,"height":74,"caption":"Sankham Technologies"},"image":{"@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/4243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/comments?post=4243"}],"version-history":[{"count":13,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/4243\/revisions"}],"predecessor-version":[{"id":4259,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/4243\/revisions\/4259"}],"up":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/4224"}],"wp:attachment":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/media?parent=4243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}