{"id":12958,"date":"2026-04-16T23:45:06","date_gmt":"2026-04-16T21:45:06","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?p=12958"},"modified":"2026-04-16T23:46:29","modified_gmt":"2026-04-16T21:46:29","slug":"professional-immersion-of-our-second-year-students-visits-to-iap-cerist-cdta-algerie-telecom-and-cnep-bank","status":"publish","type":"post","link":"https:\/\/www.enscs.edu.dz\/?p=12958","title":{"rendered":"Professional Immersion of Our Second-Year Students: Visits to IAP, CERIST, CDTA, Alg\u00e9rie T\u00e9l\u00e9com, CNEP Bank and Cybears"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12958\" class=\"elementor elementor-12958\">\n\t\t\t\t<div class=\"elementor-element elementor-element-854fa4c e-flex e-con-boxed e-con e-parent\" data-id=\"854fa4c\" 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-fac6606 elementor-widget elementor-widget-html\" data-id=\"fac6606\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>ENSCS - Field Trips 2nd Year | Professional Immersion<\/title>\n\n    <style>\n        :root {\n            --primary-color: #1a202c;\n            --secondary-color: #4a5568;\n            --light-bg: #f8f9fa;\n            --card-bg: #ffffff;\n            --border-color: #e2e8f0;\n            --accent-color: #2b6cb0;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html, body {\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        body {\n            font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--primary-color);\n            line-height: 1.8;\n            background: #ffffff;\n        }\n\n        \/* ===== FULL WIDTH FORCED ===== *\/\n        .full-width-wrapper {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            padding: 40px 20px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        }\n\n        \/* ===== MAIN CONTAINER ===== *\/\n        .content-container {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* ===== ARTICLE CONTENT ===== *\/\n        .article-content {\n            background: var(--card-bg);\n            padding: 50px;\n            border-radius: 12px;\n            box-shadow: 0 5px 25px rgba(0,0,0,0.08);\n            margin-bottom: 40px;\n        }\n\n        .article-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #2d3748;\n        }\n\n        .article-text p {\n            margin-bottom: 1.8em;\n            text-align: justify;\n        }\n\n        \/* ===== IMAGE GALLERY ===== *\/\n        .gallery-section {\n            margin: 60px 0 20px 0;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 25px;\n            width: 100%;\n        }\n\n        .gallery-item {\n            background: var(--card-bg);\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .gallery-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 250px;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* ===== LIGHTBOX ===== *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.95);\n            overflow: hidden;\n        }\n\n        .lightbox-content {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            width: 100%;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .lightbox-image {\n            max-width: 90%;\n            max-height: 80%;\n            object-fit: contain;\n            border-radius: 5px;\n        }\n\n        .close-lightbox {\n            position: absolute;\n            top: 25px;\n            right: 35px;\n            color: white;\n            font-size: 45px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: color 0.3s;\n            z-index: 1001;\n        }\n\n        .close-lightbox:hover {\n            color: #ccc;\n        }\n\n        .lightbox-nav {\n            position: absolute;\n            top: 50%;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            transform: translateY(-50%);\n            padding: 0 25px;\n            box-sizing: border-box;\n            z-index: 1001;\n        }\n\n        .lightbox-nav-btn {\n            background: rgba(255, 255, 255, 0.2);\n            border: none;\n            color: white;\n            font-size: 32px;\n            cursor: pointer;\n            padding: 12px 24px;\n            border-radius: 50%;\n            transition: background 0.3s;\n        }\n\n        .lightbox-nav-btn:hover {\n            background: rgba(255, 255, 255, 0.3);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1200px) {\n            .content-container {\n                max-width: 95%;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            .full-width-wrapper {\n                padding: 30px 15px;\n            }\n            \n            .content-container {\n                padding: 0 15px;\n            }\n            \n            .article-content {\n                padding: 40px 30px;\n            }\n            \n            .article-text {\n                font-size: 1.1rem;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .gallery-item img {\n                height: 220px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .full-width-wrapper {\n                padding: 25px 10px;\n            }\n            \n            .content-container {\n                padding: 0 10px;\n            }\n            \n            .article-content {\n                padding: 30px 20px;\n            }\n            \n            .article-text {\n                font-size: 1.05rem;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .gallery-item img {\n                height: 240px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .full-width-wrapper {\n                padding: 20px 10px;\n            }\n            \n            .article-content {\n                padding: 25px 15px;\n            }\n            \n            .article-text {\n                font-size: 1rem;\n            }\n            \n            .gallery-item img {\n                height: 200px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n<div class=\"full-width-wrapper\">\n    <div class=\"content-container\">\n\n        <!-- MAIN CONTENT -->\n        <div class=\"article-content\">\n            <div class=\"article-text\">\n                <p>\n                    On April 14, 2026, as part of strengthening practical training and connecting theoretical knowledge with the professional world, the National Higher School of Cybersecurity (ENSCS) organized field trips for second-year students.\n                <\/p>\n\n                <p>\n                    These visits involved several leading institutions, namely Alg\u00e9rie T\u00e9l\u00e9com, Algerian Petroleum Institute (IAP), Center for the Development of Advanced Technologies (CDTA), Center for Scientific and Technical Information Research (CERIST), CNEP Bank, as well as the private company CYBEARS.\n                <\/p>\n\n                <p>\n                    This initiative is part of an approach aimed at offering students a concrete immersion in real professional environments. It allows them to develop practical skills, better understand the requirements of the job market, and enrich their academic journey while expanding their professional perspectives.\n                <\/p>\n            <\/div>\n\n            <!-- IMAGE GALLERY (12 photos) -->\n            <div class=\"gallery-section\">\n                <div class=\"gallery-grid\" id=\"galleryGrid\">\n                    <!-- The 12 photos will be generated by JavaScript -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"lightbox\" class=\"lightbox\">\n    <span class=\"close-lightbox\" onclick=\"closeLightbox()\">&times;<\/span>\n    <div class=\"lightbox-nav\">\n        <button class=\"lightbox-nav-btn\" onclick=\"changeImage(-1)\">&#10094;<\/button>\n        <button class=\"lightbox-nav-btn\" onclick=\"changeImage(1)\">&#10095;<\/button>\n    <\/div>\n    <div class=\"lightbox-content\">\n        <img decoding=\"async\" id=\"lightbox-img\" class=\"lightbox-image\" src=\"\" alt=\"\">\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ List of 12 photos (11 original + 1 new)\n    const galleryImages = [\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671324471_1365339738971110_905360567830430519_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671547196_122132142201136336_629386089302291733_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671549330_122132142333136336_8248666852744745881_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671568222_122132145159136336_7693271565157361020_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672083934_122132143557136336_2559421152216389762_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672142371_122132138601136336_4644079854669284953_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672148961_1365339865637764_4336326747082700837_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672671844_122132138691136336_8726301582685109632_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672672344_122132153949136336_845658618291129525_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672673386_122132143317136336_5104288517184826300_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/1000008718-scaled.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672045023_122132139747136336_5399311052882939507_n.jpg\" }\n    ];\n\n    let currentImageIndex = 0;\n\n    \/\/ Generate gallery dynamically\n    function generateGallery() {\n        const galleryGrid = document.getElementById('galleryGrid');\n        if (!galleryGrid) return;\n\n        galleryGrid.innerHTML = '';\n        \n        galleryImages.forEach((image, index) => {\n            const galleryItem = document.createElement('div');\n            galleryItem.className = 'gallery-item';\n            galleryItem.onclick = () => openLightbox(index);\n            \n            const img = document.createElement('img');\n            img.src = image.src;\n            img.alt = `ENSCS field trip - Photo ${index + 1}`;\n            img.loading = 'lazy';\n            \n            galleryItem.appendChild(img);\n            galleryGrid.appendChild(galleryItem);\n        });\n    }\n\n    function openLightbox(index) {\n        currentImageIndex = index;\n        updateLightbox();\n        document.getElementById('lightbox').style.display = 'block';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightbox() {\n        document.getElementById('lightbox').style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    function changeImage(direction) {\n        currentImageIndex += direction;\n        \n        if (currentImageIndex < 0) {\n            currentImageIndex = galleryImages.length - 1;\n        } else if (currentImageIndex >= galleryImages.length) {\n            currentImageIndex = 0;\n        }\n        \n        updateLightbox();\n    }\n\n    function updateLightbox() {\n        const lightboxImg = document.getElementById('lightbox-img');\n        lightboxImg.src = galleryImages[currentImageIndex].src;\n    }\n\n    \/\/ Keyboard navigation\n    document.addEventListener('keydown', function(e) {\n        const lightbox = document.getElementById('lightbox');\n        if (lightbox.style.display !== 'block') return;\n        \n        if (e.key === 'Escape') {\n            closeLightbox();\n        }\n        if (e.key === 'ArrowLeft') {\n            changeImage(-1);\n        }\n        if (e.key === 'ArrowRight') {\n            changeImage(1);\n        }\n    });\n\n    \/\/ Close when clicking outside\n    document.getElementById('lightbox').addEventListener('click', function(e) {\n        if (e.target === this) {\n            closeLightbox();\n        }\n    });\n\n    \/\/ Initialize gallery on load\n    document.addEventListener('DOMContentLoaded', generateGallery);\n<\/script>\n\n<\/body>\n<\/html>\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>ENSCS &#8211; Field Trips 2nd Year | Professional Immersion On April 14, 2026, as part of strengthening practical training and connecting theoretical knowledge with the professional world, the National Higher School of Cybersecurity (ENSCS) organized field trips for second-year students. These visits involved several leading institutions, namely Alg\u00e9rie T\u00e9l\u00e9com, Algerian Petroleum Institute (IAP), Center for [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[98],"tags":[],"class_list":["post-12958","post","type-post","status-publish","format-standard","hentry","category-tous-les-rticles"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12958"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12958\/revisions"}],"predecessor-version":[{"id":12964,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12958\/revisions\/12964"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}