<\/span><\/h2>\n\n\n\nThe core of the software developer roadmap is understanding a developer\u2019s multifaceted role. Software developers design, build, test, deploy, and maintain applications that power businesses and lives. These professionals are essential for turning novel ideas into robust digital products. They can specialize as frontend developers, crafting visually appealing user interfaces; backend developers, managing server logic and databases; full-stack developers, integrating both frontend and backend; mobile developers, building apps for Android and iOS; DevOps engineers, automating processes for development and deployment; or game developers, designing interactive gaming worlds. To excel at each role, developers use a mix of tools and environments such as integrated development environments (IDEs), version control systems like Git, collaborative platforms like GitHub, cloud services (AWS, Azure), and CI\/CD pipelines. Understanding these tools and environments is crucial for mapping a successful software development career path and building a strong foundation as a software engineer.<\/p>\n\n\n\n<\/video><\/figure>\n\n\n\nHere is a detailed and actionable software developer roadmap for 2025, making how to become a software developer a reality for all.<\/p>\n\n\n\n\n\n
\n Hello World!<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .iitr_banner_container {\n font-family: lato;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border-radius: 16px;\n background: linear-gradient(88deg, #19000F 24.45%, #66003F 83.33%);\n position: relative;\n\n @media (max-width: 768px) {\n min-height: 450px;\n overflow: hidden;\n flex-direction: column;\n }\n }\n .iitr_banner_content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 20px;\n max-width: 50%;\n\n @media (max-width: 768px) {\n max-width: 100%;\n }\n }\n .iitr_banner_title {\n font-size: 24px;\n font-weight: bold;\n color: #FFFFFF;\n\n @media (max-width: 768px) {\n font-size: 20px;\n }\n }\n .iitr_banner_title_highlight {\n color: #FF0071;\n }\n .iitr_banner_subtitle {\n font-size: 14px;\n color: #FFFFFF;\n margin: 10px 0;\n }\n .iitr_banner_btn {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px 48px;\n background-color: #F8F9F9;\n border-radius: 8px;\n border: 1px solid #E3E8E8;\n font-size: 1.4rem;\n font-weight: 600;\n color: #0D3231;\n text-decoration: none;\n margin-top: 16px;\n\n @media (max-width: 768px) {\n padding: 8px 32px;\n }\n }\n .iitr_banner_image {\n position: absolute;\n bottom: 0;\n right: 0;\n\n @media (max-width: 768px) {\n right: auto;\n object-fit: cover;\n min-width: 100%\n }\n }\n .iitr_banner_image_logo {\n margin-bottom: 16px;\n \n @media (max-width: 768px) {\n width: 240px;\n }\n }\n\n \/* Responsive visibility utilities *\/\n .show-in-mobile {\n display: none;\n }\n .hide-in-mobile {\n display: block;\n }\n\n \/* Mobile breakpoint (768px and below) *\/\n @media (max-width: 768px) {\n .show-in-mobile {\n display: block;\n }\n .hide-in-mobile {\n display: none;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"iitr_banner_container\">\n <div class=\"iitr_banner_content\">\n <img decoding=\"async\" src=\"https:\/\/d2beiqkhq929f0.cloudfront.net\/public_assets\/assets\/000\/176\/281\/original\/Frame_1430102419.svg?1769058073\" class=\"iitr_banner_image_logo\" \/>\n <div class=\"iitr_banner_title\">\n AI Engineering Course Advanced Certification by \n <span class=\"iitr_banner_title_highlight\">\n IIT-Roorkee CEC\n <\/span>\n <\/div>\n <div class=\"iitr_banner_subtitle\">\n A hands on AI engineering program covering Machine Learning, Generative AI, and LLMs – designed for working professionals & delivered by IIT Roorkee in collaboration with Scaler.\n <\/div>\n <a class=\"iitr_banner_btn\" href=\"#\" id=\"iitr_banner_btn\">Enrol Now<\/a>\n <\/div>\n <!-- Desktop Image -->\n <img decoding=\"async\" class=\"iitr_banner_image hide-in-mobile\" src=\"https:\/\/d2beiqkhq929f0.cloudfront.net\/public_assets\/assets\/000\/176\/282\/original\/iitr_2.svg?1769058132\" \/>\n <!-- Mobile Image -->\n <img decoding=\"async\" class=\"iitr_banner_image show-in-mobile\" src=\"https:\/\/d2beiqkhq929f0.cloudfront.net\/public_assets\/assets\/000\/176\/283\/original\/iitr_2_%281%29.svg?1769059469\" \/>\n <\/div>\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const pathParts = location.pathname.split(\"\/\").filter(Boolean);\n const currentSlug = pathParts.length > 0 ? pathParts[pathParts.length - 1] : \"homepage\";\n const url = `https:\/\/www.scaler.com\/iit-roorkee-advanced-ai-engineering-course?utm_source=blog&utm_medium=iit_roorkee&utm_content=${currentSlug}`;\n const btns = document.querySelectorAll(\".iitr_banner_btn\");\n btns.forEach(btn => {\n btn.href = url;\n });\n });\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Learn Programming Fundamentals<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select one foundational language: Python, JavaScript, Java, or C++.<\/li>\n\n\n\n<li>Develop core concepts by working with variables, loops, arrays\/lists, conditional statements, functions, and object-oriented programming (OOP).<\/li>\n\n\n\n<li>Primary keyword usage: By following the software developer roadmap, every beginner gains a crucial base for all later stages.<\/li>\n\n\n\n<li>Lean on free resources like W3Schools, freeCodeCamp, and Scaler Topics as a starting point for the beginner software developer roadmap.<\/li>\n\n\n\n<li>Practice building tiny programs to cement understanding early in a software development career path.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Master Core Computer Science Concepts<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dive into crucial areas: Data Structures and Algorithms (DSA), Database Management Systems (DBMS), Operating Systems (OS), and Computer Networks.<\/li>\n\n\n\n<li>Focus on concepts like linked lists, trees, sorting, searching, SQL, normalization, OS scheduling, process management, and TCP\/IP protocols.<\/li>\n\n\n\n<li>Leetcode and GeeksforGeeks are invaluable for self-paced practice, while structured bootcamps at Scaler Academy ensure personalized mentorship.<\/li>\n\n\n\n<li>The roadmap to become software engineer emphasizes DSA, as it directly improves problem-solving and placement chances.<\/li>\n<\/ul>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n <style>\n :root {\n --scaler-primary: #1a56db;\n --scaler-primary-dark: #1e429f;\n --scaler-primary-light: #e1effe;\n --scaler-accent: #f97316;\n --scaler-bg: #f8fafc;\n --scaler-card-bg: #ffffff;\n --scaler-text-primary: #0f172a;\n --scaler-text-secondary: #64748b;\n --scaler-text-muted: #94a3b8;\n --scaler-border: #e2e8f0;\n --scaler-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.07), 0 2px 4px -2px rgb(0 0 0 \/ 0.07);\n --scaler-shadow-lg: 0 20px 25px -5px rgb(0 0 0 \/ 0.08), 0 8px 10px -6px rgb(0 0 0 \/ 0.08);\n --scaler-radius: 0;\n --scaler-radius-sm: 0;\n }\n\n * { box-sizing: border-box; }\n\n .scaler-events-carousel {\n font-family: \"DM Sans\", system-ui, sans-serif;\n padding: 60px 24px 80px;\n position: relative;\n overflow: hidden;\n width: 100%; \/* Ensure container is full width *\/\n }\n\n .scaler-events-carousel::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 1px 1px, var(--scaler-border) 1px, transparent 0);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n }\n\n .scaler-events-carousel__inner {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n \/* Header Section *\/\n .scaler-events-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .scaler-events-header__badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--scaler-primary-light);\n color: var(--scaler-primary);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 16px;\n }\n\n .scaler-events-header__badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n background: var(--scaler-accent);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.2); }\n }\n\n .scaler-events-header__title {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 700;\n color: var(--scaler-text-primary);\n margin: 0 0 12px;\n line-height: 1.2;\n }\n\n .scaler-events-header__subtitle {\n font-size: 16px;\n color: var(--scaler-text-secondary);\n margin: 0;\n max-width: 500px;\n margin-inline: auto;\n line-height: 1.6;\n }\n\n \/* Swiper Container *\/\n .scaler-events-carousel .swiper {\n padding: 20px 4px 60px;\n margin: 0 -4px;\n width: 100%;\n }\n\n \/* FIX: FORCE WIDTH ON SLIDES *\/\n .scaler-events-carousel .swiper-slide {\n height: auto;\n width: 100%; \/* Fallback *\/\n display: flex; \/* Ensure inner card stretches *\/\n }\n\n \/* Event Card *\/\n .scaler-event-card {\n background: var(--scaler-card-bg);\n border-radius: var(--scaler-radius);\n box-shadow: var(--scaler-shadow);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%; \/* FIX: Ensure card fills the slide *\/\n border: 1px solid var(--scaler-border);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--scaler-shadow-lg);\n }\n\n .scaler-event-card__image-wrapper {\n position: relative;\n overflow: hidden;\n padding: unset;\n aspect-ratio: 3.15;\n background: linear-gradient(135deg, var(--scaler-primary-light) 0%, var(--scaler-bg) 100%);\n width: 100%;\n }\n\n .scaler-event-card__image {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover .scaler-event-card__image {\n transform: scale(1.05);\n }\n\n .scaler-event-card__live-badge {\n position: absolute;\n top: 12px; left: 12px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(239, 68, 68, 0.95);\n color: #fff;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n padding: 5px 10px;\n border-radius: 6px;\n backdrop-filter: blur(4px);\n z-index: 2;\n }\n\n .scaler-event-card__live-badge::before {\n content: \"\";\n width: 6px; height: 6px;\n background: #fff;\n border-radius: 50%;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n .scaler-event-card__content {\n padding: 20px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .scaler-event-card__title {\n font-size: 17px;\n font-weight: 600;\n min-height: 2.5rem;\n color: var(--scaler-text-primary);\n margin: 0 0 14px;\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .scaler-event-card__meta {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .scaler-event-card__meta-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-event-card__meta-icon {\n width: 32px; height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-bg);\n border-radius: var(--scaler-radius-sm);\n color: var(--scaler-primary);\n flex-shrink: 0;\n }\n\n .scaler-event-card__meta-icon svg {\n width: 16px; height: 16px;\n }\n\n .scaler-event-card__meta-label {\n font-weight: 500;\n color: var(--scaler-text-primary);\n }\n\n .scaler-event-card__spacer {\n flex-grow: 1;\n min-height: 4px;\n }\n\n .scaler-event-card__cta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 14px 20px;\n background: var(--scaler-primary);\n color: #fff;\n font-style: normal;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n border: none;\n border-radius: var(--scaler-radius-sm);\n cursor: pointer;\n transition: background 0.2s ease, transform 0.15s ease;\n }\n\n .scaler-event-card__cta:hover {\n background: var(--scaler-primary-dark);\n }\n\n .scaler-event-card__cta:active {\n transform: scale(0.98);\n }\n\n .scaler-event-card__cta svg {\n width: 16px; height: 16px;\n transition: transform 0.2s ease;\n }\n\n .scaler-event-card__cta:hover svg {\n transform: translateX(3px);\n }\n\n \/* Navigation *\/\n .scaler-events-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 32px;\n padding: unset;\n }\n\n .scaler-events-nav__btn {\n width: 48px; height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-card-bg);\n border: 1px solid var(--scaler-border);\n cursor: pointer;\n transition: all 0.2s ease;\n color: var(--scaler-text-primary);\n padding: unset;\n }\n\n .scaler-events-nav__btn:hover:not(.swiper-button-disabled) {\n background: var(--scaler-primary);\n border-color: var(--scaler-primary);\n color: #fff;\n }\n\n .scaler-events-nav__btn.swiper-button-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n .scaler-events-nav__btn svg {\n width: 20px; height: 20px;\n }\n\n \/* Pagination *\/\n .scaler-events-pagination {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet {\n width: 8px; height: 8px;\n background: var(--scaler-border);\n opacity: 1;\n transition: all 0.3s ease;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet-active {\n width: 24px;\n border-radius: 4px;\n background: var(--scaler-primary);\n }\n\n .scaler-events-carousel .swiper-button-prev,\n .scaler-events-carousel .swiper-button-next {\n display: none;\n }\n\n \/* Skeleton & Empty States *\/\n .scaler-event-card--skeleton { pointer-events: none; }\n .scaler-event-card--skeleton .scaler-event-card__image-wrapper,\n .scaler-event-card--skeleton .scaler-event-card__title,\n .scaler-event-card--skeleton .scaler-event-card__meta-item,\n .scaler-event-card--skeleton .scaler-event-card__cta {\n background: linear-gradient(90deg, var(--scaler-border) 25%, var(--scaler-bg) 50%, var(--scaler-border) 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n color: transparent !important;\n border-radius: 4px;\n }\n .scaler-event-card--skeleton .scaler-event-card__image { display: none; }\n\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n\n .scaler-events-empty {\n text-align: center;\n padding: 60px 20px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-events-empty__icon {\n width: 64px; height: 64px;\n margin: 0 auto 16px;\n color: var(--scaler-text-muted);\n }\n\n .scaler-events-empty__title {\n font-size: 18px;\n font-weight: 600;\n color: var(--scaler-text-primary);\n margin: 0 0 8px;\n }\n\n @media (max-width: 1024px) {\n .scaler-events-carousel { padding: 48px 20px 60px; }\n }\n\n @media (max-width: 768px) {\n .scaler-events-carousel { padding: 40px 16px 50px; }\n .scaler-events-header { margin-bottom: 32px; }\n .scaler-events-header__subtitle { font-size: 15px; }\n .scaler-event-card__content { padding: 16px; }\n .scaler-event-card__title { font-size: 16px; }\n .scaler-events-nav__btn { width: 44px; height: 44px; }\n }\n\n @media (max-width: 480px) {\n .scaler-events-carousel { padding: 32px 12px 40px; }\n .scaler-events-header__badge { font-size: 11px; padding: 5px 12px; }\n .scaler-event-card__meta-item { font-size: 13px; }\n .scaler-event-card__meta-icon { width: 28px; height: 28px; }\n .scaler-event-card__cta { padding: 12px 16px; font-size: 13px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"scaler-events-carousel js-scaler-carousel\">\n \n <template class=\"js-event-card-template\">\n <div class=\"swiper-slide\">\n <article class=\"scaler-event-card\">\n <div class=\"scaler-event-card__image-wrapper\">\n <span class=\"scaler-event-card__live-badge\" style=\"display: none;\">Live Now<\/span>\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"scaler-event-card__image\" loading=\"lazy\" \/>\n <\/div>\n \n <div class=\"scaler-event-card__content\">\n <h3 class=\"scaler-event-card__title\"><\/h3>\n \n <div class=\"scaler-event-card__meta\">\n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-date\"><\/span>\n <\/div>\n \n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-speaker\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"scaler-event-card__spacer\"><\/div>\n\n <a href=\"#\" class=\"scaler-event-card__cta\" style=\"color: white !important; font-style: normal\">\n Register Now\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/template>\n\n <div class=\"scaler-events-carousel__inner\">\n <header class=\"scaler-events-header\">\n <span class=\"scaler-events-header__badge\">Live & Upcoming<\/span>\n <h2 class=\"scaler-events-header__title\"><span class=\"ez-toc-section\" id=\"scaler-masterclasses\"><\/span>Scaler Masterclasses<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"scaler-events-header__subtitle\">\n Learn from industry experts and accelerate your career with hands-on, interactive sessions.\n <\/p>\n <\/header>\n\n <div class=\"swiper scaler-event-swiper\">\n <div class=\"swiper-wrapper scaler-events-wrapper\"><\/div>\n <div class=\"swiper-pagination scaler-events-pagination\"><\/div>\n <\/div>\n\n <nav class=\"scaler-events-nav\">\n <button class=\"scaler-events-nav__btn scaler-nav-prev\" aria-label=\"Previous slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/>\n <\/svg>\n <\/button>\n <button class=\"scaler-events-nav__btn scaler-nav-next\" aria-label=\"Next slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\n <\/svg>\n <\/button>\n <\/nav>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n \n const carouselInstances = document.querySelectorAll('.js-scaler-carousel');\n\n carouselInstances.forEach(container => {\n \n if(container.dataset.initialized === \"true\") return;\n container.dataset.initialized = \"true\";\n\n const swiperElement = container.querySelector(\".scaler-event-swiper\");\n const swiperWrapper = container.querySelector(\".scaler-events-wrapper\");\n const template = container.querySelector(\".js-event-card-template\");\n const nextBtn = container.querySelector(\".scaler-nav-next\");\n const prevBtn = container.querySelector(\".scaler-nav-prev\");\n const paginationEl = container.querySelector(\".scaler-events-pagination\");\n\n if (!swiperWrapper || !template) {\n console.error(\"Scaler Carousel: Missing required elements inside container\");\n return;\n }\n\n \/\/ FIX: Added 'observer' and 'observeParents' to ensure correct width calculation\n const swiper = new Swiper(swiperElement, {\n slidesPerView: 1,\n spaceBetween: 24,\n grabCursor: true,\n observer: true, \/\/ IMPORTANT: Watch for DOM changes\n observeParents: true, \/\/ IMPORTANT: Watch for parent container changes\n pagination: { \n el: paginationEl, \n clickable: true, \n dynamicBullets: true \n },\n navigation: { \n nextEl: nextBtn, \n prevEl: prevBtn \n },\n breakpoints: {\n 640: { slidesPerView: 2, spaceBetween: 20 },\n 1024: { slidesPerView: 2, spaceBetween: 24 },\n 1280: { slidesPerView: 2, spaceBetween: 32 },\n },\n });\n\n function showSkeletons(count = 3) {\n swiperWrapper.innerHTML = \"\";\n for (let i = 0; i < count; i++) {\n const clone = template.content.cloneNode(true);\n const card = clone.querySelector(\".scaler-event-card\");\n card.classList.add(\"scaler-event-card--skeleton\");\n swiperWrapper.appendChild(clone);\n }\n swiper.update();\n }\n\n function renderEvents(events) {\n swiperWrapper.innerHTML = \"\";\n \n if (events.length === 0) {\n swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">No upcoming masterclasses found.<\/div>`;\n return;\n }\n\n const pathParts = location.pathname.split(\"\/\").filter(Boolean);\n const currentSlug = pathParts.length > 0 ? pathParts[pathParts.length - 1] : \"homepage\";\n \n events.forEach(event => {\n const attr = event.attributes;\n const clone = template.content.cloneNode(true);\n \n const img = clone.querySelector(\".scaler-event-card__image\");\n const joinUrl = `\/event\/${attr.slug}\/?utm_source=blog&utm_medium=master_class&utm_content=${currentSlug}`;\n \n const eventImg =\n attr.custom_data?.image ||\n attr.custom_data?.banner_thumbnail ||\n attr.image_url ||\n \"https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?w=800&h=450&fit=crop\";\n \n img.src = eventImg;\n img.alt = attr.title;\n \n const startDate = new Date(attr.start_time);\n const formattedDate = startDate.toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n });\n const formattedTime = startDate.toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n });\n \n clone.querySelector(\".scaler-event-card__title\").textContent = attr.title;\n clone.querySelector(\".js-event-date\").textContent = `${formattedDate} \u2022 ${formattedTime}`; \n clone.querySelector(\".js-event-speaker\").textContent = attr.instructor_name;\n clone.querySelector(\".scaler-event-card__cta\").href = joinUrl || \"#\";\n \n swiperWrapper.appendChild(clone);\n });\n \n swiper.update();\n swiper.slideTo(0);\n }\n \n async function fetchEvents() {\n try {\n showSkeletons();\n const res = await fetch(\n \"https:\/\/www.scaler.com\/api\/v4\/events?event_type[]=company&distributor=scaler&type=upcoming&serializer_mode=L2&limit=8&program[]=software_development&program[]=data_science&program[]=devops&program[]=ai_ml\"\n );\n const json = await res.json();\n const events = json.data || [];\n renderEvents(events);\n } catch (error) {\n console.error(\"Failed to load events:\", error);\n if(swiperWrapper) swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">Failed to load events.<\/div>`;\n }\n }\n \n fetchEvents();\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Learn Version Control<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Master Git basics including repository initialization, commits, branches, pull\/push, and resolving conflicts.<\/li>\n\n\n\n<li>Host code publicly on GitHub; learn collaborative workflows involving forks, pull requests, and code reviews.<\/li>\n\n\n\n<li>This is a critical skill for working in teams and contributing to large codebases along the software development career path.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Pick a Specialization<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Frontend: HTML, CSS, JavaScript, React for creating user interfaces.<\/li>\n\n\n\n<li>Backend: Node.js, Python (Django\/Flask), Java (Spring Boot) for building server-side logic, APIs, and database integration.<\/li>\n\n\n\n<li>Mobile: Flutter, React Native, or Kotlin to launch apps for iOS and Android.<\/li>\n\n\n\n<li>DevOps\/Cloud: Gain proficiency in Docker, AWS, CI\/CD, and deployment strategies.<\/li>\n\n\n\n<li>Data\/ML: For aspiring AI engineers, Python, TensorFlow, Pandas are key.<\/li>\n\n\n\n<li>Use roadmap visuals to mark out these specializations for easy reference.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Build Real-World Projects<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create hands-on projects such as a to-do app, e-commerce platform, personal portfolio, or blog CMS.<\/li>\n\n\n\n<li>Deploy projects to public platforms like GitHub, Netlify, Vercel, or Heroku to build a digital portfolio.<\/li>\n\n\n\n<li>The software developer roadmap insists on showcasing projects, as they prove capabilities to recruiters.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Collaborate, Contribute & Practice<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Join the global open source community, contributing to real projects.<\/li>\n\n\n\n<li>Apply for internships, participate in coding contests, and attend mock interviews for confidence.<\/li>\n\n\n\n<li>Key platforms include GitHub (for code), HackerRank (for challenges), Internshala (for internships), and Scaler Forum (for networking).<\/li>\n\n\n\n<li>These collaborative experiences are vital components in a modern software development career path.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Take the next step in your learning journey \u2014 attend our free live masterclass.<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n <style>\n :root {\n --scaler-primary: #1a56db;\n --scaler-primary-dark: #1e429f;\n --scaler-primary-light: #e1effe;\n --scaler-accent: #f97316;\n --scaler-bg: #f8fafc;\n --scaler-card-bg: #ffffff;\n --scaler-text-primary: #0f172a;\n --scaler-text-secondary: #64748b;\n --scaler-text-muted: #94a3b8;\n --scaler-border: #e2e8f0;\n --scaler-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.07), 0 2px 4px -2px rgb(0 0 0 \/ 0.07);\n --scaler-shadow-lg: 0 20px 25px -5px rgb(0 0 0 \/ 0.08), 0 8px 10px -6px rgb(0 0 0 \/ 0.08);\n --scaler-radius: 0;\n --scaler-radius-sm: 0;\n }\n\n * { box-sizing: border-box; }\n\n .scaler-events-carousel {\n font-family: \"DM Sans\", system-ui, sans-serif;\n padding: 60px 24px 80px;\n position: relative;\n overflow: hidden;\n width: 100%; \/* Ensure container is full width *\/\n }\n\n .scaler-events-carousel::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 1px 1px, var(--scaler-border) 1px, transparent 0);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n }\n\n .scaler-events-carousel__inner {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n \/* Header Section *\/\n .scaler-events-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .scaler-events-header__badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--scaler-primary-light);\n color: var(--scaler-primary);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 16px;\n }\n\n .scaler-events-header__badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n background: var(--scaler-accent);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.2); }\n }\n\n .scaler-events-header__title {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 700;\n color: var(--scaler-text-primary);\n margin: 0 0 12px;\n line-height: 1.2;\n }\n\n .scaler-events-header__subtitle {\n font-size: 16px;\n color: var(--scaler-text-secondary);\n margin: 0;\n max-width: 500px;\n margin-inline: auto;\n line-height: 1.6;\n }\n\n \/* Swiper Container *\/\n .scaler-events-carousel .swiper {\n padding: 20px 4px 60px;\n margin: 0 -4px;\n width: 100%;\n }\n\n \/* FIX: FORCE WIDTH ON SLIDES *\/\n .scaler-events-carousel .swiper-slide {\n height: auto;\n width: 100%; \/* Fallback *\/\n display: flex; \/* Ensure inner card stretches *\/\n }\n\n \/* Event Card *\/\n .scaler-event-card {\n background: var(--scaler-card-bg);\n border-radius: var(--scaler-radius);\n box-shadow: var(--scaler-shadow);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%; \/* FIX: Ensure card fills the slide *\/\n border: 1px solid var(--scaler-border);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--scaler-shadow-lg);\n }\n\n .scaler-event-card__image-wrapper {\n position: relative;\n overflow: hidden;\n padding: unset;\n aspect-ratio: 3.15;\n background: linear-gradient(135deg, var(--scaler-primary-light) 0%, var(--scaler-bg) 100%);\n width: 100%;\n }\n\n .scaler-event-card__image {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover .scaler-event-card__image {\n transform: scale(1.05);\n }\n\n .scaler-event-card__live-badge {\n position: absolute;\n top: 12px; left: 12px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(239, 68, 68, 0.95);\n color: #fff;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n padding: 5px 10px;\n border-radius: 6px;\n backdrop-filter: blur(4px);\n z-index: 2;\n }\n\n .scaler-event-card__live-badge::before {\n content: \"\";\n width: 6px; height: 6px;\n background: #fff;\n border-radius: 50%;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n .scaler-event-card__content {\n padding: 20px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .scaler-event-card__title {\n font-size: 17px;\n font-weight: 600;\n min-height: 2.5rem;\n color: var(--scaler-text-primary);\n margin: 0 0 14px;\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .scaler-event-card__meta {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .scaler-event-card__meta-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-event-card__meta-icon {\n width: 32px; height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-bg);\n border-radius: var(--scaler-radius-sm);\n color: var(--scaler-primary);\n flex-shrink: 0;\n }\n\n .scaler-event-card__meta-icon svg {\n width: 16px; height: 16px;\n }\n\n .scaler-event-card__meta-label {\n font-weight: 500;\n color: var(--scaler-text-primary);\n }\n\n .scaler-event-card__spacer {\n flex-grow: 1;\n min-height: 4px;\n }\n\n .scaler-event-card__cta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 14px 20px;\n background: var(--scaler-primary);\n color: #fff;\n font-style: normal;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n border: none;\n border-radius: var(--scaler-radius-sm);\n cursor: pointer;\n transition: background 0.2s ease, transform 0.15s ease;\n }\n\n .scaler-event-card__cta:hover {\n background: var(--scaler-primary-dark);\n }\n\n .scaler-event-card__cta:active {\n transform: scale(0.98);\n }\n\n .scaler-event-card__cta svg {\n width: 16px; height: 16px;\n transition: transform 0.2s ease;\n }\n\n .scaler-event-card__cta:hover svg {\n transform: translateX(3px);\n }\n\n \/* Navigation *\/\n .scaler-events-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 32px;\n padding: unset;\n }\n\n .scaler-events-nav__btn {\n width: 48px; height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-card-bg);\n border: 1px solid var(--scaler-border);\n cursor: pointer;\n transition: all 0.2s ease;\n color: var(--scaler-text-primary);\n padding: unset;\n }\n\n .scaler-events-nav__btn:hover:not(.swiper-button-disabled) {\n background: var(--scaler-primary);\n border-color: var(--scaler-primary);\n color: #fff;\n }\n\n .scaler-events-nav__btn.swiper-button-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n .scaler-events-nav__btn svg {\n width: 20px; height: 20px;\n }\n\n \/* Pagination *\/\n .scaler-events-pagination {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet {\n width: 8px; height: 8px;\n background: var(--scaler-border);\n opacity: 1;\n transition: all 0.3s ease;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet-active {\n width: 24px;\n border-radius: 4px;\n background: var(--scaler-primary);\n }\n\n .scaler-events-carousel .swiper-button-prev,\n .scaler-events-carousel .swiper-button-next {\n display: none;\n }\n\n \/* Skeleton & Empty States *\/\n .scaler-event-card--skeleton { pointer-events: none; }\n .scaler-event-card--skeleton .scaler-event-card__image-wrapper,\n .scaler-event-card--skeleton .scaler-event-card__title,\n .scaler-event-card--skeleton .scaler-event-card__meta-item,\n .scaler-event-card--skeleton .scaler-event-card__cta {\n background: linear-gradient(90deg, var(--scaler-border) 25%, var(--scaler-bg) 50%, var(--scaler-border) 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n color: transparent !important;\n border-radius: 4px;\n }\n .scaler-event-card--skeleton .scaler-event-card__image { display: none; }\n\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n\n .scaler-events-empty {\n text-align: center;\n padding: 60px 20px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-events-empty__icon {\n width: 64px; height: 64px;\n margin: 0 auto 16px;\n color: var(--scaler-text-muted);\n }\n\n .scaler-events-empty__title {\n font-size: 18px;\n font-weight: 600;\n color: var(--scaler-text-primary);\n margin: 0 0 8px;\n }\n\n @media (max-width: 1024px) {\n .scaler-events-carousel { padding: 48px 20px 60px; }\n }\n\n @media (max-width: 768px) {\n .scaler-events-carousel { padding: 40px 16px 50px; }\n .scaler-events-header { margin-bottom: 32px; }\n .scaler-events-header__subtitle { font-size: 15px; }\n .scaler-event-card__content { padding: 16px; }\n .scaler-event-card__title { font-size: 16px; }\n .scaler-events-nav__btn { width: 44px; height: 44px; }\n }\n\n @media (max-width: 480px) {\n .scaler-events-carousel { padding: 32px 12px 40px; }\n .scaler-events-header__badge { font-size: 11px; padding: 5px 12px; }\n .scaler-event-card__meta-item { font-size: 13px; }\n .scaler-event-card__meta-icon { width: 28px; height: 28px; }\n .scaler-event-card__cta { padding: 12px 16px; font-size: 13px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"scaler-events-carousel js-scaler-carousel\">\n \n <template class=\"js-event-card-template\">\n <div class=\"swiper-slide\">\n <article class=\"scaler-event-card\">\n <div class=\"scaler-event-card__image-wrapper\">\n <span class=\"scaler-event-card__live-badge\" style=\"display: none;\">Live Now<\/span>\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"scaler-event-card__image\" loading=\"lazy\" \/>\n <\/div>\n \n <div class=\"scaler-event-card__content\">\n <h3 class=\"scaler-event-card__title\"><\/h3>\n \n <div class=\"scaler-event-card__meta\">\n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-date\"><\/span>\n <\/div>\n \n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-speaker\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"scaler-event-card__spacer\"><\/div>\n\n <a href=\"#\" class=\"scaler-event-card__cta\" style=\"color: white !important; font-style: normal\">\n Register Now\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/template>\n\n <div class=\"scaler-events-carousel__inner\">\n <header class=\"scaler-events-header\">\n <span class=\"scaler-events-header__badge\">Live & Upcoming<\/span>\n <h2 class=\"scaler-events-header__title\"><span class=\"ez-toc-section\" id=\"scaler-masterclasses-2\"><\/span>Scaler Masterclasses<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"scaler-events-header__subtitle\">\n Learn from industry experts and accelerate your career with hands-on, interactive sessions.\n <\/p>\n <\/header>\n\n <div class=\"swiper scaler-event-swiper\">\n <div class=\"swiper-wrapper scaler-events-wrapper\"><\/div>\n <div class=\"swiper-pagination scaler-events-pagination\"><\/div>\n <\/div>\n\n <nav class=\"scaler-events-nav\">\n <button class=\"scaler-events-nav__btn scaler-nav-prev\" aria-label=\"Previous slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/>\n <\/svg>\n <\/button>\n <button class=\"scaler-events-nav__btn scaler-nav-next\" aria-label=\"Next slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\n <\/svg>\n <\/button>\n <\/nav>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n \n const carouselInstances = document.querySelectorAll('.js-scaler-carousel');\n\n carouselInstances.forEach(container => {\n \n if(container.dataset.initialized === \"true\") return;\n container.dataset.initialized = \"true\";\n\n const swiperElement = container.querySelector(\".scaler-event-swiper\");\n const swiperWrapper = container.querySelector(\".scaler-events-wrapper\");\n const template = container.querySelector(\".js-event-card-template\");\n const nextBtn = container.querySelector(\".scaler-nav-next\");\n const prevBtn = container.querySelector(\".scaler-nav-prev\");\n const paginationEl = container.querySelector(\".scaler-events-pagination\");\n\n if (!swiperWrapper || !template) {\n console.error(\"Scaler Carousel: Missing required elements inside container\");\n return;\n }\n\n \/\/ FIX: Added 'observer' and 'observeParents' to ensure correct width calculation\n const swiper = new Swiper(swiperElement, {\n slidesPerView: 1,\n spaceBetween: 24,\n grabCursor: true,\n observer: true, \/\/ IMPORTANT: Watch for DOM changes\n observeParents: true, \/\/ IMPORTANT: Watch for parent container changes\n pagination: { \n el: paginationEl, \n clickable: true, \n dynamicBullets: true \n },\n navigation: { \n nextEl: nextBtn, \n prevEl: prevBtn \n },\n breakpoints: {\n 640: { slidesPerView: 2, spaceBetween: 20 },\n 1024: { slidesPerView: 2, spaceBetween: 24 },\n 1280: { slidesPerView: 2, spaceBetween: 32 },\n },\n });\n\n function showSkeletons(count = 3) {\n swiperWrapper.innerHTML = \"\";\n for (let i = 0; i < count; i++) {\n const clone = template.content.cloneNode(true);\n const card = clone.querySelector(\".scaler-event-card\");\n card.classList.add(\"scaler-event-card--skeleton\");\n swiperWrapper.appendChild(clone);\n }\n swiper.update();\n }\n\n function renderEvents(events) {\n swiperWrapper.innerHTML = \"\";\n \n if (events.length === 0) {\n swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">No upcoming masterclasses found.<\/div>`;\n return;\n }\n\n const pathParts = location.pathname.split(\"\/\").filter(Boolean);\n const currentSlug = pathParts.length > 0 ? pathParts[pathParts.length - 1] : \"homepage\";\n \n events.forEach(event => {\n const attr = event.attributes;\n const clone = template.content.cloneNode(true);\n \n const img = clone.querySelector(\".scaler-event-card__image\");\n const joinUrl = `\/event\/${attr.slug}\/?utm_source=blog&utm_medium=master_class&utm_content=${currentSlug}`;\n \n const eventImg =\n attr.custom_data?.image ||\n attr.custom_data?.banner_thumbnail ||\n attr.image_url ||\n \"https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?w=800&h=450&fit=crop\";\n \n img.src = eventImg;\n img.alt = attr.title;\n \n const startDate = new Date(attr.start_time);\n const formattedDate = startDate.toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n });\n const formattedTime = startDate.toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n });\n \n clone.querySelector(\".scaler-event-card__title\").textContent = attr.title;\n clone.querySelector(\".js-event-date\").textContent = `${formattedDate} \u2022 ${formattedTime}`; \n clone.querySelector(\".js-event-speaker\").textContent = attr.instructor_name;\n clone.querySelector(\".scaler-event-card__cta\").href = joinUrl || \"#\";\n \n swiperWrapper.appendChild(clone);\n });\n \n swiper.update();\n swiper.slideTo(0);\n }\n \n async function fetchEvents() {\n try {\n showSkeletons();\n const res = await fetch(\n \"https:\/\/www.scaler.com\/api\/v4\/events?event_type[]=company&distributor=scaler&type=upcoming&serializer_mode=L2&limit=8&program[]=software_development&program[]=data_science&program[]=devops&program[]=ai_ml\"\n );\n const json = await res.json();\n const events = json.data || [];\n renderEvents(events);\n } catch (error) {\n console.error(\"Failed to load events:\", error);\n if(swiperWrapper) swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">Failed to load events.<\/div>`;\n }\n }\n \n fetchEvents();\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Master System Design (for mid-level+ roles)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Deepen knowledge of designing scalable systems and enterprise architecture.<\/li>\n\n\n\n<li>Explore APIs, databases, microservices, caching, scalability, and distributed systems.<\/li>\n\n\n\n<li>Leverage courses on platforms like Grokking System Design or Scaler Academy\u2019s advanced modules.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 8: Prepare for Interviews<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sharpen skills in DSA, low-level design (LLD), high-level design (HLD), and HR interviews.<\/li>\n\n\n\n<li>Consistent behavioral question practice yields success in major hiring rounds.<\/li>\n\n\n\n<li>Mock interviews on Scaler, InterviewBit, or mentor-led sessions allow realistic preparation and feedback.<\/li>\n\n\n\n<li>The entire roadmap to become software engineer culminates here, combining technical mastery with confidence.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"skills-needed-to-become-a-software-developer\"><\/span><strong>Skills Needed to Become a Software Developer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Becoming a software developer means mastering a blend of technical and soft skills.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Category<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Skills<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Programming<\/td><td class=\"has-text-align-center\" data-align=\"center\">Python, Java, JavaScript, C++<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Tools & DevOps<\/td><td class=\"has-text-align-center\" data-align=\"center\">Git, Docker, Jenkins, AWS<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">CS Concepts<\/td><td class=\"has-text-align-center\" data-align=\"center\">DSA, Operating Systems, Computer Networks, DBMS<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Problem Solving<\/td><td class=\"has-text-align-center\" data-align=\"center\">Competitive programming, Leetcode challenges<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Communication<\/td><td class=\"has-text-align-center\" data-align=\"center\">Agile methods, teamwork, feedback, technical articulation<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Following the software developer roadmap helps learners target each of these skill zones, ensuring a robust start on any software development career path.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Take the leap from learning to doing. Attend a free masterclass today.<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n <style>\n :root {\n --scaler-primary: #1a56db;\n --scaler-primary-dark: #1e429f;\n --scaler-primary-light: #e1effe;\n --scaler-accent: #f97316;\n --scaler-bg: #f8fafc;\n --scaler-card-bg: #ffffff;\n --scaler-text-primary: #0f172a;\n --scaler-text-secondary: #64748b;\n --scaler-text-muted: #94a3b8;\n --scaler-border: #e2e8f0;\n --scaler-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.07), 0 2px 4px -2px rgb(0 0 0 \/ 0.07);\n --scaler-shadow-lg: 0 20px 25px -5px rgb(0 0 0 \/ 0.08), 0 8px 10px -6px rgb(0 0 0 \/ 0.08);\n --scaler-radius: 0;\n --scaler-radius-sm: 0;\n }\n\n * { box-sizing: border-box; }\n\n .scaler-events-carousel {\n font-family: \"DM Sans\", system-ui, sans-serif;\n padding: 60px 24px 80px;\n position: relative;\n overflow: hidden;\n width: 100%; \/* Ensure container is full width *\/\n }\n\n .scaler-events-carousel::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 1px 1px, var(--scaler-border) 1px, transparent 0);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n }\n\n .scaler-events-carousel__inner {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n \/* Header Section *\/\n .scaler-events-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .scaler-events-header__badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--scaler-primary-light);\n color: var(--scaler-primary);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 16px;\n }\n\n .scaler-events-header__badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n background: var(--scaler-accent);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.2); }\n }\n\n .scaler-events-header__title {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 700;\n color: var(--scaler-text-primary);\n margin: 0 0 12px;\n line-height: 1.2;\n }\n\n .scaler-events-header__subtitle {\n font-size: 16px;\n color: var(--scaler-text-secondary);\n margin: 0;\n max-width: 500px;\n margin-inline: auto;\n line-height: 1.6;\n }\n\n \/* Swiper Container *\/\n .scaler-events-carousel .swiper {\n padding: 20px 4px 60px;\n margin: 0 -4px;\n width: 100%;\n }\n\n \/* FIX: FORCE WIDTH ON SLIDES *\/\n .scaler-events-carousel .swiper-slide {\n height: auto;\n width: 100%; \/* Fallback *\/\n display: flex; \/* Ensure inner card stretches *\/\n }\n\n \/* Event Card *\/\n .scaler-event-card {\n background: var(--scaler-card-bg);\n border-radius: var(--scaler-radius);\n box-shadow: var(--scaler-shadow);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%; \/* FIX: Ensure card fills the slide *\/\n border: 1px solid var(--scaler-border);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--scaler-shadow-lg);\n }\n\n .scaler-event-card__image-wrapper {\n position: relative;\n overflow: hidden;\n padding: unset;\n aspect-ratio: 3.15;\n background: linear-gradient(135deg, var(--scaler-primary-light) 0%, var(--scaler-bg) 100%);\n width: 100%;\n }\n\n .scaler-event-card__image {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .scaler-event-card:hover .scaler-event-card__image {\n transform: scale(1.05);\n }\n\n .scaler-event-card__live-badge {\n position: absolute;\n top: 12px; left: 12px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(239, 68, 68, 0.95);\n color: #fff;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n padding: 5px 10px;\n border-radius: 6px;\n backdrop-filter: blur(4px);\n z-index: 2;\n }\n\n .scaler-event-card__live-badge::before {\n content: \"\";\n width: 6px; height: 6px;\n background: #fff;\n border-radius: 50%;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n .scaler-event-card__content {\n padding: 20px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .scaler-event-card__title {\n font-size: 17px;\n font-weight: 600;\n min-height: 2.5rem;\n color: var(--scaler-text-primary);\n margin: 0 0 14px;\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .scaler-event-card__meta {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .scaler-event-card__meta-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-event-card__meta-icon {\n width: 32px; height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-bg);\n border-radius: var(--scaler-radius-sm);\n color: var(--scaler-primary);\n flex-shrink: 0;\n }\n\n .scaler-event-card__meta-icon svg {\n width: 16px; height: 16px;\n }\n\n .scaler-event-card__meta-label {\n font-weight: 500;\n color: var(--scaler-text-primary);\n }\n\n .scaler-event-card__spacer {\n flex-grow: 1;\n min-height: 4px;\n }\n\n .scaler-event-card__cta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 14px 20px;\n background: var(--scaler-primary);\n color: #fff;\n font-style: normal;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n border: none;\n border-radius: var(--scaler-radius-sm);\n cursor: pointer;\n transition: background 0.2s ease, transform 0.15s ease;\n }\n\n .scaler-event-card__cta:hover {\n background: var(--scaler-primary-dark);\n }\n\n .scaler-event-card__cta:active {\n transform: scale(0.98);\n }\n\n .scaler-event-card__cta svg {\n width: 16px; height: 16px;\n transition: transform 0.2s ease;\n }\n\n .scaler-event-card__cta:hover svg {\n transform: translateX(3px);\n }\n\n \/* Navigation *\/\n .scaler-events-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 32px;\n padding: unset;\n }\n\n .scaler-events-nav__btn {\n width: 48px; height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--scaler-card-bg);\n border: 1px solid var(--scaler-border);\n cursor: pointer;\n transition: all 0.2s ease;\n color: var(--scaler-text-primary);\n padding: unset;\n }\n\n .scaler-events-nav__btn:hover:not(.swiper-button-disabled) {\n background: var(--scaler-primary);\n border-color: var(--scaler-primary);\n color: #fff;\n }\n\n .scaler-events-nav__btn.swiper-button-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n .scaler-events-nav__btn svg {\n width: 20px; height: 20px;\n }\n\n \/* Pagination *\/\n .scaler-events-pagination {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet {\n width: 8px; height: 8px;\n background: var(--scaler-border);\n opacity: 1;\n transition: all 0.3s ease;\n }\n\n .scaler-events-carousel .swiper-pagination-bullet-active {\n width: 24px;\n border-radius: 4px;\n background: var(--scaler-primary);\n }\n\n .scaler-events-carousel .swiper-button-prev,\n .scaler-events-carousel .swiper-button-next {\n display: none;\n }\n\n \/* Skeleton & Empty States *\/\n .scaler-event-card--skeleton { pointer-events: none; }\n .scaler-event-card--skeleton .scaler-event-card__image-wrapper,\n .scaler-event-card--skeleton .scaler-event-card__title,\n .scaler-event-card--skeleton .scaler-event-card__meta-item,\n .scaler-event-card--skeleton .scaler-event-card__cta {\n background: linear-gradient(90deg, var(--scaler-border) 25%, var(--scaler-bg) 50%, var(--scaler-border) 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n color: transparent !important;\n border-radius: 4px;\n }\n .scaler-event-card--skeleton .scaler-event-card__image { display: none; }\n\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n\n .scaler-events-empty {\n text-align: center;\n padding: 60px 20px;\n color: var(--scaler-text-secondary);\n }\n\n .scaler-events-empty__icon {\n width: 64px; height: 64px;\n margin: 0 auto 16px;\n color: var(--scaler-text-muted);\n }\n\n .scaler-events-empty__title {\n font-size: 18px;\n font-weight: 600;\n color: var(--scaler-text-primary);\n margin: 0 0 8px;\n }\n\n @media (max-width: 1024px) {\n .scaler-events-carousel { padding: 48px 20px 60px; }\n }\n\n @media (max-width: 768px) {\n .scaler-events-carousel { padding: 40px 16px 50px; }\n .scaler-events-header { margin-bottom: 32px; }\n .scaler-events-header__subtitle { font-size: 15px; }\n .scaler-event-card__content { padding: 16px; }\n .scaler-event-card__title { font-size: 16px; }\n .scaler-events-nav__btn { width: 44px; height: 44px; }\n }\n\n @media (max-width: 480px) {\n .scaler-events-carousel { padding: 32px 12px 40px; }\n .scaler-events-header__badge { font-size: 11px; padding: 5px 12px; }\n .scaler-event-card__meta-item { font-size: 13px; }\n .scaler-event-card__meta-icon { width: 28px; height: 28px; }\n .scaler-event-card__cta { padding: 12px 16px; font-size: 13px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"scaler-events-carousel js-scaler-carousel\">\n \n <template class=\"js-event-card-template\">\n <div class=\"swiper-slide\">\n <article class=\"scaler-event-card\">\n <div class=\"scaler-event-card__image-wrapper\">\n <span class=\"scaler-event-card__live-badge\" style=\"display: none;\">Live Now<\/span>\n <img decoding=\"async\" src=\"\" alt=\"\" class=\"scaler-event-card__image\" loading=\"lazy\" \/>\n <\/div>\n \n <div class=\"scaler-event-card__content\">\n <h3 class=\"scaler-event-card__title\"><\/h3>\n \n <div class=\"scaler-event-card__meta\">\n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-date\"><\/span>\n <\/div>\n \n <div class=\"scaler-event-card__meta-item\">\n <div class=\"scaler-event-card__meta-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path><\/svg>\n <\/div>\n <span class=\"scaler-event-card__meta-label js-event-speaker\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"scaler-event-card__spacer\"><\/div>\n\n <a href=\"#\" class=\"scaler-event-card__cta\" style=\"color: white !important; font-style: normal\">\n Register Now\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/template>\n\n <div class=\"scaler-events-carousel__inner\">\n <header class=\"scaler-events-header\">\n <span class=\"scaler-events-header__badge\">Live & Upcoming<\/span>\n <h2 class=\"scaler-events-header__title\"><span class=\"ez-toc-section\" id=\"scaler-masterclasses-3\"><\/span>Scaler Masterclasses<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"scaler-events-header__subtitle\">\n Learn from industry experts and accelerate your career with hands-on, interactive sessions.\n <\/p>\n <\/header>\n\n <div class=\"swiper scaler-event-swiper\">\n <div class=\"swiper-wrapper scaler-events-wrapper\"><\/div>\n <div class=\"swiper-pagination scaler-events-pagination\"><\/div>\n <\/div>\n\n <nav class=\"scaler-events-nav\">\n <button class=\"scaler-events-nav__btn scaler-nav-prev\" aria-label=\"Previous slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/>\n <\/svg>\n <\/button>\n <button class=\"scaler-events-nav__btn scaler-nav-next\" aria-label=\"Next slide\">\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\n <\/svg>\n <\/button>\n <\/nav>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n \n const carouselInstances = document.querySelectorAll('.js-scaler-carousel');\n\n carouselInstances.forEach(container => {\n \n if(container.dataset.initialized === \"true\") return;\n container.dataset.initialized = \"true\";\n\n const swiperElement = container.querySelector(\".scaler-event-swiper\");\n const swiperWrapper = container.querySelector(\".scaler-events-wrapper\");\n const template = container.querySelector(\".js-event-card-template\");\n const nextBtn = container.querySelector(\".scaler-nav-next\");\n const prevBtn = container.querySelector(\".scaler-nav-prev\");\n const paginationEl = container.querySelector(\".scaler-events-pagination\");\n\n if (!swiperWrapper || !template) {\n console.error(\"Scaler Carousel: Missing required elements inside container\");\n return;\n }\n\n \/\/ FIX: Added 'observer' and 'observeParents' to ensure correct width calculation\n const swiper = new Swiper(swiperElement, {\n slidesPerView: 1,\n spaceBetween: 24,\n grabCursor: true,\n observer: true, \/\/ IMPORTANT: Watch for DOM changes\n observeParents: true, \/\/ IMPORTANT: Watch for parent container changes\n pagination: { \n el: paginationEl, \n clickable: true, \n dynamicBullets: true \n },\n navigation: { \n nextEl: nextBtn, \n prevEl: prevBtn \n },\n breakpoints: {\n 640: { slidesPerView: 2, spaceBetween: 20 },\n 1024: { slidesPerView: 2, spaceBetween: 24 },\n 1280: { slidesPerView: 2, spaceBetween: 32 },\n },\n });\n\n function showSkeletons(count = 3) {\n swiperWrapper.innerHTML = \"\";\n for (let i = 0; i < count; i++) {\n const clone = template.content.cloneNode(true);\n const card = clone.querySelector(\".scaler-event-card\");\n card.classList.add(\"scaler-event-card--skeleton\");\n swiperWrapper.appendChild(clone);\n }\n swiper.update();\n }\n\n function renderEvents(events) {\n swiperWrapper.innerHTML = \"\";\n \n if (events.length === 0) {\n swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">No upcoming masterclasses found.<\/div>`;\n return;\n }\n\n const pathParts = location.pathname.split(\"\/\").filter(Boolean);\n const currentSlug = pathParts.length > 0 ? pathParts[pathParts.length - 1] : \"homepage\";\n \n events.forEach(event => {\n const attr = event.attributes;\n const clone = template.content.cloneNode(true);\n \n const img = clone.querySelector(\".scaler-event-card__image\");\n const joinUrl = `\/event\/${attr.slug}\/?utm_source=blog&utm_medium=master_class&utm_content=${currentSlug}`;\n \n const eventImg =\n attr.custom_data?.image ||\n attr.custom_data?.banner_thumbnail ||\n attr.image_url ||\n \"https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?w=800&h=450&fit=crop\";\n \n img.src = eventImg;\n img.alt = attr.title;\n \n const startDate = new Date(attr.start_time);\n const formattedDate = startDate.toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n });\n const formattedTime = startDate.toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n });\n \n clone.querySelector(\".scaler-event-card__title\").textContent = attr.title;\n clone.querySelector(\".js-event-date\").textContent = `${formattedDate} \u2022 ${formattedTime}`; \n clone.querySelector(\".js-event-speaker\").textContent = attr.instructor_name;\n clone.querySelector(\".scaler-event-card__cta\").href = joinUrl || \"#\";\n \n swiperWrapper.appendChild(clone);\n });\n \n swiper.update();\n swiper.slideTo(0);\n }\n \n async function fetchEvents() {\n try {\n showSkeletons();\n const res = await fetch(\n \"https:\/\/www.scaler.com\/api\/v4\/events?event_type[]=company&distributor=scaler&type=upcoming&serializer_mode=L2&limit=8&program[]=software_development&program[]=data_science&program[]=devops&program[]=ai_ml\"\n );\n const json = await res.json();\n const events = json.data || [];\n renderEvents(events);\n } catch (error) {\n console.error(\"Failed to load events:\", error);\n if(swiperWrapper) swiperWrapper.innerHTML = `<div class=\"scaler-events-empty\">Failed to load events.<\/div>`;\n }\n }\n \n fetchEvents();\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"recommended-courses-to-become-a-software-developer\"><\/span><strong>Recommended Courses to Become a Software Developer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Gaining the right certifications and knowledge accelerates progress on the software developer roadmap. Here are popular choices for every specialization:<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Track<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Courses to Consider<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Full-Stack Dev<\/td><td class=\"has-text-align-center\" data-align=\"center\">Scaler Academy, freeCodeCamp, Udemy<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Frontend Dev<\/td><td class=\"has-text-align-center\" data-align=\"center\">Meta Frontend Developer Certificate (Coursera), Codecademy<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Backend Dev<\/td><td class=\"has-text-align-center\" data-align=\"center\">Scaler Academy, Springboard, EdX Java Specialization<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">DSA\/CS Core<\/td><td class=\"has-text-align-center\" data-align=\"center\">Scaler DSA Masterclass, CS50, Coding Ninjas<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">DevOps\/Cloud<\/td><td class=\"has-text-align-center\" data-align=\"center\">AWS Cloud Practitioner, KodeKloud, Scaler Academy<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Every beginner software developer’s roadmap benefits from enrolling in these courses, which are taught by industry experts and offer strong placement support.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"roles-in-software-development\"><\/span><strong>Roles in Software Development<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Following the roadmap to become a software engineer unlocks multiple dynamic roles in tech.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Role<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Description<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Frontend Developer<\/td><td class=\"has-text-align-center\" data-align=\"center\">Crafts UI and UX with HTML, CSS, JavaScript, React<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Backend Developer<\/td><td class=\"has-text-align-center\" data-align=\"center\">Develops logic, APIs, and database with Node, Python, Java<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Full-Stack Developer<\/td><td class=\"has-text-align-center\" data-align=\"center\">Integrates frontend and backend skills<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Mobile App Developer<\/td><td class=\"has-text-align-center\" data-align=\"center\">Designs cross-platform apps using Flutter, React Native, Kotlin<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">DevOps Engineer<\/td><td class=\"has-text-align-center\" data-align=\"center\">Manages CI\/CD, automation, monitoring, and infrastructure<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The software developer roadmap encourages exploring several roles to discover personal strengths and align with market needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"salary-career-growth-path\"><\/span><strong>Salary & Career Growth Path<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>India\u2019s booming tech market makes software development a lucrative career option. Typical salaries along the software development career path include:<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Experience Level<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Avg Salary (India)<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Fresher (0\u20132 yrs)<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u20b95\u201310 LPA<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Mid (3\u20135 yrs)<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u20b912\u201320 LPA<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Senior (6+ yrs)<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u20b925\u201340+ LPA<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Specialized Lead<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u20b940L \u2013 \u20b91Cr+<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The software developer roadmap is designed to drive long-term growth, open doors to roles like Tech Lead, Architect, or even Engineering Manager, and ensure steady professional advancement.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Scaler Carousel<\/title>\n\n<!-- Plus Jakarta Sans Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;700&display=swap\" rel=\"stylesheet\">\n<!-- Phosphor Icons -->\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n<!-- Swiper CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n<style>\n.scaler-carousel {\n font-family: 'Plus Jakarta Sans', sans-serif;\n max-width: 900px;\n margin: 0 auto;\n padding: 0;\n}\n.swiper.scaler-swiper {\n padding-bottom: 56px;\n}\n.swiper-slide {\n height: auto;\n display: flex;\n align-items: stretch;\n}\n.scaler-card {\n background: #fff;\n border: 1.5px solid #e4e4e7;\n box-shadow: 0 2px 24px rgba(44,62,80,0.06);\n display: flex;\n flex-direction: column;\n min-height: 540px;\n margin: 0;\n padding: 0;\n}\n.scaler-card-header {\n height: 155px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.scaler-card-header.blue { background: #2563eb;}\n.scaler-card-header.purple { background: #9333ea;}\n.scaler-card-header.red { background: #b91c1c;}\n.scaler-card-header.magenta { background: #be185d;}\n.scaler-card-header.darkblue{ background: #1e40af;}\n.scaler-card-header.green { background: #16a34a;}\n.scaler-card-header.brown { background: #b45309;}\n.scaler-card-header.gold { background: #b59f3b;}\n.scaler-icon {\n color: #fff;\n font-size: 52px;\n}\n.scaler-card-content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 28px 24px 24px 24px;\n flex: 1 1 auto;\n min-height: 380px;\n font-style: normal;\n}\n.scaler-title, .scaler-btn {\n font-style: normal !important;\n}\n.scaler-badge {\n display: inline-block;\n background: #f5f5f6;\n color: #87888a;\n font-weight: 700;\n font-size: 13px;\n letter-spacing: 0.1em;\n padding: 6px 13px 5px 13px;\n margin-bottom: 14px;\n text-transform: uppercase;\n}\n.scaler-title {\n font-size: 22px;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 18px;\n margin-top: 0;\n}\n.scaler-details {\n font-size: 15px;\n color: #52525b;\n}\n.scaler-details div {\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.scaler-program-tag {\n display: inline-block;\n background: #e0edfb;\n color: #2563eb;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.05em;\n padding: 5px 16px;\n margin: 18px 0 0 0;\n border-radius: 0;\n}\n.scaler-program-tag.oncampus {\n background: #d1fae5;\n color: #065f46;\n}\n.scaler-program-tag .tag-new {\n display: inline-block;\n margin-left: 6px;\n font-size: 11px;\n color: #fb923c;\n}\n.scaler-card-btns {\n margin-top: 24px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.scaler-btn {\n display: block;\n width: 100%;\n text-align: center;\n font-size: 17px;\n font-weight: 700;\n padding: 18px 0 17px 0;\n background: #fff;\n border: 1.5px solid #e4e4e7;\n color: #22223b;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin: 0;\n border-radius: 0;\n transition: background 0.15s, color 0.15s, border 0.15s;\n font-style: normal !important;\n cursor: pointer;\n}\n.scaler-btn.primary {\n background: #2563eb;\n color: #fff;\n border: 1.5px solid #2563eb;\n}\n.scaler-btn.primary:hover,\n.scaler-btn.primary:focus {\n background: #1a47b8;\n border-color: #1a47b8;\n}\n.scaler-btn:hover,\n.scaler-btn:focus {\n background: #f1f5f9;\n color: #0852b8;\n border-color: #b6c7e8;\n}\n.scaler-btn i {\n margin-left: 8px;\n font-size: 18px;\n vertical-align: middle;\n}\n@media (max-width: 1000px) {\n .scaler-carousel { max-width: 96vw;}\n}\n@media (max-width: 700px) {\n .scaler-card { min-height: 400px;}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"scaler-carousel\">\n <div class=\"swiper scaler-swiper\">\n <div class=\"swiper-wrapper\">\n <!-- CARD 1 -->\n <div class=\"swiper-slide\">\n <div class=\"scaler-card\">\n <div class=\"scaler-card-header blue\">\n <i class=\"ph ph-code scaler-icon\"><\/i>\n <\/div>\n <div class=\"scaler-card-content\">\n <div>\n <div class=\"scaler-badge\">NSDC CERTIFIED<\/div>\n <div class=\"scaler-title\">Software Development Course with AI Specialisation<\/div>\n <div class=\"scaler-details\">\n <div><i class=\"ph ph-briefcase\"><\/i>Min. work exp: 1 year<\/div>\n <div><i class=\"ph ph-clock\"><\/i>Duration: 9\u201312 months<\/div>\n <div><i class=\"ph ph-cube\"><\/i>1 Capstone project<\/div>\n <\/div>\n <div class=\"scaler-program-tag\"><i class=\"ph ph-globe-simple\"><\/i> ONLINE PROGRAM<\/div>\n <\/div>\n <div class=\"scaler-card-btns\">\n <button class=\"scaler-btn\" onclick=\"window.open('https:\/\/www.scaler.com\/academy\/', '_blank')\">GO TO PROGRAM<\/button>\n <button class=\"scaler-btn primary\" onclick=\"window.open('https:\/\/www.scaler.com\/academy\/', '_blank')\">BROCHURE <i class=\"ph ph-download-simple\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <!-- CARD 2 -->\n <div class=\"swiper-slide\">\n <div class=\"scaler-card\">\n <div class=\"scaler-card-header purple\">\n <i class=\"ph ph-equals scaler-icon\"><\/i>\n <\/div>\n <div class=\"scaler-card-content\">\n <div>\n <div class=\"scaler-badge\">NSDC CERTIFIED<\/div>\n <div class=\"scaler-title\">Data Science Course with AI Specialisation<\/div>\n <div class=\"scaler-details\">\n <div><i class=\"ph ph-briefcase\"><\/i>Min. work exp: 1 year<\/div>\n <div><i class=\"ph ph-clock\"><\/i>Duration: 7\u201318 months<\/div>\n <div><i class=\"ph ph-cube\"><\/i>50+ real-world case studies<\/div>\n <\/div>\n <div class=\"scaler-program-tag\"><i class=\"ph ph-globe-simple\"><\/i> ONLINE PROGRAM<\/div>\n <\/div>\n <div class=\"scaler-card-btns\">\n <button class=\"scaler-btn\" onclick=\"window.open('https:\/\/www.scaler.com\/data-science-course\/', '_blank')\">GO TO PROGRAM<\/button>\n <button class=\"scaler-btn primary\" onclick=\"window.open('https:\/\/www.scaler.com\/data-science-course\/', '_blank')\">BROCHURE <i class=\"ph ph-download-simple\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <!-- CARD 3 -->\n <div class=\"swiper-slide\">\n <div class=\"scaler-card\">\n <div class=\"scaler-card-header red\">\n <i class=\"ph ph-sparkle scaler-icon\"><\/i>\n <\/div>\n <div class=\"scaler-card-content\">\n <div>\n <div class=\"scaler-badge\">NSDC CERTIFIED<\/div>\n <div class=\"scaler-title\">Advanced AI and Machine Learning Course<\/div>\n <div class=\"scaler-details\">\n <div><i class=\"ph ph-briefcase\"><\/i>Min. work exp: 2 year<\/div>\n <div><i class=\"ph ph-clock\"><\/i>Duration: 12 months<\/div>\n <div><i class=\"ph ph-cube\"><\/i>50+ real-world projects<\/div>\n <div><i class=\"ph ph-seal-check\"><\/i>Certification by IIT-Roorkee (CEC)*<\/div>\n <\/div>\n <div class=\"scaler-program-tag\"><i class=\"ph ph-globe-simple\"><\/i> ONLINE PROGRAM <span class=\"tag-new\">NEW<\/span><\/div>\n <\/div>\n <div class=\"scaler-card-btns\">\n <button class=\"scaler-btn\" onclick=\"window.open('https:\/\/www.scaler.com\/ai-machine-learning-course\/', '_blank')\">GO TO PROGRAM<\/button>\n <button class=\"scaler-btn primary\" onclick=\"window.open('https:\/\/www.scaler.com\/ai-machine-learning-course\/', '_blank')\">BROCHURE <i class=\"ph ph-download-simple\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <!-- Continue for remaining cards (4\u20138) using same pattern -->\n <\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-pagination\"><\/div>\n <\/div>\n<\/div>\n\n<!-- Swiper.js -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const pathParts = window.location.pathname.split(\"\/\").filter(Boolean);\n const slug = pathParts[pathParts.length - 1] || \"\";\n const readableSlug = encodeURIComponent(slug);\n const buttons = document.querySelectorAll(\".scaler-card-btns button\");\n\n buttons.forEach((btn) => {\n const baseURL = btn.getAttribute(\"onclick\").match(\/'(.*?)'\/)[1];\n if (!baseURL.includes(\"utm_source=\")) {\n const separator = baseURL.includes(\"?\") ? \"&\" : \"?\";\n const updatedURL = `${baseURL}${separator}utm_source=blog&utm_medium=program_carousel&utm_content=${readableSlug}`;\n btn.setAttribute(\"onclick\", `window.open('${updatedURL}', '_blank')`);\n }\n });\n\n new Swiper(\".scaler-swiper\", {\n slidesPerView: 1,\n spaceBetween: 28,\n grabCursor: true,\n navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\n pagination: { el: \".swiper-pagination\", dynamicBullets: true, clickable: true },\n breakpoints: { 1000: { slidesPerView: 2 } },\n keyboard: { enabled: true },\n });\n});\n\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"future-trends-in-software-development\"><\/span><strong>Future Trends in Software Development<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Staying ahead calls for adapting to ever-changing trends along the software developer roadmap:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cloud-native and serverless architectures will dominate enterprise solutions.<\/li>\n\n\n\n<li>AI-assisted development tools, like GitHub Copilot and large language models (LLMs), are empowering rapid coding.<\/li>\n\n\n\n<li>Edge computing and Internet of Things (IoT) expand opportunities for specialized engineers.<\/li>\n\n\n\n<li>Low-code platforms are enabling faster prototyping and development.<\/li>\n\n\n\n<li>Agile, DevSecOps practices, and microservices architecture are mainstream approaches.<\/li>\n<\/ul>\n\n\n\n<p>Monitoring these trends will make anyone\u2019s roadmap to become software engineer future-proof.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In 2025, the journey on the software developer roadmap is achievable with the right mindset, consistency, and strategic learning. Anyone passionate about how to become a software developer can reach their goal by steadily building skills, completing real projects, and leaning on collaborative communities. Stay updated, embrace continuous learning, and let mentor-driven platforms drive your growth. Explore <a href=\"https:\/\/www.scaler.com\/academy\/\">Scaler\u2019s developer programs<\/a> to start the next step and launch a successful software development career path.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"faqs\"><\/span><strong>FAQs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. What is the best roadmap for a beginner to become a software developer?<\/strong><\/h3>\n\n\n\n<p>The best beginner software developer roadmap starts with learning one core programming language, mastering DSA through practice, grasping version control, and gradually building real projects. This solidifies the basics for a long and fruitful software development career path.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. How long does it take to become a software developer?<\/strong><\/h3>\n\n\n\n<p>Most learners become job-ready within 6\u201312 months with dedicated, structured effort, guided by a comprehensive software developer roadmap. Advanced and specialized roles may take another couple of years for mastery.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Can I become a developer without a CS degree?<\/strong><\/h3>\n\n\n\n<p>Absolutely. Many top employers value the right skills for software developer, demonstrated through projects and certifications. Structured online learning and active participation in coding communities are strong substitutes for formal academic backgrounds.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. What skills are most important in 2025?<\/strong><\/h3>\n\n\n\n<p>Mastery of programming fundamentals, DSA, Git, system design, problem solving, and strong teamwork abilities are essential skills for software developer success in 2025.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Is system design necessary for beginners?<\/strong><\/h3>\n\n\n\n<p>For true beginners, system design is not essential in the earliest stages. However, as professionals progress, mastering system design becomes a key differentiator for interviews and long-term roles in the software development career path.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In 2025, software development stands as one of the most in-demand and dynamic career arenas. The software developer roadmap serves as a structured guide, helping aspiring professionals approach this field with clarity and confidence. No matter whether someone is a student, a professional seeking a career change, or a tech enthusiast exploring new horizons, following […]<\/p>\n","protected":false},"author":210,"featured_media":10956,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[35],"tags":[240,248],"class_list":{"0":"post-10955","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-software-development","8":"tag-roadmap","9":"tag-software-development"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/posts\/10955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/users\/210"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/comments?post=10955"}],"version-history":[{"count":8,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/posts\/10955\/revisions"}],"predecessor-version":[{"id":12227,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/posts\/10955\/revisions\/12227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/media\/10956"}],"wp:attachment":[{"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/media?parent=10955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/categories?post=10955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scaler.com\/blog\/wp-json\/wp\/v2\/tags?post=10955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}