{"id":156,"date":"2024-11-13T13:20:16","date_gmt":"2024-11-13T13:20:16","guid":{"rendered":"https:\/\/edc.nsuk.edu.ng\/?page_id=156"},"modified":"2026-02-21T06:10:02","modified_gmt":"2026-02-21T06:10:02","slug":"web-development","status":"publish","type":"page","link":"https:\/\/edc.nsuk.edu.ng\/?page_id=156","title":{"rendered":"Web Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"156\" class=\"elementor elementor-156\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3ff7f9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c3ff7f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b764b6 elementor-widget elementor-widget-spacer\" data-id=\"9b764b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;htmega_fe&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-136953a elementor-widget elementor-widget-html\" data-id=\"136953a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;htmega_fe&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- EDC NSUK \u2013 Web Dev with Zero Coding (Responsive Elementor HTML Block) -->\r\n<div class=\"edc-wrap\">\r\n  <style>\r\n    \/* ====== Base (mobile-first) ====== *\/\r\n    .edc-wrap{\r\n      --edc-green:#006837; --edc-blue:#004d99; --edc-orange:#f58220;\r\n      --edc-text:#222; --edc-muted:#666; font-family:inherit; color:var(--edc-text);\r\n    }\r\n    .edc-section{margin:24px 0}\r\n    .edc-title{color:var(--edc-green);margin:.25rem 0 .75rem;font-size:1.6rem;line-height:1.2}\r\n    .edc-subtitle{color:var(--edc-blue);font-size:1.125rem;margin:0 0 .5rem}\r\n    .edc-lead{font-size:1rem;line-height:1.6}\r\n    .edc-eyebrow{color:var(--edc-orange);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}\r\n    .edc-badge{display:inline-block;background:rgba(0,104,55,.08);color:var(--edc-green);padding:6px 10px;border-radius:999px;font-weight:600;font-size:.9rem;margin-top:8px}\r\n\r\n    .edc-hero{display:flex;flex-wrap:wrap;gap:16px;align-items:center}\r\n    .edc-hero .col{flex:1 1 100%} \/* stack on mobile *\/\r\n\r\n    .edc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}\r\n    .edc-btn{display:inline-block;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none;text-align:center}\r\n    .edc-btn.primary{background:var(--edc-green);color:#fff}\r\n    .edc-btn.secondary{background:var(--edc-orange);color:#fff}\r\n    .edc-btn.link{color:var(--edc-blue);text-decoration:underline;padding:0}\r\n\r\n    \/* Full-width buttons on small screens *\/\r\n    .edc-cta .edc-btn{flex:1 1 100%}\r\n\r\n    .edc-card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px}\r\n    .edc-grid{display:grid;gap:14px}\r\n    \/* One-column by default (mobile) *\/\r\n    .edc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}\r\n    .edc-list li{display:flex;gap:10px;align-items:flex-start}\r\n    .edc-icon{width:22px;height:22px;min-width:22px;border-radius:6px;background:rgba(0,77,153,.1);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--edc-blue)}\r\n\r\n    .edc-gallery{display:grid;gap:10px}\r\n    .edc-gallery figure{margin:0}\r\n    .edc-gallery img{width:100%;height:auto;border-radius:10px;display:block}\r\n    .edc-caption{font-size:.9rem;color:var(--edc-muted);text-align:center;margin-top:6px}\r\n\r\n    .edc-video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden}\r\n    .edc-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n\r\n    .edc-quote{border-left:4px solid var(--edc-orange);padding-left:12px;margin:0}\r\n\r\n    \/* ====== Swiper (Testimonials) ====== *\/\r\n    .swiper{width:100%;padding:14px 0}\r\n    .swiper-slide{display:flex;justify-content:center}\r\n    .testimonial-card{\r\n      background:#fff;border:1px solid #eee;border-radius:12px;padding:18px;max-width:360px;width:100%;\r\n      text-align:left;box-shadow:0 2px 6px rgba(0,0,0,.05)\r\n    }\r\n    .testimonial-card p{font-size:.95rem;line-height:1.6;color:#333}\r\n    .testimonial-card em{display:block;margin-top:10px;font-size:.85rem;color:var(--edc-muted)}\r\n    .swiper-pagination-bullet-active{background:var(--edc-orange)!important}\r\n\r\n    \/* ====== Tablets (\u2265 600px) ====== *\/\r\n    @media (min-width:600px){\r\n      .edc-title{font-size:1.9rem}\r\n      .edc-lead{font-size:1.03rem}\r\n      .edc-cta .edc-btn{flex:0 0 auto} \/* stop full-width if space allows *\/\r\n      .edc-gallery{grid-template-columns:repeat(2,1fr)}\r\n    }\r\n\r\n    \/* ====== Medium screens (\u2265 780px) ====== *\/\r\n    @media (min-width:780px){\r\n      .edc-gallery{grid-template-columns:repeat(3,1fr)}\r\n    }\r\n\r\n    \/* ====== Desktops (\u2265 900px) ====== *\/\r\n    @media (min-width:900px){\r\n      .edc-section{margin:32px 0}\r\n      .edc-hero{gap:24px}\r\n      .edc-hero .col{flex:1 1 360px} \/* 2 columns *\/\r\n      .edc-title{font-size:2rem}\r\n      .edc-grid.cols-2{grid-template-columns:1fr 1fr}\r\n      .edc-grid.cols-3{grid-template-columns:repeat(3,1fr)}\r\n      .edc-card{padding:18px}\r\n    }\r\n\r\n    \/* ====== Large (\u2265 1200px) ====== *\/\r\n    @media (min-width:1200px){\r\n      .edc-title{font-size:2.2rem}\r\n    }\r\n    .edc-gallery figure {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Ensures image fills the box perfectly *\/\r\n.edc-gallery img,\r\n.gallery-img {\r\n  width: 100%;\r\n  height: 220px;        \/* fixed uniform height across all gallery items *\/\r\n  object-fit: cover;    \/* crops edges gracefully to fill space *\/\r\n  display: block;\r\n  border-radius: 10px;\r\n}\r\n\r\n.edc-social-inline a {\r\n  font-size: 1.4rem;\r\n  transition: transform .3s, opacity .3s;\r\n  text-decoration: none;\r\n}\r\n.edc-social-inline a:hover { transform: scale(1.2); opacity: .9; }\r\n\r\n\/* brand colors *\/\r\n.edc-social-inline .fa-envelope  { color:#6c6c6c; }     \/* email gray *\/\r\n.edc-social-inline .fa-youtube   { color:#FF0000; }     \/* red *\/\r\n.edc-social-inline .fa-linkedin  { color:#0077B5; }     \/* blue *\/\r\n.edc-social-inline .fa-tiktok    { color:#000000; }     \/* black *\/\r\n.edc-social-inline .fa-facebook  { color:#1877F2; }     \/* blue *\/\r\n.edc-social-inline .fa-whatsapp  { color:#25D366; }     \/* green *\/\r\n\r\n  <\/style>\r\n\r\n  <!-- ========== HERO ========== -->\r\n  <section class=\"edc-section edc-hero\">\r\n    <div class=\"col\">\r\n      <h2 class=\"edc-title\">Web Development with Zero Coding<\/h2>\r\n      <p class=\"edc-lead\">\r\n        I\u2019m <strong style=\"color:var(--edc-orange)\">Adigun Nurudeen Adio<\/strong>, your facilitator for <em>Modern Web Development made simple<\/em>.\r\n        Learn to build professional, mobile-ready websites using <strong>Content Management System (CMS)<\/strong>, and smart templates \u2014 starting from absolute zero.\r\n      <\/p>\r\n      <span class=\"edc-badge\">Beginner-friendly \u2022 100% Practical \u2022 Portfolio-ready<\/span>\r\n      <div class=\"edc-cta\">\r\n        <a href=\"https:\/\/nsukedc.com\/register\" class=\"edc-btn primary\">Register Now<\/a>\r\n        <a href=\"https:\/\/edc.nsuk.edu.ng\/wp-content\/uploads\/2025\/10\/Web_Development_with_Zero_Coding_Course_Outline_Formal.pdf\" class=\"edc-btn secondary\">Download Class Outline<\/a>\r\n        <a href=\"#\" class=\"edc-btn link\">See Schedule<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"col\">\r\n      <div class=\"edc-card\">\r\n        <h3 class=\"edc-subtitle\">Why Join?<\/h3>\r\n        <ul class=\"edc-list\">\r\n          <li><span class=\"edc-icon\">\u2713<\/span><span><strong>No tech background<\/strong> required \u2014 we start from the basics.<\/span><\/li>\r\n          <li><span class=\"edc-icon\">\u2713<\/span><span><strong>100% practical<\/strong> \u2014 build your own live project site.<\/span><\/li>\r\n          <li><span class=\"edc-icon\">\u2713<\/span><span><strong>Career boost<\/strong> \u2014 freelance & small-business ready skills.<\/span><\/li>\r\n          <li><span class=\"edc-icon\">\u2713<\/span><span><strong>Mentorship & community<\/strong> \u2014 learn with supportive peers at EDC.<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CURRICULUM + AUDIENCE -->\r\n<section class=\"edc-section edc-grid cols-2\">\r\n  <div class=\"edc-card\">\r\n    <h3 class=\"edc-subtitle\">What You\u2019ll Learn<\/h3>\r\n    <ul class=\"edc-list\">\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Foundations of modern web development (the simple way)<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Local server setup with <strong>XAMPP<\/strong><\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Installing & configuring <strong>CMS<\/strong><\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Designing pages with <strong>Page builders<\/strong> + Starter Templates<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Install <strong>Themes<\/strong> & essential <strong>plugins<\/strong><\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Menus, blog, media galleries & contact forms<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Mobile responsiveness, backups, SEO basics & hosting<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2022<\/span><span>Monetizing your skill \u2014 freelancing & client workflow<\/span><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <!-- \u2733\ufe0f Updated Right Column -->\r\n  <div class=\"edc-card\">\r\n    <h3 class=\"edc-subtitle\">Who Is This For?<\/h3>\r\n    <p class=\"edc-micro\">\r\n      NSUK students, entrepreneurs, creatives, and anyone who wants a professional website without writing code.  \r\n      If you can click and drag \u2014 you can build!\r\n    <\/p>\r\n\r\n    <h3 class=\"edc-subtitle\" style=\"margin-top:18px\">Basic Requirement to Participate in the Class<\/h3>\r\n    <ul class=\"edc-list\">\r\n      <li><span class=\"edc-icon\">\u2713<\/span><span>A personal laptop (Windows or Mac) with at least 4GB RAM.<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2713<\/span><span>Basic computer literacy \u2014 ability to use browsers and files.<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2713<\/span><span>Internet connection (for plugin downloads and live demos).<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2713<\/span><span>Installed <strong>XAMPP<\/strong> and <strong>CMS<\/strong> setup (guidance will be provided).<\/span><\/li>\r\n      <li><span class=\"edc-icon\">\u2713<\/span><span>Curiosity, creativity, and commitment to learn!<\/span><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ====== TESTIMONIAL SLIDER (Responsive: 1\/2\/3 cols, loop, 5s, pause on hover) ====== -->\r\n<section class=\"edc-section edc-testimonials\" id=\"edcTestimonials\">\r\n  <style>\r\n    \/* Layout *\/\r\n    #edcTestimonials{margin-top:60px;text-align:center;position:relative;overflow:hidden}\r\n    #edcTestimonials h3{color:#006837;margin-bottom:20px}\r\n\r\n    \/* Responsive column control via CSS var *\/\r\n    #edcTestimonials{ --cols: 3; }                 \/* desktop default *\/\r\n    @media (max-width:1023.98px){ #edcTestimonials{ --cols: 2; } }  \/* tablets *\/\r\n    @media (max-width:599.98px){  #edcTestimonials{ --cols: 1; } }  \/* phones *\/\r\n\r\n    .edc-track{\r\n      display:flex;\r\n      transition:transform .8s ease-in-out;\r\n      will-change:transform;\r\n    }\r\n    .edc-slide{\r\n      flex:0 0 calc(100% \/ var(--cols));  \/* 1\/2\/3 per view *\/\r\n      padding:20px; box-sizing:border-box;\r\n    }\r\n\r\n    \/* Card styles (keep your look) *\/\r\n    .edc-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:25px;height:100%;\r\n      box-shadow:0 2px 8px rgba(0,0,0,.06)}\r\n    .edc-card p{color:#333;font-style:italic;font-size:.95rem;line-height:1.6;margin:0}\r\n    .edc-card h4{margin-top:15px;color:#004d99;font-weight:700;font-size:1rem}\r\n\r\n    \/* Dots *\/\r\n    .edc-dots{margin-top:15px;display:flex;justify-content:center;gap:10px}\r\n    .edc-dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .3s}\r\n    .edc-dot.active{background:#f58220}\r\n  <\/style>\r\n\r\n<!-- ========== 6-WEEK ROADMAP ========== -->\r\n<section class=\"edc-section\">\r\n  <h2 class=\"edc-title\" style=\"text-align:center\">\r\n    Roadmap for 6-Weeks Training\r\n  <\/h2>\r\n  <p class=\"edc-lead\" style=\"text-align:center; max-width:800px; margin:0 auto 24px\">\r\n    A step-by-step, beginner-friendly learning journey designed to take you from\r\n    <strong>zero knowledge<\/strong> to building a complete website using\r\n    <strong>XAMPP & WordPress<\/strong> \u2014 without writing code.\r\n  <\/p>\r\n\r\n  <div class=\"edc-grid cols-2\">\r\n\r\n  <!-- LEFT COLUMN -->\r\n  <div class=\"edc-card\">\r\n    <h3 class=\"edc-subtitle\" style=\"text-align:left;\">Weeks 1 \u2013 3 (Foundations)<\/h3>\r\n\r\n    <h4>Week 1: Introduction to Web Development<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>Understanding how websites work<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Types of websites<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Frontend vs backend development<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>How the internet and servers function<\/li>\r\n    <\/ul>\r\n\r\n    <h4>Week 2: CMS & Why WordPress<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>What a Content Management System (CMS) is<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Popular CMS platforms<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Why WordPress is best for beginners<\/li>\r\n    <\/ul>\r\n\r\n    <h4>Week 3: XAMPP & Localhost Setup<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>Introduction to XAMPP<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Installation and configuration<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Starting Apache and MySQL<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Understanding localhost<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <!-- RIGHT COLUMN -->\r\n  <div class=\"edc-card\">\r\n    <h3 class=\"edc-subtitle\" style=\"text-align:left;\">Weeks 4 \u2013 6 (Building & Practice)<\/h3>\r\n\r\n    <h4>Week 4: Installing WordPress<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>Downloading WordPress<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Creating a database<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Installing WordPress on localhost<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>WordPress dashboard overview<\/li>\r\n    <\/ul>\r\n\r\n    <h4>Week 5: Themes, Plugins & Customization<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>Installing and activating themes<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Using page builders<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Essential plugins<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Menus, pages, and contact forms<\/li>\r\n    <\/ul>\r\n\r\n    <h4>Week 6: Complete Website Project<\/h4>\r\n    <ul class=\"edc-list\" style=\"text-align:left;\">\r\n      <li><span class=\"edc-check\">\u2714<\/span>Building a complete website<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Mobile responsiveness<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Basic SEO setup<\/li>\r\n      <li><span class=\"edc-check\">\u2714<\/span>Backups and real-world deployment preparation<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n  <h3>What Our Learners Are Saying<\/h3>\r\n\r\n  <div class=\"edc-viewport\">\r\n    <div class=\"edc-track\" id=\"edcTrack\">\r\n      <div class=\"edc-slide\"><div class=\"edc-card\">\r\n        <p>\u201cBefore this class, I thought web design was for programmers. Now I manage my own website confidently.\u201d<\/p>\r\n        <h4>\u2014 Comfort (Student, NSUK)<\/h4>\r\n      <\/div><\/div>\r\n      \r\n      <div class=\"edc-slide\"><div class=\"edc-card\">\r\n        <p>\u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d<\/p>\r\n        <h4>\u2014 Nelson Mekitone (Student, NSUK)<\/h4>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"edc-slide\"><div class=\"edc-card\">\r\n        <p>\u201cThe facilitator made every session exciting and simple. I built a functional site for my business within weeks!\u201d<\/p>\r\n        <h4>\u2014 Dikko (Student, NSUK)<\/h4>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"edc-slide\"><div class=\"edc-card\">\r\n        <p>\u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d<\/p>\r\n        <h4>\u2014 Hauwa Yusuf (Creative Designer)<\/h4>\r\n      <\/div><\/div>\r\n      \r\n      <div class=\"edc-slide\"><div class=\"edc-card\">\r\n        <p>\u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d<\/p>\r\n        <h4>\u2014 Oyivo Zuleihat (Student, NSUK)<\/h4>\r\n      <\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"edc-dots\" id=\"edcDots\"><\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root   = document.getElementById('edcTestimonials');\r\n      const track  = document.getElementById('edcTrack');\r\n      const dotsEl = document.getElementById('edcDots');\r\n      const slides = Array.from(track.children);\r\n      const total  = slides.length;\r\n\r\n      let index = 0, cols = 3, maxIndex = 0, timer;\r\n\r\n      function getCols(){\r\n        const v = getComputedStyle(root).getPropertyValue('--cols').trim();\r\n        const n = parseInt(v, 10);\r\n        return isNaN(n) ? 3 : Math.max(1, Math.min(3, n));\r\n      }\r\n\r\n      function calcMaxIndex(){\r\n        \/\/ last valid starting index so we don't show blanks\r\n        return Math.max(0, total - cols);\r\n      }\r\n\r\n      function renderDots(){\r\n        dotsEl.innerHTML = '';\r\n        const pages = maxIndex + 1;\r\n        for(let i=0;i<pages;i++){\r\n          const dot = document.createElement('div');\r\n          dot.className = 'edc-dot' + (i===index ? ' active' : '');\r\n          dot.addEventListener('click', ()=>goTo(i));\r\n          dotsEl.appendChild(dot);\r\n        }\r\n      }\r\n\r\n      function updateTransform(){\r\n        const step = 100 \/ cols; \/\/ percentage per slide\r\n        track.style.transform = `translateX(-${index * step}%)`;\r\n        \/\/ update dots\r\n        [...dotsEl.children].forEach((d,i)=>d.classList.toggle('active', i===index));\r\n      }\r\n\r\n      function goTo(n){\r\n        index = Math.max(0, Math.min(n, maxIndex));\r\n        updateTransform();\r\n      }\r\n\r\n      function next(){\r\n        index = (index < maxIndex) ? index + 1 : 0;\r\n        updateTransform();\r\n      }\r\n\r\n      function start(){ stop(); timer = setInterval(next, 5000); }\r\n      function stop(){ if (timer) clearInterval(timer); }\r\n\r\n      function onResize(){\r\n        cols = getCols();\r\n        maxIndex = calcMaxIndex();\r\n        if (index > maxIndex) index = maxIndex;\r\n        renderDots();\r\n        updateTransform();\r\n      }\r\n\r\n      \/\/ Pause on hover\r\n      root.addEventListener('mouseenter', stop);\r\n      root.addEventListener('mouseleave', start);\r\n\r\n      \/\/ Init\r\n      onResize();\r\n      start();\r\n      window.addEventListener('resize', onResize);\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n\r\n\r\n  <!-- ========== VIDEO ========== -->\r\n  <section class=\"edc-section\">\r\n    <h3 class=\"edc-subtitle\" style=\"color:var(--edc-green)\">Watch: Course Overview (1 min)<\/h3>\r\n    <div class=\"edc-video\">\r\n     <iframe width=\"991\" height=\"558\" src=\"https:\/\/www.youtube.com\/embed\/NLfMb6IWVM4\" title=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"edc-section edc-card\">\r\n  <h3 class=\"edc-subtitle\">Ready to Start?<\/h3>\r\n  <p><strong>Your ideas deserve to be online.<\/strong> Join the next <strong>Web Development with Zero Coding<\/strong> class at <strong>EDC NSUK<\/strong> and build your website from scratch \u2014 no prior experience needed.<\/p>\r\n\r\n  <div class=\"edc-cta\">\r\n    <a href=\"#\" class=\"edc-btn primary\">Register Now<\/a>\r\n    <a href=\"https:\/\/edc.nsuk.edu.ng\/wp-content\/uploads\/2025\/10\/Web_Development_with_Zero_Coding_Course_Outline_Formal.pdf\" class=\"edc-btn secondary\">Download Class Outline<\/a>\r\n\r\n    <!-- Inline contact + icons -->\r\n    <div class=\"edc-contact\">\r\n     <strong>Contact the Facilitator<\/strong>\r\n      <span class=\"edc-social-inline\">\r\n        <a href=\"mailto:nurudeen.adigun@nsuk.edu.ng\" title=\"Email\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/@techwithsteez\" target=\"_blank\" title=\"YouTube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.linkedin.com\/in\/adigun-nurudeen-adio\" target=\"_blank\" title=\"LinkedIn\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.tiktok.com\/@techwithsteez\" target=\"_blank\" title=\"TikTok\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n        <a href=\"https:\/\/facebook.com\/TechWithSteez\" target=\"_blank\" title=\"Facebook\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\r\n        <a href=\"https:\/\/wa.me\/2348099449638\" target=\"_blank\" title=\"WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    .edc-contact {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n    .edc-social-inline {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n    .edc-social-inline a {\r\n      color: var(--edc-green);\r\n      font-size: 1.2rem;\r\n      transition: color .3s, transform .3s;\r\n    }\r\n    .edc-social-inline a:hover {\r\n      color: var(--edc-orange);\r\n      transform: scale(1.15);\r\n    }\r\n    @media (max-width:600px){\r\n      .edc-contact { flex-direction: column; align-items: flex-start; }\r\n    }\r\n  <\/style>\r\n<\/section>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Development with Zero Coding I\u2019m Adigun Nurudeen Adio, your facilitator for Modern Web Development made simple. Learn to build professional, mobile-ready websites using Content Management System (CMS), and smart templates \u2014 starting from absolute zero. Beginner-friendly \u2022 100% Practical \u2022 Portfolio-ready Register Now Download Class Outline See Schedule Why Join? \u2713No tech background required \u2014 we start from the basics. \u2713100% practical \u2014 build your own live project site. \u2713Career boost \u2014 freelance &#038; small-business ready skills. \u2713Mentorship &#038; community \u2014 learn with supportive peers at EDC. What You\u2019ll Learn \u2022Foundations of modern web development (the simple way) \u2022Local server setup with XAMPP \u2022Installing &#038; configuring CMS \u2022Designing pages with Page builders + Starter Templates \u2022Install Themes &#038; essential plugins \u2022Menus, blog, media galleries &#038; contact forms \u2022Mobile responsiveness, backups, SEO basics &#038; hosting \u2022Monetizing your skill \u2014 freelancing &#038; client workflow Who Is This For? NSUK students, entrepreneurs, creatives, and anyone who wants a professional website without writing code. If you can click and drag \u2014 you can build! Basic Requirement to Participate in the Class \u2713A personal laptop (Windows or Mac) with at least 4GB RAM. \u2713Basic computer literacy \u2014 ability to use browsers and files. \u2713Internet connection (for plugin downloads and live demos). \u2713Installed XAMPP and CMS setup (guidance will be provided). \u2713Curiosity, creativity, and commitment to learn! Roadmap for 6-Weeks Training A step-by-step, beginner-friendly learning journey designed to take you from zero knowledge to building a complete website using XAMPP &#038; WordPress \u2014 without writing code. Weeks 1 \u2013 3 (Foundations) Week 1: Introduction to Web Development \u2714Understanding how websites work \u2714Types of websites \u2714Frontend vs backend development \u2714How the internet and servers function Week 2: CMS &#038; Why WordPress \u2714What a Content Management System (CMS) is \u2714Popular CMS platforms \u2714Why WordPress is best for beginners Week 3: XAMPP &#038; Localhost Setup \u2714Introduction to XAMPP \u2714Installation and configuration \u2714Starting Apache and MySQL \u2714Understanding localhost Weeks 4 \u2013 6 (Building &#038; Practice) Week 4: Installing WordPress \u2714Downloading WordPress \u2714Creating a database \u2714Installing WordPress on localhost \u2714WordPress dashboard overview Week 5: Themes, Plugins &#038; Customization \u2714Installing and activating themes \u2714Using page builders \u2714Essential plugins \u2714Menus, pages, and contact forms Week 6: Complete Website Project \u2714Building a complete website \u2714Mobile responsiveness \u2714Basic SEO setup \u2714Backups and real-world deployment preparation What Our Learners Are Saying \u201cBefore this class, I thought web design was for programmers. Now I manage my own website confidently.\u201d \u2014 Comfort (Student, NSUK) \u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d \u2014 Nelson Mekitone (Student, NSUK) \u201cThe facilitator made every session exciting and simple. I built a functional site for my business within weeks!\u201d \u2014 Dikko (Student, NSUK) \u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d \u2014 Hauwa Yusuf (Creative Designer) \u201cThis course changed how I see technology \u2014 I can now create websites and teach others, all without coding.\u201d \u2014 Oyivo Zuleihat (Student, NSUK) Watch: Course Overview (1 min) Ready to Start? Your ideas deserve to be online. Join the next Web Development with Zero Coding class at EDC NSUK and build your website from scratch \u2014 no prior experience needed. Register Now Download Class Outline Contact the Facilitator<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":""}},"_joinchat":[],"footnotes":""},"class_list":["post-156","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=156"}],"version-history":[{"count":220,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/156\/revisions"}],"predecessor-version":[{"id":2275,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/156\/revisions\/2275"}],"wp:attachment":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}