{"id":3955,"date":"2026-03-13T12:01:20","date_gmt":"2026-03-13T12:01:20","guid":{"rendered":"https:\/\/trainingx.in\/new\/?page_id=3955"},"modified":"2026-04-10T09:58:32","modified_gmt":"2026-04-10T09:58:32","slug":"javascript-developer-course","status":"publish","type":"page","link":"https:\/\/trainingx.in\/new\/courses\/javascript-developer-course\/","title":{"rendered":"JavaScript Developer Course in Noida"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3955\" class=\"elementor elementor-3955\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9f25fe e-con-full e-flex e-con e-parent\" data-id=\"b9f25fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f366e9 elementor-widget elementor-widget-html\" data-id=\"5f366e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n    --tx-primary: #2EB87C;\r\n    --tx-primary-dark: #259b66;\r\n    --tx-text-dark: #1a202c;\r\n    --tx-text-light: #4a5568;\r\n    --tx-border: #e2e8f0;\r\n    --tx-bg-light: #f8fafc;\r\n    --tx-white: #ffffff;\r\n    --tx-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    --tx-shadow-hover: 0 10px 25px rgba(46, 184, 124, 0.15);\r\n}\r\n.tx-container {\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 0 15px;\r\n    width: 100%;\r\n}\r\n.tx-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: 0 -15px;\r\n}\r\n.tx-col-main {\r\n    flex: 0 0 75%;\r\n    max-width: 75%;\r\n    padding: 0 15px;\r\n}\r\n.tx-col-sidebar {\r\n    flex: 0 0 25%;\r\n    max-width: 25%;\r\n    padding: 0 15px;\r\n}\r\n.tx-sidebar-sticky {\r\n    position: sticky;\r\n    top: 20px;\r\n}\r\n.tx-card {\r\n    background: var(--tx-white);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n    box-shadow: var(--tx-shadow);\r\n    border: 1px solid var(--tx-border);\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-card:hover {\r\n    box-shadow: var(--tx-shadow-hover);\r\n    border-color: var(--tx-primary);\r\n}\r\n.tx-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--tx-text-dark);\r\n    line-height: 1.3;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-section-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 20px;\r\n    padding-left: 15px;\r\n    border-left: 4px solid var(--tx-primary);\r\n}\r\n.tx-badge {\r\n    background: #e6f7ef;\r\n    color: var(--tx-primary);\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-thumbnail {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 16px;\r\n    margin: 15px 0 20px;\r\n    object-fit: contain;\r\n    background: #f5f7fa;\r\n    box-shadow: 0 8px 20px rgba(46, 184, 124, 0.2);\r\n}\r\n.tx-meta-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n    margin: 20px 0;\r\n}\r\n.tx-meta-item {\r\n    background: var(--tx-bg-light);\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    border: 1px solid var(--tx-border);\r\n}\r\n.tx-meta-icon {\r\n    font-size: 24px;\r\n    margin-bottom: 8px;\r\n    color: var(--tx-primary);\r\n}\r\n.tx-meta-label {\r\n    font-size: 13px;\r\n    color: #718096;\r\n    margin-bottom: 4px;\r\n}\r\n.tx-meta-value {\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n}\r\n.tx-progress-wrapper {\r\n    margin: 20px 0 10px;\r\n}\r\n.tx-progress-stats {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 14px;\r\n    color: #718096;\r\n    margin-bottom: 8px;\r\n}\r\n.tx-progress-bar {\r\n    height: 8px;\r\n    background: #edf2f7;\r\n    border-radius: 50px;\r\n    overflow: hidden;\r\n}\r\n.tx-progress-fill {\r\n    height: 100%;\r\n    background: var(--tx-primary);\r\n    border-radius: 50px;\r\n    width: 0%;\r\n}\r\n.tx-grid-2 {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 15px;\r\n}\r\n.tx-grid-3 {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n}\r\n.tx-feature-card {\r\n    background: var(--tx-bg-light);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    transition: all 0.3s ease;\r\n    height: 100%;\r\n}\r\n.tx-feature-card:hover {\r\n    border-color: var(--tx-primary);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(46, 184, 124, 0.1);\r\n}\r\n.tx-feature-icon {\r\n    font-size: 32px;\r\n    margin-bottom: 12px;\r\n}\r\n.tx-feature-title {\r\n    font-weight: 700;\r\n    color: var(--tx-primary);\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n}\r\n.tx-feature-text {\r\n    color: var(--tx-text-light);\r\n    font-size: 14px;\r\n}\r\n.tx-topic-card {\r\n    background: var(--tx-white);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    height: 100%;\r\n}\r\n.tx-topic-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-topic-header h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin: 0;\r\n}\r\n.tx-topic-list {\r\n    list-style: none;\r\n    margin: 0;\r\n}\r\n.tx-topic-list li {\r\n    padding: 6px 0;\r\n    color: var(--tx-text-light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n}\r\n.tx-topic-list li:before {\r\n    content: \"\u2713\";\r\n    color: var(--tx-primary);\r\n    font-weight: 700;\r\n}\r\n.tx-widget {\r\n    background: var(--tx-white);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid var(--tx-border);\r\n    box-shadow: var(--tx-shadow);\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-widget:hover {\r\n    box-shadow: var(--tx-shadow-hover);\r\n    border-color: var(--tx-primary);\r\n}\r\n.tx-widget-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 20px;\r\n    padding-bottom: 12px;\r\n    border-bottom: 2px solid var(--tx-border);\r\n}\r\n.tx-btn {\r\n    width: 100%;\r\n    padding: 14px 20px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    margin: 8px 0;\r\n    display: inline-block;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-btn-primary {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n}\r\n.tx-btn-primary:hover {\r\n    background: var(--tx-primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 15px rgba(46, 184, 124, 0.3);\r\n}\r\n.tx-info-list {\r\n    list-style: none;\r\n    margin: 15px 0;\r\n}\r\n.tx-info-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid var(--tx-border);\r\n}\r\n.tx-info-list li:last-child {\r\n    border-bottom: none;\r\n}\r\n.tx-info-icon {\r\n    color: var(--tx-primary);\r\n    font-size: 18px;\r\n    min-width: 24px;\r\n}\r\n.tx-accordion-item {\r\n    border-bottom: 1px solid var(--tx-border);\r\n}\r\n.tx-accordion-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px 0;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    color: var(--tx-text-dark);\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-accordion-header:hover {\r\n    color: var(--tx-primary);\r\n}\r\n.tx-accordion-header span {\r\n    color: var(--tx-primary);\r\n    font-size: 20px;\r\n    transition: transform 0.3s ease;\r\n}\r\n.tx-accordion-header.active span {\r\n    transform: rotate(45deg);\r\n}\r\n.tx-accordion-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease;\r\n    padding: 0 15px 0 0;\r\n}\r\n.tx-accordion-content.show {\r\n    max-height: 200px;\r\n    padding-bottom: 15px;\r\n}\r\n.tx-contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 8px 0;\r\n    border-radius: 8px;\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-details-highlight {\r\n    background: linear-gradient(135deg, var(--tx-primary), var(--tx-primary-dark));\r\n    color: white;\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n}\r\n.tx-detail-item {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    padding: 15px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n.tx-cta-section-white {\r\n    background: var(--tx-white);\r\n    border: 2px solid var(--tx-primary);\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n    box-shadow: var(--tx-shadow);\r\n}\r\n.tx-cta-title-white {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 15px;\r\n}\r\n.tx-cta-text-white {\r\n    font-size: 16px;\r\n    margin-bottom: 25px;\r\n    color: var(--tx-text-light);\r\n}\r\n.tx-cta-button-white {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    border: none;\r\n    padding: 16px 40px;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n}\r\n.tx-cta-button-white:hover {\r\n    background: var(--tx-primary-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(46, 184, 124, 0.3);\r\n}\r\n.tx-highlight-box {\r\n    background: #e6f7ef;\r\n    border: 2px solid var(--tx-primary);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    margin-bottom: 20px;\r\n    text-align: center;\r\n}\r\n.tx-highlight-box p {\r\n    margin: 5px 0;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n}\r\n.tx-job-roles {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 15px 0;\r\n}\r\n.tx-job-role {\r\n    background: var(--tx-bg-light);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 50px;\r\n    padding: 8px 16px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-job-role:hover {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    border-color: var(--tx-primary);\r\n}\r\n\r\n\/* POPUP - Form Styles *\/\r\n.tx-popup-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    z-index: 999999;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tx-popup-overlay.show {\r\n    display: flex;\r\n}\r\n.tx-popup-content {\r\n    background: white;\r\n    width: 90%;\r\n    max-width: 550px;\r\n    max-height: 85vh;\r\n    overflow-y: auto;\r\n    border-radius: 24px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    animation: tx-popup-flash 0.15s ease-out;\r\n}\r\n.tx-popup-close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    width: 36px;\r\n    height: 36px;\r\n    background: #f0f2f5;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    color: #4a5568;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n}\r\n.tx-popup-close:hover {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    transform: rotate(90deg);\r\n}\r\n.tx-popup-body {\r\n    padding: 0;\r\n    min-height: 100px;\r\n}\r\n@keyframes tx-popup-flash {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.95);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n\/* FIX: Dropdown text cut issue - Fully Visible *\/\r\n.tx-popup-content select {\r\n    height: auto !important;\r\n    min-height: 50px !important;\r\n}\r\n.tx-popup-content select option {\r\n    white-space: normal !important;\r\n    word-break: normal !important;\r\n    padding: 12px 15px !important;\r\n    min-height: 45px !important;\r\n    height: auto !important;\r\n    line-height: 1.4 !important;\r\n    font-size: 14px !important;\r\n    display: block !important;\r\n    clear: both !important;\r\n    width: 100% !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .tx-col-main, .tx-col-sidebar {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n    }\r\n    .tx-sidebar-sticky {\r\n        position: static;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    .tx-title {\r\n        font-size: 24px;\r\n    }\r\n    .tx-section-title {\r\n        font-size: 20px;\r\n    }\r\n    .tx-meta-grid, .tx-grid-2, .tx-grid-3 {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .tx-card, .tx-widget {\r\n        padding: 20px;\r\n    }\r\n    .tx-popup-content {\r\n        width: 95%;\r\n    }\r\n    .tx-highlight-box p {\r\n        font-size: 16px;\r\n    }\r\n    .tx-popup-content select option {\r\n        padding: 10px !important;\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- POPUP Overlay -->\r\n<div class=\"tx-popup-overlay\" id=\"txPopupOverlay\">\r\n    <div class=\"tx-popup-content\">\r\n        <div class=\"tx-popup-close\" onclick=\"closePopup()\">&times;<\/div>\r\n        <div class=\"tx-popup-body\" id=\"txPopupBody\">\r\n            <!-- Form will be loaded here -->\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN CONTENT - 75% | 25% LAYOUT - EXACT CONTENT -->\r\n<div class=\"tx-container\">\r\n    <div class=\"tx-row\">\r\n        <!-- Main Content - 75% -->\r\n        <div class=\"tx-col-main\">\r\n            <!-- Header Card -->\r\n            <div class=\"tx-card\">\r\n                <span class=\"tx-badge\">Web Development<\/span>\r\n                <h1 class=\"tx-title\">JavaScript Developer Course in Noida \u2013 Learn Modern Web Development<\/h1>\r\n                \r\n                <img decoding=\"async\" src=\"https:\/\/trainingx.in\/new\/wp-content\/uploads\/2025\/09\/www.trainingx.com_.png\" \r\n                     alt=\"JavaScript Developer Course in Noida\" \r\n                     class=\"tx-thumbnail\">\r\n                \r\n                <div class=\"tx-meta-grid\">\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udcca<\/div>\r\n                        <div class=\"tx-meta-label\">Level<\/div>\r\n                        <div class=\"tx-meta-value\">Beginner to Intermediate<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udc65<\/div>\r\n                        <div class=\"tx-meta-label\">Enrolled<\/div>\r\n                        <div class=\"tx-meta-value\">500+ Students<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udcc5<\/div>\r\n                        <div class=\"tx-meta-label\">Duration<\/div>\r\n                        <div class=\"tx-meta-value\">2-3 Months<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tx-progress-wrapper\">\r\n                    <div class=\"tx-progress-stats\">\r\n                        <span>Course Progress<\/span>\r\n                        <span>0\/1 Completed<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-progress-bar\">\r\n                        <div class=\"tx-progress-fill\" style=\"width: 0%\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- CTA Button -->\r\n                <button class=\"tx-btn tx-btn-primary\" onclick=\"openPopup()\">Enroll Now - Start Learning<\/button>\r\n            <\/div>\r\n\r\n            <!-- About Course -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">About Course<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Want to become a professional web developer? Join our JavaScript Developer Course in Noida and learn how to build modern, interactive websites and web applications using one of the most popular programming languages in the world.<\/p>\r\n                <p style=\"color: var(--tx-text-light);\">Our industry-focused JavaScript training in Noida helps students and professionals gain practical coding experience and real-world development skills.<\/p>\r\n            <\/div>\r\n\r\n            <!-- About the Course -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">About the Course<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">The JavaScript programming course in Noida at TrainingX is designed for beginners and aspiring developers who want to build strong programming fundamentals and create dynamic web applications.<\/p>\r\n                <p style=\"margin-bottom: 15px;\">Through this JavaScript training course, students learn how JavaScript works with HTML and CSS to create interactive user interfaces and powerful web functionality.<\/p>\r\n                <p>Our program combines theoretical learning with hands-on projects so students can develop real development skills used in the industry.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Why Learn JavaScript -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Why Learn JavaScript?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">JavaScript is a core technology used in modern web development. Almost every interactive website uses JavaScript to provide dynamic user experiences.<\/p>\r\n                <p style=\"margin-bottom: 20px;\">By joining our JavaScript developer training in Noida, students can learn how to build responsive web applications and improve their career opportunities in the technology industry.<\/p>\r\n                \r\n                <h3 class=\"tx-subtitle\" style=\"margin-bottom: 15px;\">Benefits of learning JavaScript:<\/h3>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83c\udf10<\/div>\r\n                        <div class=\"tx-feature-title\">Build interactive websites and web applications<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83c\udfa8<\/div>\r\n                        <div class=\"tx-feature-title\">Learn frontend development skills<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\u26a1<\/div>\r\n                        <div class=\"tx-feature-title\">Create dynamic user interfaces<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udcbc<\/div>\r\n                        <div class=\"tx-feature-title\">Work as a web or frontend developer<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udcc8<\/div>\r\n                        <div class=\"tx-feature-title\">High demand programming skill<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- What You Will Learn -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">What You Will Learn<\/h2>\r\n                <p style=\"margin-bottom: 20px;\">Our JavaScript course in Noida covers all essential programming concepts required to become a professional developer.<\/p>\r\n                \r\n                <div class=\"tx-grid-3\">\r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\ud83d\udcdd<\/span>\r\n                            <h3>JavaScript Fundamentals<\/h3>\r\n                        <\/div>\r\n                        <p style=\"font-size: 14px; color: var(--tx-text-light); margin-bottom: 10px;\">Students start with the basics of programming including variables, operators, conditions, loops, and functions. These concepts help beginners understand how JavaScript programs work.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\ud83d\udd04<\/span>\r\n                            <h3>DOM Manipulation<\/h3>\r\n                        <\/div>\r\n                        <p style=\"font-size: 14px; color: var(--tx-text-light); margin-bottom: 10px;\">Learn how JavaScript interacts with HTML and CSS to create dynamic web pages.<\/p>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>Document Object Model (DOM)<\/li>\r\n                            <li>Event handling<\/li>\r\n                            <li>Form validation<\/li>\r\n                            <li>Dynamic page updates<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\u26a1<\/span>\r\n                            <h3>Modern JavaScript (ES6)<\/h3>\r\n                        <\/div>\r\n                        <p style=\"font-size: 14px; color: var(--tx-text-light); margin-bottom: 10px;\">The course also covers modern JavaScript features that developers use in real applications.<\/p>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>Arrow functions<\/li>\r\n                            <li>Modules and imports<\/li>\r\n                            <li>Destructuring<\/li>\r\n                            <li>Async programming<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Real-World Projects -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Real-World Projects<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">During the JavaScript developer course in Noida, students work on practical projects such as:<\/p>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83d\udcf1 interactive web applications<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83c\udfaf dynamic UI components<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udd0c API-based applications<\/div>\r\n                    <div class=\"tx-feature-card\">\u23f1\ufe0f real-time browser applications<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">These projects help learners build confidence and real coding experience.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Who Should Join This Course -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Who Should Join This Course?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Our JavaScript classes in Noida are suitable for:<\/p>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83c\udf93 Students interested in web development<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udc76 Beginners who want to learn programming<\/div>\r\n                    <div class=\"tx-feature-card\">\u2b06\ufe0f Developers upgrading frontend skills<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcbc Professionals shifting to IT careers<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\"><strong>No prior coding experience is required<\/strong> to start the course.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Career Opportunities -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Career Opportunities<\/h2>\r\n                <p style=\"margin-bottom: 20px;\">After completing the JavaScript training course in Noida, students can pursue careers such as:<\/p>\r\n                <div class=\"tx-job-roles\">\r\n                    <span class=\"tx-job-role\">JavaScript Developer<\/span>\r\n                    <span class=\"tx-job-role\">Frontend Developer<\/span>\r\n                    <span class=\"tx-job-role\">Web Developer<\/span>\r\n                    <span class=\"tx-job-role\">Full Stack Developer<\/span>\r\n                    <span class=\"tx-job-role\">UI Developer<\/span>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">With growing demand for web applications, JavaScript developers are highly valued in the technology industry.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Course Details -->\r\n            <div class=\"tx-details-highlight\">\r\n                <h2 style=\"margin-bottom: 20px; color: white;\">Course Details<\/h2>\r\n                <div class=\"tx-grid-2\" style=\"margin-bottom: 15px;\">\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Course<\/div>\r\n                        <div style=\"font-size: 18px; font-weight: 600;\">JavaScript Developer Training<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Location<\/div>\r\n                        <div style=\"font-size: 18px; font-weight: 600;\">Noida<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Duration<\/div>\r\n                        <div style=\"font-size: 18px; font-weight: 600;\">2\u20133 Months<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Training Mode<\/div>\r\n                        <div style=\"font-size: 18px; font-weight: 600;\">Online \/ Classroom<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Skill Level<\/div>\r\n                        <div style=\"font-size: 18px; font-weight: 600;\">Beginner to Intermediate<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Why Choose TrainingX -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Why Choose TrainingX for JavaScript Training in Noida?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Students choose TrainingX because of our practical learning approach and industry-focused training.<\/p>\r\n                \r\n                <h3 class=\"tx-subtitle\" style=\"margin-bottom: 15px;\">Key advantages include:<\/h3>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83d\udc68\u200d\ud83c\udfeb Experienced instructors<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcbb Practical coding sessions<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\ude80 Real development projects<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcda Updated curriculum<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83c\udfaf Career guidance and placement assistance<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">Our goal is to help students build job-ready development skills.<\/p>\r\n            <\/div>\r\n\r\n            <!-- FAQ -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">FAQ<\/h2>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Which is the best JavaScript course in Noida?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        A good JavaScript course should include practical training, real projects, and expert guidance. TrainingX provides industry-focused JavaScript developer training with hands-on coding practice.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Can beginners join JavaScript training?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        Yes. Our JavaScript course for beginners in Noida starts with programming fundamentals, making it suitable for students without prior coding experience.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What jobs can I get after learning JavaScript?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        After completing the course, students can work as a JavaScript developer, frontend developer, web developer, or full stack developer.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CTA - White Background with Primary Button -->\r\n            <div class=\"tx-cta-section-white\">\r\n                <h2 class=\"tx-cta-title-white\">Start Your JavaScript Developer Career Today<\/h2>\r\n                <p class=\"tx-cta-text-white\">Join the best JavaScript training institute in Noida and gain practical web development skills with expert guidance.<\/p>\r\n                <button class=\"tx-cta-button-white\" onclick=\"openPopup()\">Enroll Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Sidebar - 25% -->\r\n        <div class=\"tx-col-sidebar\">\r\n            <div class=\"tx-sidebar-sticky\">\r\n                <!-- Enrollment Widget -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Course Enrollment<\/h3>\r\n                    <div style=\"background: #e6f7ef; padding: 15px; border-radius: 12px; margin-bottom: 20px; text-align: center;\">\r\n                        <span style=\"font-size: 14px; color: var(--tx-text-light);\">Course Fee<\/span>\r\n                        <div style=\"font-size: 36px; font-weight: 800; color: var(--tx-primary);\">\u20b929,999<\/div>\r\n                        <span style=\"font-size: 13px; color: var(--tx-text-light);\">Includes all materials & certificate<\/span>\r\n                    <\/div>\r\n                    \r\n                    <button class=\"tx-btn tx-btn-primary\" onclick=\"openPopup()\">Enroll Now<\/button>\r\n                    \r\n                    <ul class=\"tx-info-list\" style=\"margin-top: 20px;\">\r\n                        <li><span class=\"tx-info-icon\">\u23f0<\/span> Duration: 2-3 Months<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udcda<\/span> 30+ Hours Content<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83c\udfc6<\/span> Certificate Included<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udd04<\/span> Lifetime Access<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udc65<\/span> 500+ Students Enrolled<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Quick Info -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Quick Info<\/h3>\r\n                    <ul class=\"tx-info-list\">\r\n                        <li><span class=\"tx-info-icon\">\ud83c\udf93<\/span> Students<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udc76<\/span> Beginners<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2b06\ufe0f<\/span> Developers<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udd04<\/span> Career Switchers<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Key Features -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Key Features<\/h3>\r\n                    <ul class=\"tx-info-list\">\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Live Projects<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Placement Assistance<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> 1-on-1 Mentoring<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Interview Prep<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Flexible Schedule<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Free Demo Class<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Contact Info -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Contact Us<\/h3>\r\n                    \r\n                    <a href=\"tel:+918076461562\" style=\"text-decoration: none; color: inherit;\">\r\n                        <div class=\"tx-contact-item\" style=\"cursor: pointer;\">\r\n                            <span class=\"tx-info-icon\">\ud83d\udcde<\/span>\r\n                            <span>+91 8076461562<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    \r\n                    <a href=\"mailto:Info@training.in\" style=\"text-decoration: none; color: inherit;\">\r\n                        <div class=\"tx-contact-item\" style=\"cursor: pointer;\">\r\n                            <span class=\"tx-info-icon\">\u2709\ufe0f<\/span>\r\n                            <span>Info@training.in<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    \r\n                    <div class=\"tx-contact-item\">\r\n                        <span class=\"tx-info-icon\">\ud83d\udccd<\/span>\r\n                        <span>B-106, D Block, Sector 6, Noida, UP 201301<\/span>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"tel:+918076461562\" style=\"text-decoration: none;\">\r\n                        <button class=\"tx-btn tx-btn-primary\" style=\"margin-top: 15px;\">\r\n                            <span>\ud83d\udcde<\/span> Get Free Consult\r\n                        <\/button>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ============================================\r\n\/\/ YOUR GOOGLE SCRIPT URL - INTEGRATED\r\n\/\/ ============================================\r\nvar GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbx4zZYv4VN2gZbrYqDgtsTq8S9jY5DLFffmY00jtzNQE1B3VGIBat0mdjV6DFbSN_lvrw\/exec\";\r\n\r\n\/\/ Accordion Function\r\nfunction toggleAccordion(header) {\r\n    let allHeaders = document.querySelectorAll('.tx-accordion-header');\r\n    allHeaders.forEach(h => {\r\n        if (h !== header && h.classList.contains('active')) {\r\n            h.classList.remove('active');\r\n            h.nextElementSibling.classList.remove('show');\r\n        }\r\n    });\r\n    \r\n    header.classList.toggle('active');\r\n    let content = header.nextElementSibling;\r\n    content.classList.toggle('show');\r\n}\r\n\r\n\/\/ Open Popup with Form\r\nfunction openPopup() {\r\n    var popup = document.getElementById('txPopupOverlay');\r\n    var popupBody = document.getElementById('txPopupBody');\r\n    \r\n    popup.classList.add('show');\r\n    document.body.style.overflow = 'hidden';\r\n    \r\n    \/\/ Form HTML with FULLY VISIBLE dropdown option\r\n    popupBody.innerHTML = `\r\n        <div style=\"padding: 30px;\">\r\n            <div style=\"text-align: center; margin-bottom: 20px;\">\r\n                <span style=\"background: #e6f7ef; color: #2EB87C; padding: 6px 16px; border-radius: 50px; font-size: 14px; font-weight: 600;\">Quick Enquiry<\/span>\r\n                <h2 style=\"margin-top: 15px; font-size: 24px; color: #1a202c;\">Get Free Consultation<\/h2>\r\n                <p style=\"color: #4a5568;\">Fill the form below and our counsellor will contact you<\/p>\r\n            <\/div>\r\n            \r\n            <form id=\"txEnquiryForm\">\r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Full Name *<\/label>\r\n                    <input type=\"text\" id=\"txName\" name=\"name\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Email Address *<\/label>\r\n                    <input type=\"email\" id=\"txEmail\" name=\"email\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Phone Number *<\/label>\r\n                    <input type=\"tel\" id=\"txPhone\" name=\"phone\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Select Course<\/label>\r\n                    <select id=\"txCourse\" name=\"course\" \r\n                            style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box; height: auto; min-height: 50px;\">\r\n                        <option value=\"JavaScript Developer Course\" style=\"white-space: normal; padding: 10px; min-height: 45px; display: block;\">JavaScript Developer Course<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 20px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Message (Optional)<\/label>\r\n                    <textarea id=\"txMessage\" name=\"message\" rows=\"3\" \r\n                              style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box; resize: vertical;\"><\/textarea>\r\n                <\/div>\r\n                \r\n                <div id=\"txFormStatus\" style=\"margin-bottom: 15px; font-size: 14px; display: none;\"><\/div>\r\n                \r\n                <button type=\"submit\" id=\"txSubmitBtn\" \r\n                        style=\"width: 100%; background: #2EB87C; color: white; padding: 14px; border: none; border-radius: 12px; font-weight: 700; font-size: 16px; cursor: pointer; transition: all 0.3s ease;\">\r\n                    Submit Enquiry\r\n                <\/button>\r\n                \r\n                <p style=\"text-align: center; margin-top: 15px; font-size: 12px; color: #718096;\">\r\n                    We respect your privacy. No spam, ever.\r\n                <\/p>\r\n            <\/form>\r\n        <\/div>\r\n    `;\r\n    \r\n    \/\/ Attach form submit handler\r\n    var form = document.getElementById('txEnquiryForm');\r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            submitFormToGoogleScript();\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ Submit form to Google Script\r\nfunction submitFormToGoogleScript() {\r\n    var name = document.getElementById('txName').value.trim();\r\n    var email = document.getElementById('txEmail').value.trim();\r\n    var phone = document.getElementById('txPhone').value.trim();\r\n    var course = document.getElementById('txCourse').value;\r\n    var message = document.getElementById('txMessage').value;\r\n    \r\n    if (!name) {\r\n        showFormStatus('Please enter your name.', 'error');\r\n        return;\r\n    }\r\n    if (!email) {\r\n        showFormStatus('Please enter your email address.', 'error');\r\n        return;\r\n    }\r\n    if (!\/^\\S+@\\S+\\.\\S+$\/.test(email)) {\r\n        showFormStatus('Please enter a valid email address.', 'error');\r\n        return;\r\n    }\r\n    if (!phone) {\r\n        showFormStatus('Please enter your phone number.', 'error');\r\n        return;\r\n    }\r\n    if (!\/^\\d{10}$\/.test(phone)) {\r\n        showFormStatus('Please enter a valid 10-digit phone number.', 'error');\r\n        return;\r\n    }\r\n    \r\n    var submitBtn = document.getElementById('txSubmitBtn');\r\n    submitBtn.disabled = true;\r\n    submitBtn.innerHTML = 'Sending... \u23f3';\r\n    submitBtn.style.opacity = '0.7';\r\n    submitBtn.style.cursor = 'not-allowed';\r\n    \r\n    showFormStatus('Submitting your enquiry...', 'loading');\r\n    \r\n    var formData = new URLSearchParams();\r\n    formData.append('name', name);\r\n    formData.append('email', email);\r\n    formData.append('phone', phone);\r\n    formData.append('course', course);\r\n    formData.append('message', message);\r\n    \r\n    fetch(GOOGLE_SCRIPT_URL, {\r\n        method: 'POST',\r\n        mode: 'no-cors',\r\n        headers: {\r\n            'Content-Type': 'application\/x-www-form-urlencoded',\r\n        },\r\n        body: formData.toString()\r\n    })\r\n    .then(function() {\r\n        showThankYouMessage();\r\n        document.getElementById('txEnquiryForm').reset();\r\n        setTimeout(function() {\r\n            closePopup();\r\n        }, 3000);\r\n    })\r\n    .catch(function(error) {\r\n        console.error('Error:', error);\r\n        showFormStatus('\u274c Something went wrong. Please try again or call us directly.', 'error');\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerHTML = 'Submit Enquiry';\r\n        submitBtn.style.opacity = '1';\r\n        submitBtn.style.cursor = 'pointer';\r\n    });\r\n}\r\n\r\nfunction showThankYouMessage() {\r\n    var statusDiv = document.getElementById('txFormStatus');\r\n    var submitBtn = document.getElementById('txSubmitBtn');\r\n    \r\n    statusDiv.style.display = 'block';\r\n    statusDiv.innerHTML = '\u2705 <strong>Thank You!<\/strong> Our team will contact you within 24 hours.';\r\n    statusDiv.style.color = '#2EB87C';\r\n    statusDiv.style.backgroundColor = '#e6f7ef';\r\n    statusDiv.style.padding = '12px';\r\n    statusDiv.style.borderRadius = '8px';\r\n    statusDiv.style.textAlign = 'center';\r\n    \r\n    if (submitBtn) {\r\n        submitBtn.style.display = 'none';\r\n    }\r\n}\r\n\r\nfunction showFormStatus(message, type) {\r\n    var statusDiv = document.getElementById('txFormStatus');\r\n    statusDiv.style.display = 'block';\r\n    statusDiv.innerHTML = message;\r\n    \r\n    if (type === 'error') {\r\n        statusDiv.style.color = '#e53e3e';\r\n        statusDiv.style.backgroundColor = '#fff5f5';\r\n    } else if (type === 'success') {\r\n        statusDiv.style.color = '#2EB87C';\r\n        statusDiv.style.backgroundColor = '#e6f7ef';\r\n    } else {\r\n        statusDiv.style.color = '#3182ce';\r\n        statusDiv.style.backgroundColor = '#ebf8ff';\r\n    }\r\n    \r\n    statusDiv.style.padding = '12px';\r\n    statusDiv.style.borderRadius = '8px';\r\n    statusDiv.style.textAlign = 'center';\r\n}\r\n\r\nfunction closePopup() {\r\n    var popup = document.getElementById('txPopupOverlay');\r\n    popup.classList.remove('show');\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') {\r\n        var popup = document.getElementById('txPopupOverlay');\r\n        if (popup.classList.contains('show')) {\r\n            closePopup();\r\n        }\r\n    }\r\n});\r\n\r\ndocument.getElementById('txPopupOverlay').addEventListener('click', function(e) {\r\n    if (e.target === this) {\r\n        closePopup();\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>&times; Web Development JavaScript Developer Course in Noida \u2013 Learn Modern Web Development \ud83d\udcca Level Beginner to Intermediate \ud83d\udc65 Enrolled [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-3955","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/3955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/comments?post=3955"}],"version-history":[{"count":69,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/3955\/revisions"}],"predecessor-version":[{"id":4571,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/3955\/revisions\/4571"}],"up":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/media?parent=3955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}