{"id":2159,"date":"2026-02-22T01:15:59","date_gmt":"2026-02-22T00:15:59","guid":{"rendered":"https:\/\/atti.tn\/?p=2159"},"modified":"2026-02-22T02:41:08","modified_gmt":"2026-02-22T01:41:08","slug":"2159","status":"publish","type":"post","link":"https:\/\/atti.tn\/index.php\/2026\/02\/22\/2159\/","title":{"rendered":"FORMATION EXCEPTIONNELLE \u2013Deep Learning &amp; Vibe Coding \u2013 Du mod\u00e8le au d\u00e9ploiement web"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ATTI \u00b7 Formation Deep Learning &#038; Vibe Coding<\/title>\n    <!-- Font & Icons -->\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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Inter', sans-serif;\n            background: linear-gradient(145deg, #f6f9fc 0%, #edf2f9 100%);\n            color: #0b1e33;\n            line-height: 1.5;\n            padding: 2rem 1.5rem;\n        }\n        .container {\n            max-width: 1300px;\n            margin: 0 auto;\n            background: rgba(255,255,255,0.75);\n            backdrop-filter: blur(4px);\n            border-radius: 3rem 3rem 2rem 2rem;\n            box-shadow: 0 25px 50px -12px rgba(0,32,64,0.25);\n            overflow: hidden;\n            border: 1px solid rgba(0,191,255,0.2);\n        }\n        \/* banni\u00e8re n\u00e9on m\u00e9dical \/ deep tech *\/\n        .hero {\n            background: linear-gradient(105deg, #001d3d 0%, #003566 40%, #0077b6 100%);\n            padding: 3rem 3rem 2.5rem 3rem;\n            color: white;\n            position: relative;\n            border-bottom: 4px solid #4ee0ff;\n            box-shadow: inset 0 -2px 10px rgba(0,255,255,0.3);\n        }\n        .hero::after {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 300px; height: 100%;\n            background: radial-gradient(circle at 70% 30%, rgba(78,224,255,0.15), transparent 60%);\n            pointer-events: none;\n        }\n        .hero-top {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n        .atti-logo {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            font-weight: 700;\n            font-size: 1.6rem;\n            letter-spacing: -0.02em;\n        }\n        .atti-logo i {\n            font-size: 2.5rem;\n            color: #4ee0ff;\n            filter: drop-shadow(0 0 8px cyan);\n        }\n        .badge-date {\n            background: rgba(255,255,255,0.12);\n            backdrop-filter: blur(8px);\n            padding: 0.6rem 1.8rem;\n            border-radius: 60px;\n            font-weight: 600;\n            border: 1px solid rgba(255,255,255,0.3);\n            box-shadow: 0 0 15px rgba(0,255,255,0.2);\n            font-size: 1.2rem;\n        }\n        .badge-date i {\n            margin-right: 8px;\n            color: #4ee0ff;\n        }\n        .hero h1 {\n            font-size: 3.2rem;\n            font-weight: 800;\n            line-height: 1.2;\n            max-width: 900px;\n            text-shadow: 0 0 10px rgba(0,224,255,0.5);\n            margin-bottom: 1rem;\n        }\n        .hero .subhead {\n            font-size: 1.5rem;\n            font-weight: 400;\n            color: #caf0f8;\n            display: flex;\n            gap: 2rem;\n            flex-wrap: wrap;\n        }\n        .subhead span {\n            background: rgba(0, 119, 182, 0.5);\n            padding: 0.3rem 1.2rem;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            border: 1px solid #4ee0ff;\n        }\n        .info-bar {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 2rem 4rem;\n            background: rgba(255,255,255,0.03);\n            padding: 1.5rem 2rem;\n            border-radius: 48px;\n            margin-top: 2rem;\n            border: 1px solid rgba(78,224,255,0.3);\n            backdrop-filter: blur(4px);\n        }\n        .info-item {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n        .info-item i {\n            font-size: 2rem;\n            color: #4ee0ff;\n        }\n        .info-item strong {\n            font-size: 1.4rem;\n            font-weight: 700;\n            display: block;\n        }\n\n        \/* contenu *\/\n        .content {\n            padding: 2.5rem 3rem;\n        }\n        .section-title {\n            font-size: 2rem;\n            font-weight: 700;\n            margin: 2.5rem 0 1.5rem 0;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            border-left: 8px solid #0077b6;\n            padding-left: 1.2rem;\n            color: #001d3d;\n        }\n        .section-title i {\n            color: #0077b6;\n            font-size: 2rem;\n        }\n        .grid-2 {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n        }\n        .card {\n            background: white;\n            border-radius: 2rem;\n            padding: 1.8rem;\n            box-shadow: 0 12px 30px rgba(0,30,60,0.08);\n            border: 1px solid rgba(0,191,255,0.2);\n            transition: transform 0.1s ease, box-shadow 0.2s;\n        }\n        .card:hover {\n            box-shadow: 0 20px 35px rgba(0,119,182,0.15);\n            border-color: #4ee0ff;\n        }\n        .card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 1.2rem;\n            color: #003566;\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n            border-bottom: 2px solid #e7f0ff;\n            padding-bottom: 0.8rem;\n        }\n        .card ul, .prereq-list {\n            list-style: none;\n        }\n        .card ul li, .prereq-list li {\n            margin-bottom: 0.8rem;\n            display: flex;\n            gap: 0.8rem;\n            align-items: flex-start;\n        }\n        .card ul li i, .prereq-list li i {\n            color: #0077b6;\n            font-size: 1.2rem;\n            min-width: 1.5rem;\n            margin-top: 0.15rem;\n        }\n        .tag {\n            background: #e3f2fd;\n            color: #003f6b;\n            border-radius: 30px;\n            padding: 0.2rem 1rem;\n            font-size: 0.9rem;\n            font-weight: 600;\n            display: inline-block;\n            margin-right: 0.5rem;\n        }\n\n        .module-timeline {\n            display: flex;\n            flex-direction: column;\n            gap: 1.2rem;\n        }\n        .module-item {\n            background: #f3f9ff;\n            border-radius: 1.5rem;\n            padding: 1.2rem 1.8rem;\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n            border-left: 6px solid #4ee0ff;\n        }\n        .module-time {\n            background: #001d3d;\n            color: white;\n            font-weight: 700;\n            padding: 0.4rem 1rem;\n            border-radius: 40px;\n            font-size: 0.9rem;\n            min-width: 120px;\n            text-align: center;\n        }\n        .module-desc {\n            font-weight: 600;\n            font-size: 1.2rem;\n        }\n        .module-desc small {\n            font-weight: 400;\n            color: #2d5f8b;\n        }\n\n        .tech-stack {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.8rem 1.2rem;\n            margin-top: 1.2rem;\n        }\n        .tech-badge {\n            background: #032b44;\n            color: white;\n            padding: 0.5rem 1.2rem;\n            border-radius: 40px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            border: 1px solid #4ee0ff;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .tech-badge i {\n            color: #4ee0ff;\n        }\n\n        .highlight-blue {\n            background: #d2ebff;\n            border-radius: 1rem;\n            padding: 1.8rem;\n            margin: 2rem 0 1rem;\n        }\n\n        .footer-atti {\n            background: #001d3d;\n            color: white;\n            padding: 2rem 3rem;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .btn-inscription {\n            background: #4ee0ff;\n            border: none;\n            color: #001d3d;\n            font-weight: 700;\n            font-size: 1.8rem;\n            padding: 1.2rem 3.5rem;\n            border-radius: 60px;\n            cursor: pointer;\n            transition: all 0.2s;\n            box-shadow: 0 0 20px #4ee0ff;\n            border: 2px solid white;\n            display: inline-flex;\n            align-items: center;\n            gap: 1rem;\n        }\n        .btn-inscription:hover {\n            background: #9cf4ff;\n            box-shadow: 0 0 35px cyan;\n            transform: scale(1.02);\n        }\n        .btn-inscription i {\n            font-size: 2rem;\n        }\n\n        @media (max-width: 700px) {\n            .hero h1 { font-size: 2.4rem; }\n            .hero { padding: 2rem 1.5rem; }\n            .content { padding: 2rem 1.5rem; }\n            .btn-inscription { font-size: 1.4rem; padding: 1rem 2rem; }\n            .info-bar { flex-direction: column; gap: 1rem; }\n        }\n        .mute-text { color: #3f5575; }\n        .pause {\n            background: #fff6dd;\n            border-radius: 2rem;\n            padding: 1rem 2rem;\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            margin: 1rem 0;\n            border: 2px dashed #f4c542;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n    <div class=\"hero\">\n        <div class=\"hero-top\">\n            <div class=\"atti-logo\">\n                <!-- <i class=\"fas fa-brain\"><\/i> -->\n                <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: auto;\"> \n\t\t\t\t<span>ATTI \u00b7 TUNISIE<\/span>\n            <\/div>\n            <div class=\"badge-date\">\n                <i class=\"fas fa-calendar-check\"><\/i> samedi 04 avril \u2022 9h\u201313h\n            <\/div>\n        <\/div>\n        <h1>Deep Learning &#038; Vibe Coding <br><span style=\"font-size: 0.8em; display: block; color: #a2e6ff;\">Du mod\u00e8le au d\u00e9ploiement web<\/span><\/h1>\n        <div class=\"subhead\">\n            <span><i class=\"fas fa-lungs\"><\/i> classifieur pneumonie \u00b7 rayons X<\/span>\n            <span><i class=\"fas fa-rocket\"><\/i> product-ready \u00b7 4h<\/span>\n        <\/div>\n        <div class=\"info-bar\">\n            <div class=\"info-item\"><i class=\"fas fa-map-pin\"><\/i> <div><strong>ISSAT Mateur<\/strong> <span class=\"mute-text\" style=\"color:#b4dfff;\"> en pr\u00e9sentiel<\/span><\/div><\/div>\n            <div class=\"info-item\"><i class=\"fas fa-users\"><\/i> <div><strong>membres ATTI<\/strong> <span class=\"mute-text\" style=\"color:#b4dfff;\">formation gratuite<\/span><\/div><\/div>\n            <div class=\"info-item\"><i class=\"fas fa-code\"><\/i> <div><strong>Python \u00b7 React \u00b7 TF Lite<\/strong> <span class=\"mute-text\" style=\"color:#b4dfff;\">stack complet<\/span><\/div><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"content\">\n        <!-- Objectif + pr\u00e9requis -->\n        <div class=\"grid-2\">\n            <div class=\"card\">\n                <h3><i class=\"fas fa-bullseye\"><\/i> Objectif unique<\/h3>\n            <p style=\"font-size:1.15rem; margin-bottom:1rem;\">Cr\u00e9er un classifieur de pneumonie par rayons X et le d\u00e9ployer en mode <strong>&#8220;Product\u2011Ready&#8221;<\/strong> sans friction technique majeure.<\/p>\n            <p><i class=\"fas fa-check-circle\" style=\"color:#0077b6;\"><\/i> Atelier 100% pratique \u2022 niveau interm\u00e9diaire (Python)<\/p>\n            <div style=\"margin-top:1.5rem\">\n                <span class=\"tag\">#transfer learning<\/span>\n                <span class=\"tag\">#TFLite<\/span>\n                <span class=\"tag\">#React+Vite<\/span>\n                <span class=\"tag\">#CI\/CD Vercel<\/span>\n            <\/div>\n            <\/div>\n            <div class=\"card\">\n                <h3><i class=\"fas fa-clipboard-list\"><\/i> Pr\u00e9requis<\/h3>\n                <ul class=\"prereq-list\">\n                    <li><i class=\"fas fa-check-circle\"><\/i> Bases Python &#038; deep learning<\/li>\n                    <li><i class=\"fab fa-google\"><\/i> Compte Google (AI Studio)<\/li>\n                    <li><i class=\"fab fa-github\"><\/i> Compte GitHub + Vercel (gratuits)<\/li>\n                    <li><i class=\"fas fa-cloud\"><\/i> Environnement Kaggle (fourni)<\/li>\n                    <li><i class=\"fas fa-id-card\"><\/i> Adh\u00e9sion ATTI \u00e0 jour (gratuit pour membres)<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- programme d\u00e9taill\u00e9 -->\n        <div class=\"section-title\"><i class=\"fas fa-clock\"><\/i> Programme de la matin\u00e9e<\/div>\n        <div class=\"module-timeline\">\n            <div class=\"module-item\"><span class=\"module-time\">Module 1 \u00b7 45min<\/span> <span class=\"module-desc\">Conception &#038; brainstorming <small>avec Gemini 1.5 \u00b7 data augmentation \u00b7 vibe check<\/small><\/span><\/div>\n            <div class=\"module-item\"><span class=\"module-time\">Module 2 \u00b7 1h15<\/span> <span class=\"module-desc\">Entra\u00eenement &#038; export TFLite <small>transfer learning express \u00b7 optimisation mobile\/web \u00b7 atelier pratique<\/small><\/span><\/div>\n            <div class=\"pause\"><i class=\"fas fa-mug-hot fa-2x\"><\/i> <span style=\"font-weight:600;\">\u2615 PAUSE 15 min <\/span><\/div>\n            <div class=\"module-item\"><span class=\"module-time\">Module 3 \u00b7 1h<\/span> <span class=\"module-desc\">Interface &#8220;Vibe-First&#8221; <small>design m\u00e9dical n\u00e9on \u00b7 int\u00e9gration TFLite \u00b7 connect mod\u00e8le \u2194 UI<\/small><\/span><\/div>\n            <div class=\"module-item\"><span class=\"module-time\">Module 4 \u00b7 45min<\/span> <span class=\"module-desc\">GitHub &#038; Vercel <small>versionnage sans effort \u00b7 CI\/CD \u00b7 monitoring, it\u00e9ration<\/small><\/span><\/div>\n        <\/div>\n        <div style=\"margin-top:1rem; background: #e2f0fe; border-radius: 3rem; padding: 1rem 2rem; font-size:1rem;\"><i class=\"fas fa-star\" style=\"color:#f4c542;\"><\/i> <strong>Conclusion :<\/strong> It\u00e9ration, am\u00e9lioration continue (pr\u00e9cision, UX, conformit\u00e9 m\u00e9dicale).<\/div>\n\n        <!-- stack technologique (la fameuse table) -->\n        <div class=\"section-title\"><i class=\"fas fa-layer-group\"><\/i> Deep Vibe Technology Stack<\/div>\n        <div style=\"overflow-x: auto; background: #f2f9ff; border-radius: 2rem; padding: 1.2rem;\">\n            <table style=\"width:100%; border-collapse: collapse; min-width: 650px;\">\n                <thead style=\"background: #003566; color: white; border-radius: 1rem 1rem 0 0;\">\n                    <tr><th style=\"padding: 1rem; border-radius: 1rem 0 0;\">Composant<\/th><th style=\"padding: 1rem;\">Technologie<\/th><th style=\"padding: 1rem; border-radius: 0 1rem 0 0;\">Raison<\/th><\/tr>\n                <\/thead>\n                <tbody>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\ud83e\udde0 Model<\/td><td>TensorFlow\/Keras + TFLite<\/td><td>L\u00e9ger, rapide, pr\u00e9cis<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\u269b\ufe0f Frontend<\/td><td>React 18 + Vite<\/td><td>Moderne, responsive<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\ud83d\udcca Inference<\/td><td>TensorFlow.js<\/td><td>Client-side, confidentialit\u00e9<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\ud83c\udfa8 Design<\/td><td>Tailwind CSS<\/td><td>N\u00e9on m\u00e9dical, composants<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\u2699\ufe0f Backend (opt.)<\/td><td>FastAPI<\/td><td>High\u2011performance async<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\ud83d\udce6 Versioning<\/td><td>Git + GitHub<\/td><td>Collaboration standardis\u00e9e<\/td><\/tr>\n                    <tr style=\"border-bottom: 1px solid #cce5ff;\"><td style=\"padding: 1rem;\">\ud83d\ude80 Deployment<\/td><td>Vercel<\/td><td>Serverless, CI\/CD int\u00e9gr\u00e9<\/td><\/tr>\n                    <tr><td style=\"padding: 1rem;\">\ud83d\udd0e Explainability<\/td><td>Gemini API<\/td><td>Interpr\u00e9tabilit\u00e9 IA<\/td><\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- petits plus: ateliers \/ vibe -->\n        <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2.5rem 0;\">\n            <div style=\"flex: 1; background: #ffffff; border-radius: 2rem; padding: 1.8rem;\">\n                <i class=\"fas fa-flask\" style=\"font-size: 2.5rem; color: #0077b6;\"><\/i>\n                <h3 style=\"margin: 0.5rem 0 1rem;\">Ateliers pratiques<\/h3>\n                <p><i class=\"fas fa-play-circle\"><\/i> 2.4 Lancer l&#8217;entra\u00eenement<br>\n                <i class=\"fas fa-plug\"><\/i> 3.4 Connecter Mod\u00e8le \u2194 Interface<br>\n                <i class=\"fas fa-rocket\"><\/i> D\u00e9ploiement continu sur Vercel<\/p>\n            <\/div>\n            <div style=\"flex: 1; background: #001d3d; color: white; border-radius: 2rem; padding: 1.8rem;\">\n                <i class=\"fas fa-stethoscope\" style=\"font-size: 2.5rem; color: #4ee0ff;\"><\/i>\n                <h3 style=\"margin: 0.5rem 0 1rem; color: white;\">Vibe m\u00e9dical n\u00e9on<\/h3>\n                <p style=\"color: #cce5ff;\">Interface \u00e9clairante \u2022 interpr\u00e9tabilit\u00e9 Gemini \u2022 privacy\u2011first (inf\u00e9rence locale) \u2022 pr\u00eat pour d\u00e9mo<\/p>\n                <div class=\"tech-stack\">\n                    <span class=\"tech-badge\"><i class=\"fab fa-react\"><\/i> React + Tailwind<\/span>\n                    <span class=\"tech-badge\"><i class=\"fas fa-microchip\"><\/i> TFLite<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u00e9tapes suivantes & mentions -->\n        <div class=\"highlight-blue\">\n            <i class=\"fas fa-road\" style=\"font-size: 2rem; color: #003566;\"><\/i>\n            <h3 style=\"display: inline-block; margin-left: 1rem;\">\u00c9tapes suivantes (apr\u00e8s la formation)<\/h3>\n            <div style=\"display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin-top: 1.2rem;\">\n                <span><i class=\"fas fa-chart-line\"><\/i> Augmenter la pr\u00e9cision<\/span>\n                <span><i class=\"fas fa-palette\"><\/i> Enrichir l&#8217;UX<\/span>\n                <span><i class=\"fas fa-cloud-upload-alt\"><\/i> D\u00e9ploiement avanc\u00e9<\/span>\n                <span><i class=\"fas fa-shield-alt\"><\/i> Conformit\u00e9 m\u00e9dicale<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- pied de page avec appel inscription -->\n    <div class=\"footer-atti\">\n        <!-- <div style=\"max-width: 500px;\">\n            <h3 style=\"color:white; display: flex; gap: 5px;\"><i class=\"fas fa-heartbeat\" style=\"color: #4ee0ff;\"><\/i>Association Tunisienne des Techniques Intelligentes<\/h3>\n            <p style=\"color:#b0deff;\">\ud83d\udccd ISSAT Mateur \u2013 Samedi 04 avril \u00b7 9h-13h <br> Formation gratuite pour les membres ATTI. <\/p>\n        <\/div>\n        <div>\n            <button class=\"btn-inscription\" onclick=\"alert('Inscription membres ATTI : envoyez un email \u00e0 formation@atti.tn avec votre nom + n\u00b0 membre. Places limit\u00e9es.')\">\n                <i class=\"fas fa-pen-fancy\"><\/i> Je m'inscris\n            <\/button>\n            <p style=\"color:#a2d6ff; margin-top: 1rem; text-align: center;\"><i class=\"fas fa-envelope\"><\/i> formation@atti.tn \u00b7 www.atti.tn<\/p>\n        <\/div> -->\n\t\t<div style=\"max-width: 500px;\">\n\t\t\t<h3 style=\"color:white; display: flex; gap: 5px; align-items: center;\">\n\t\t\t\t<i class=\"fas fa-heartbeat\" style=\"color: #4ee0ff;\"><\/i>\n\t\t\t\tAssociation Tunisienne des Techniques Intelligentes\n\t\t\t<\/h3>\n\t\t\t<p style=\"color:#b0deff; margin-top: 1rem;\">\n\t\t\t\t<i class=\"fas fa-map-pin\" style=\"color: #4ee0ff; margin-right: 0.5rem;\"><\/i> ISSAT Mateur \u2013 Samedi 04 avril \u00b7 9h-13h\n\t\t\t<\/p>\n\t\t\t<!-- Message gratuit\u00e9 tr\u00e8s visible -->\n\t\t\t<div style=\"background: rgba(78, 224, 255, 0.15); border: 2px solid #4ee0ff; border-radius: 60px; padding: 1rem 1.5rem; margin: 1.5rem 0; display: inline-block;\">\n\t\t\t\t<span style=\"color: white; font-weight: 800; font-size: 1.4rem; letter-spacing: 0.5px;\">\n\t\t\t\t\t<i class=\"fas fa-gift\" style=\"color: #ffd966; margin-right: 10px;\"><\/i> GRATUIT pour les membres ATTI\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t<p style=\"color:#a2d6ff; font-size: 1rem;\">\n\t\t\t\t<i class=\"fas fa-id-card\" style=\"color: #4ee0ff;\"><\/i> Adh\u00e9sion possible sur place (ou v\u00e9rifiez votre statut)\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div style=\"text-align: left;\">\n\t\t\t<!-- Bouton avec lien Google Form -->\n\t\t\t<a href=\"https:\/\/forms.gle\/FtRedUnoJoQJFppB6\" target=\"_blank\" style=\"text-decoration: none;\">\n\t\t\t\t<button class=\"btn-inscription\" style=\"border: none; cursor: pointer;\">\n\t\t\t\t\t<i class=\"fas fa-pen-fancy\"><\/i> Je m&#8217;inscris (Google Form)\n\t\t\t\t<\/button>\n\t\t\t<\/a>\n\t\t\t<p style=\"color:#a2d6ff; margin-top: 1.5rem; font-size: 0.95rem;\">\n\t\t\t\t<i class=\"fas fa-envelope\"><\/i> atti.tunisie@gmail.com \n\t\t\t\t<i class=\"fas fa-globe\"><\/i> www.atti.tn\n\t\t\t<\/p>\n\t\t\t<!-- Petit rappel places limit\u00e9es -->\n\t\t\t<p style=\"color: #ffb3b3; margin-top: 0.5rem; font-size: 0.9rem;\">\n\t\t\t\t<i class=\"fas fa-exclamation-triangle\"><\/i> Places limit\u00e9es \u2014 r\u00e9servez vite\u202f!\n\t\t\t<\/p>\n\t\t<\/div>\n    <\/div>\n<\/div>\n<!-- petit disclaimer gratuit -->\n<p style=\"text-align: center; margin-top: 1.5rem; opacity: 0.7; font-size:0.9rem;\">ATTI \u00b7 Deep learning &#038; Vibe coding \u2013 Document officiel de formation. Mise \u00e0 jour 2026.<\/p>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ATTI \u00b7 Formation Deep Learning &#038; Vibe Coding ATTI \u00b7 TUNISIE samedi 04 avril \u2022 9h\u201313h Deep Learning &#038; Vibe Coding Du mod\u00e8le au d\u00e9ploiement web classifieur pneumonie \u00b7 rayons X product-ready \u00b7 4h ISSAT Mateur en pr\u00e9sentiel membres ATTI formation gratuite Python \u00b7 React \u00b7 TF Lite stack complet Objectif unique Cr\u00e9er un classifieur [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2161,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"post-no-header-image","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-2159","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formations"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/comments?post=2159"}],"version-history":[{"count":2,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2159\/revisions"}],"predecessor-version":[{"id":2169,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2159\/revisions\/2169"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/2161"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=2159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=2159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=2159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}