{"id":1,"date":"2016-05-10T03:48:21","date_gmt":"2016-05-10T03:48:21","guid":{"rendered":"https:\/\/nakida.co\/?p=1"},"modified":"2025-10-09T15:59:51","modified_gmt":"2025-10-09T15:59:51","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/nakida.co\/?p=1","title":{"rendered":"Yapay Zeka ile Diyalog"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Hafta 1: AI Temelleri ve \u0130lk Prompt Deneyimleri<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary: #2563eb;\n            --primary-dark: #1e40af;\n            --secondary: #10b981;\n            --accent: #f59e0b;\n            --bg-light: #f8fafc;\n            --bg-white: #ffffff;\n            --text-dark: #1e293b;\n            --text-gray: #64748b;\n            --border: #e2e8f0;\n            --success: #22c55e;\n            --warning: #f59e0b;\n            --danger: #ef4444;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: var(--text-dark);\n            background: var(--bg-light);\n        }\n\n        \/* Header & Navigation *\/\n        .header {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            color: white;\n            padding: 2rem 0;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n\n        .header-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n\n        .header h1 {\n            font-size: 1.5rem;\n            font-weight: 700;\n        }\n\n        .header-subtitle {\n            font-size: 0.9rem;\n            opacity: 0.9;\n            margin-top: 0.25rem;\n        }\n\n        \/* Progress Bar *\/\n        .progress-container {\n            background: rgba(255,255,255,0.2);\n            height: 4px;\n            border-radius: 2px;\n            overflow: hidden;\n            margin-top: 1rem;\n        }\n\n        .progress-bar {\n            height: 100%;\n            background: var(--success);\n            width: 0%;\n            transition: width 0.3s ease;\n        }\n\n        \/* Navigation Tabs *\/\n        .nav-tabs {\n            display: flex;\n            gap: 0.5rem;\n            margin-top: 1rem;\n            flex-wrap: wrap;\n        }\n\n        .nav-tab {\n            padding: 0.5rem 1rem;\n            background: rgba(255,255,255,0.1);\n            border: none;\n            color: white;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s;\n            font-size: 0.9rem;\n        }\n\n        .nav-tab:hover {\n            background: rgba(255,255,255,0.2);\n        }\n\n        .nav-tab.active {\n            background: white;\n            color: var(--primary);\n            font-weight: 600;\n        }\n\n        \/* Main Content *\/\n        .main-content {\n            padding: 2rem 0;\n        }\n\n        .section {\n            background: var(--bg-white);\n            border-radius: 12px;\n            padding: 2rem;\n            margin-bottom: 2rem;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n            display: none;\n        }\n\n        .section.active {\n            display: block;\n            animation: fadeIn 0.5s ease;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .section-header {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n            padding-bottom: 1rem;\n            border-bottom: 2px solid var(--border);\n        }\n\n        .section-icon {\n            font-size: 2rem;\n        }\n\n        .section-title {\n            font-size: 1.8rem;\n            color: var(--primary);\n            font-weight: 700;\n        }\n\n        .section-subtitle {\n            font-size: 1rem;\n            color: var(--text-gray);\n            margin-top: 0.25rem;\n        }\n\n        \/* Cards *\/\n        .card {\n            background: var(--bg-light);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin: 1rem 0;\n            border-left: 4px solid var(--primary);\n        }\n\n        .card-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n            color: var(--text-dark);\n        }\n\n        .card-content {\n            color: var(--text-gray);\n        }\n\n        \/* Info Boxes *\/\n        .info-box {\n            padding: 1.5rem;\n            border-radius: 8px;\n            margin: 1.5rem 0;\n            border-left: 4px solid;\n        }\n\n        .info-box.success {\n            background: #f0fdf4;\n            border-color: var(--success);\n        }\n\n        .info-box.warning {\n            background: #fffbeb;\n            border-color: var(--warning);\n        }\n\n        .info-box.danger {\n            background: #fef2f2;\n            border-color: var(--danger);\n        }\n\n        .info-box.info {\n            background: #eff6ff;\n            border-color: var(--primary);\n        }\n\n        \/* Lists *\/\n        .check-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .check-list li {\n            padding: 0.5rem 0;\n            padding-left: 2rem;\n            position: relative;\n        }\n\n        .check-list li:before {\n            content: \"\u2713\";\n            position: absolute;\n            left: 0;\n            color: var(--success);\n            font-weight: bold;\n            font-size: 1.2rem;\n        }\n\n        \/* Tables *\/\n        .table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 1.5rem 0;\n        }\n\n        .table th {\n            background: var(--primary);\n            color: white;\n            padding: 1rem;\n            text-align: left;\n            font-weight: 600;\n        }\n\n        .table td {\n            padding: 1rem;\n            border-bottom: 1px solid var(--border);\n        }\n\n        .table tr:hover {\n            background: var(--bg-light);\n        }\n\n        \/* Code Blocks *\/\n        .code-block {\n            background: #1e293b;\n            color: #e2e8f0;\n            padding: 1.5rem;\n            border-radius: 8px;\n            overflow-x: auto;\n            margin: 1.5rem 0;\n            position: relative;\n        }\n\n        .code-block pre {\n            margin: 0;\n            font-family: 'Courier New', monospace;\n            font-size: 0.9rem;\n            line-height: 1.6;\n        }\n\n        .copy-btn {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            padding: 0.5rem 1rem;\n            background: var(--primary);\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.85rem;\n            transition: all 0.3s;\n        }\n\n        .copy-btn:hover {\n            background: var(--primary-dark);\n        }\n\n        .copy-btn.copied {\n            background: var(--success);\n        }\n\n        \/* Buttons *\/\n        .btn {\n            padding: 0.75rem 1.5rem;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1rem;\n            font-weight: 600;\n            transition: all 0.3s;\n            display: inline-block;\n            text-decoration: none;\n        }\n\n        .btn-primary {\n            background: var(--primary);\n            color: white;\n        }\n\n        .btn-primary:hover {\n            background: var(--primary-dark);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n        }\n\n        .btn-secondary {\n            background: var(--secondary);\n            color: white;\n        }\n\n        .btn-secondary:hover {\n            background: #059669;\n            transform: translateY(-2px);\n        }\n\n        .btn-outline {\n            background: transparent;\n            border: 2px solid var(--primary);\n            color: var(--primary);\n        }\n\n        .btn-outline:hover {\n            background: var(--primary);\n            color: white;\n        }\n\n        \/* Interactive Activity *\/\n        .activity {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 2rem;\n            border-radius: 12px;\n            margin: 2rem 0;\n        }\n\n        .activity-title {\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            font-weight: 700;\n        }\n\n        .timer {\n            font-size: 3rem;\n            font-weight: 700;\n            text-align: center;\n            margin: 1.5rem 0;\n            font-family: 'Courier New', monospace;\n        }\n\n        .timer-controls {\n            display: flex;\n            gap: 1rem;\n            justify-content: center;\n            margin-top: 1rem;\n        }\n\n        \/* Quiz *\/\n        .quiz-question {\n            background: var(--bg-light);\n            padding: 1.5rem;\n            border-radius: 8px;\n            margin: 1rem 0;\n        }\n\n        .quiz-options {\n            display: flex;\n            flex-direction: column;\n            gap: 0.75rem;\n            margin-top: 1rem;\n        }\n\n        .quiz-option {\n            padding: 1rem;\n            background: white;\n            border: 2px solid var(--border);\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n\n        .quiz-option:hover {\n            border-color: var(--primary);\n            transform: translateX(5px);\n        }\n\n        .quiz-option.correct {\n            background: #f0fdf4;\n            border-color: var(--success);\n        }\n\n        .quiz-option.wrong {\n            background: #fef2f2;\n            border-color: var(--danger);\n        }\n\n        \/* Glossary *\/\n        .glossary-search {\n            width: 100%;\n            padding: 1rem;\n            border: 2px solid var(--border);\n            border-radius: 8px;\n            font-size: 1rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .glossary-search:focus {\n            outline: none;\n            border-color: var(--primary);\n        }\n\n        .glossary-item {\n            padding: 1rem;\n            border-bottom: 1px solid var(--border);\n        }\n\n        .glossary-term {\n            font-weight: 700;\n            color: var(--primary);\n            font-size: 1.1rem;\n        }\n\n        .glossary-definition {\n            margin-top: 0.5rem;\n            color: var(--text-gray);\n        }\n\n        \/* Navigation Buttons *\/\n        .section-nav {\n            display: flex;\n            justify-content: space-between;\n            margin-top: 2rem;\n            padding-top: 2rem;\n            border-top: 2px solid var(--border);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .header h1 {\n                font-size: 1.2rem;\n            }\n\n            .section {\n                padding: 1.5rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .nav-tabs {\n                font-size: 0.85rem;\n            }\n\n            .timer {\n                font-size: 2rem;\n            }\n        }\n\n        \/* Footer *\/\n        .footer {\n            background: var(--text-dark);\n            color: white;\n            padding: 2rem 0;\n            margin-top: 4rem;\n            text-align: center;\n        }\n\n        .footer a {\n            color: var(--secondary);\n            text-decoration: none;\n        }\n\n        .footer a:hover {\n            text-decoration: underline;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Header -->\n    <header class=\"header\">\n        <div class=\"container\">\n            <div class=\"header-content\">\n                <div>\n                    <h1>&#x1f916; Hafta 1: AI Temelleri ve \u0130lk Prompt Deneyimleri<\/h1>\n                    <p class=\"header-subtitle\">Yapay Zeka ile Diyalog, Prompt M\u00fchendisli\u011fi ve Ele\u015ftirel D\u00fc\u015f\u00fcnme<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Progress Bar -->\n            <div class=\"progress-container\">\n                <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n            <\/div>\n\n            <!-- Navigation Tabs -->\n            <div class=\"nav-tabs\">\n                <button class=\"nav-tab active\" onclick=\"showSection('intro')\">&#x1f3af; Giri\u015f<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('basics')\">&#x1f916; AI Nedir?<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('health')\">&#x1f3e5; Sa\u011fl\u0131k Bilimlerinde<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('practice')\">&#x1f4bb; \u0130lk Deneyim<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('prompting')\">&#x1f4dd; Prompt Temelleri<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('philosophy')\">&#x1f914; Felsefi Bak\u0131\u015f<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('homework')\">&#x1f4da; \u00d6dev<\/button>\n                <button class=\"nav-tab\" onclick=\"showSection('resources')\">&#x1f517; Kaynaklar<\/button>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"main-content\">\n        <div class=\"container\">\n            \n            <!-- Section: Intro -->\n            <section id=\"intro\" class=\"section active\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f3af;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Ho\u015f Geldiniz!<\/h2>\n                        <p class=\"section-subtitle\">Bug\u00fcnk\u00fc Hedefler ve Giri\u015f Aktivitesi<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box info\">\n                    <h3>&#x1f4cb; Bu Derste \u00d6\u011frenecekleriniz<\/h3>\n                    <ul class=\"check-list\">\n                        <li>AI&#8217;n\u0131n ne oldu\u011fu ve g\u00fcnl\u00fck hayat\u0131m\u0131zdaki yeri<\/li>\n                        <li>Large Language Models (LLM) nas\u0131l \u00e7al\u0131\u015f\u0131r?<\/li>\n                        <li>\u0130lk AI deneyiminiz ve prompt yazma temelleri<\/li>\n                        <li>AI&#8217;ya nas\u0131l do\u011fru sorular sorulur?<\/li>\n                        <li>Sa\u011fl\u0131k bilimlerinde AI&#8217;n\u0131n kullan\u0131m alanlar\u0131<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f680; Ba\u015flamadan \u00d6nce D\u00fc\u015f\u00fcnelim<\/h3>\n                    <p class=\"card-content\">\n                        <strong>Soru:<\/strong> &#8220;Ge\u00e7en hafta ka\u00e7 kez bir AI ile konu\u015ftunuz?&#8221;\n                    <\/p>\n                    <p class=\"card-content\" style=\"margin-top: 1rem;\">\n                        \u015eunlar\u0131 d\u00fc\u015f\u00fcn\u00fcn:\n                    <\/p>\n                    <ul style=\"margin-top: 0.5rem; color: var(--text-gray);\">\n                        <li>ChatGPT veya benzeri ara\u00e7lar kulland\u0131n\u0131z m\u0131?<\/li>\n                        <li>Google Translate&#8217;den yararland\u0131n\u0131z m\u0131?<\/li>\n                        <li>Netflix&#8217;in size film \u00f6nermesini izlediniz mi?<\/li>\n                        <li>Instagram&#8217;da &#8220;ke\u015ffet&#8221; sayfas\u0131na bakt\u0131n\u0131z m\u0131?<\/li>\n                        <li>Hastanede randevu sistemi kulland\u0131n\u0131z m\u0131?<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"activity\">\n                    <h3 class=\"activity-title\">&#x1f4ac; Buz K\u0131rma Aktivitesi (10 dakika)<\/h3>\n                    <p>Yan\u0131n\u0131zdaki ki\u015fiyle tan\u0131\u015f\u0131n ve \u015funlar\u0131 konu\u015fun:<\/p>\n                    <ol style=\"margin-top: 1rem; line-height: 2;\">\n                        <li><strong>Kendinizi tan\u0131t\u0131n:<\/strong> \u0130sim, b\u00f6l\u00fcm, ilgi alan\u0131<\/li>\n                        <li><strong>AI merak\u0131n\u0131z:<\/strong> AI hakk\u0131nda en \u00e7ok neyi merak ediyorsunuz?<\/li>\n                        <li><strong>AI endi\u015feniz:<\/strong> AI hakk\u0131nda en b\u00fcy\u00fck \u00e7ekingeniz nedir?<\/li>\n                    <\/ol>\n                    \n                    <div class=\"timer\" id=\"icebreaker-timer\">10:00<\/div>\n                    <div class=\"timer-controls\">\n                        <button class=\"btn btn-primary\" onclick=\"startTimer('icebreaker', 600)\">&#x23f1;&#xfe0f; Ba\u015flat<\/button>\n                        <button class=\"btn btn-outline\" onclick=\"resetTimer('icebreaker', 600)\">&#x1f504; S\u0131f\u0131rla<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <div><\/div>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('basics')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Basics -->\n            <section id=\"basics\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f916;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">AI Nedir?<\/h2>\n                        <p class=\"section-subtitle\">Temel Kavramlar ve Yanl\u0131\u015f Anlamalar<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x274c; AI DE\u011e\u0130LD\u0130R:<\/h3>\n                    <ul style=\"color: var(--text-gray); line-height: 2;\">\n                        <li>Sci-fi filmlerdeki bilin\u00e7li robot<\/li>\n                        <li>\u0130nsan zekas\u0131n\u0131n tam kopyas\u0131<\/li>\n                        <li>Her \u015feyi bilen sihirli bir kutu<\/li>\n                        <li>Duygusal veya \u00f6zg\u00fcr iradeye sahip varl\u0131k<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x2705; AI&#8217;DIR:<\/h3>\n                    <ul style=\"color: var(--text-gray); line-height: 2;\">\n                        <li><strong>Pattern recognition<\/strong> (\u00f6r\u00fcnt\u00fc tan\u0131ma) sistemleri<\/li>\n                        <li>\u00c7ok b\u00fcy\u00fck veri setlerinden \u00f6\u011frenme<\/li>\n                        <li>\u0130statistiksel tahminler yapma<\/li>\n                        <li>Belirli g\u00f6revlerde insanlar\u0131 destekleyen ara\u00e7lar<\/li>\n                    <\/ul>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x1f4f1; G\u00fcnl\u00fck Hayattaki AI \u00d6rnekleri<\/h3>\n                \n                <table class=\"table\">\n                    <thead>\n                        <tr>\n                            <th>Teknoloji<\/th>\n                            <th>AI Kullan\u0131yor mu?<\/th>\n                            <th>A\u00e7\u0131klama<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Spotify m\u00fczik \u00f6nerileri<\/td>\n                            <td>&#x2705; Evet<\/td>\n                            <td>Dinleme ge\u00e7mi\u015finizden pattern \u00f6\u011frenir<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>GPS navigasyon<\/td>\n                            <td>&#x2705; Evet<\/td>\n                            <td>Trafik verilerini analiz eder<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Google \u00c7eviri<\/td>\n                            <td>&#x2705; Evet<\/td>\n                            <td>Neural network ile \u00e7eviri yapar<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Basit hesap makinesi<\/td>\n                            <td>&#x274c; Hay\u0131r<\/td>\n                            <td>Sadece programlanm\u0131\u015f i\u015flemler<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Instagram Ke\u015ffet<\/td>\n                            <td>&#x2705; Evet<\/td>\n                            <td>\u0130lgi alanlar\u0131n\u0131z\u0131 tahmin eder<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n\n                <div class=\"info-box info\">\n                    <h3>&#x1f9e0; Large Language Models (LLM) Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h3>\n                    <p style=\"margin-top: 1rem;\"><strong>Basit Analoji: S\u00fcper Geli\u015fmi\u015f Otomatik Tamamlama<\/strong><\/p>\n                    <p style=\"margin-top: 1rem;\">\u015eu c\u00fcmleyi tamamlay\u0131n: <strong>&#8220;Ankara, T\u00fcrkiye&#8217;nin&#8230;&#8221;<\/strong><\/p>\n                    <p style=\"margin-top: 1rem;\">Muhtemelen &#8220;ba\u015fkenti&#8221; dediniz, de\u011fil mi? AI de tam olarak bunu yap\u0131yor &#8211; ama milyarlarca metin \u00fczerinden!<\/p>\n                    \n                    <div style=\"margin-top: 2rem; padding: 1.5rem; background: white; border-radius: 8px;\">\n                        <h4>LLM&#8217;ler Nas\u0131l \u00c7al\u0131\u015f\u0131r? (4 Ad\u0131m)<\/h4>\n                        <ol style=\"margin-top: 1rem; line-height: 2;\">\n                            <li><strong>TR\u0130LYON KEL\u0130ME OKU<\/strong> &#8211; internetteki kitaplar, makaleler, web siteleri<\/li>\n                            <li><strong>KEL\u0130ME \u0130L\u0130\u015eK\u0130LER\u0130N\u0130 \u00d6\u011eREN<\/strong> &#8211; &#8220;hasta&#8221; kelimesi &#8220;tedavi&#8221;, &#8220;ila\u00e7&#8221; ile birlikte g\u00f6r\u00fcn\u00fcr<\/li>\n                            <li><strong>SONRAK\u0130 KEL\u0130MEY\u0130 TAHM\u0130N ET<\/strong> &#8211; &#8220;Aspirin bir&#8230;&#8221; \u2192 b\u00fcy\u00fck ihtimalle &#8220;ila\u00e7&#8221;<\/li>\n                            <li><strong>TAHM\u0130NLER\u0130 Z\u0130NC\u0130RLE<\/strong> &#8211; her kelime i\u00e7in tekrarla \u2192 tam c\u00fcmleler olu\u015ftur<\/li>\n                        <\/ol>\n                    <\/div>\n                    \n                    <p style=\"margin-top: 1rem; font-weight: 600; color: var(--danger);\">&#x26a0;&#xfe0f; \u00d6nemli: AI &#8220;anlam\u0131yor&#8221;, istatistiksel pattern tan\u0131yor!<\/p>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('intro')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('health')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Health Sciences -->\n            <section id=\"health\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f3e5;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Sa\u011fl\u0131k Bilimlerinde AI<\/h2>\n                        <p class=\"section-subtitle\">Sizin Alanlar\u0131n\u0131zda AI Nas\u0131l Kullan\u0131l\u0131yor?<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f957; Beslenme ve Diyetetik<\/h3>\n                    <ul style=\"color: var(--text-gray); line-height: 2; margin-top: 1rem;\">\n                        <li><strong>Ki\u015fiselle\u015ftirilmi\u015f diyet planlar\u0131:<\/strong> Hasta verileri analiz edilerek \u00f6zel beslenme \u00f6nerileri<\/li>\n                        <li><strong>Besin etkile\u015fim analizi:<\/strong> Hangi besinlerin birlikte t\u00fcketilmesi zararl\u0131?<\/li>\n                        <li><strong>Literat\u00fcr tarama:<\/strong> En g\u00fcncel beslenme ara\u015ft\u0131rmalar\u0131na h\u0131zl\u0131 eri\u015fim<\/li>\n                        <li><strong>Kalori ve makro hesaplama:<\/strong> Otomatik besin de\u011feri analizi<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f48a; Eczac\u0131l\u0131k<\/h3>\n                    <ul style=\"color: var(--text-gray); line-height: 2; margin-top: 1rem;\">\n                        <li><strong>\u0130la\u00e7 etkile\u015fim kontrol\u00fc:<\/strong> Bir hastan\u0131n kulland\u0131\u011f\u0131 ila\u00e7lar aras\u0131ndaki riskler<\/li>\n                        <li><strong>Hasta dan\u0131\u015fmanl\u0131\u011f\u0131:<\/strong> \u0130la\u00e7 kullan\u0131m talimatlar\u0131n\u0131 anla\u015f\u0131l\u0131r \u015fekilde a\u00e7\u0131klama<\/li>\n                        <li><strong>Farmakoekonomi hesaplamalar\u0131:<\/strong> Maliyet-etkinlik analizleri<\/li>\n                        <li><strong>Advers etki tahmini:<\/strong> Literat\u00fcr ve vaka verilerinden risk analizi<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1fa7a; Hem\u015firelik<\/h3>\n                    <ul style=\"color: var(--text-gray); line-height: 2; margin-top: 1rem;\">\n                        <li><strong>Hasta bak\u0131m planlar\u0131:<\/strong> Ki\u015fiselle\u015ftirilmi\u015f bak\u0131m stratejileri geli\u015ftirme<\/li>\n                        <li><strong>\u0130leti\u015fim stratejileri:<\/strong> Zorlu hasta durumlar\u0131nda ileti\u015fim \u00f6nerileri<\/li>\n                        <li><strong>Klinik karar deste\u011fi:<\/strong> Semptom de\u011ferlendirmesi ve \u00f6nceliklendirme<\/li>\n                        <li><strong>E\u011fitim materyali haz\u0131rlama:<\/strong> Hasta e\u011fitimi i\u00e7in anla\u015f\u0131l\u0131r i\u00e7erikler<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"info-box danger\">\n                    <h3>&#x26a0;&#xfe0f; AI&#8217;n\u0131n S\u0131n\u0131rlar\u0131<\/h3>\n                    <p style=\"margin-top: 1rem;\"><strong>AI \u015funlar\u0131 YAPAMAZ:<\/strong><\/p>\n                    <ul style=\"margin-top: 0.5rem; line-height: 2;\">\n                        <li>&#x274c; Klinik karar verme sorumlulu\u011funu almak<\/li>\n                        <li>&#x274c; Etik de\u011ferlendirme yapmak<\/li>\n                        <li>&#x274c; Hasta ile empatik ba\u011f kurmak<\/li>\n                        <li>&#x274c; %100 kesin bilgi garanti etmek<\/li>\n                    <\/ul>\n                    <p style=\"margin-top: 1rem;\"><strong>AI \u015funlarda YARDIMCId\u0131r:<\/strong><\/p>\n                    <ul style=\"margin-top: 0.5rem; line-height: 2;\">\n                        <li>&#x2705; Bilgiye h\u0131zl\u0131 eri\u015fim<\/li>\n                        <li>&#x2705; Taslak olu\u015fturma<\/li>\n                        <li>&#x2705; Farkl\u0131 perspektifler g\u00f6sterme<\/li>\n                        <li>&#x2705; Zaman tasarrufu<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('basics')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('practice')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Practice -->\n            <section id=\"practice\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f4bb;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">\u0130lk Prompt Deneyimi<\/h2>\n                        <p class=\"section-subtitle\">Hadi AI ile ilk konu\u015fmam\u0131z\u0131 yapal\u0131m!<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"activity\">\n                    <h3 class=\"activity-title\">&#x1f3af; Pratik Zaman!<\/h3>\n                    <p>A\u015fa\u011f\u0131daki AI ara\u00e7lar\u0131ndan birine girin:<\/p>\n                    <div style=\"display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem;\">\n                        <a href=\"https:\/\/chat.openai.com\" target=\"_blank\" class=\"btn btn-primary\">ChatGPT<\/a>\n                        <a href=\"https:\/\/claude.ai\" target=\"_blank\" class=\"btn btn-primary\">Claude<\/a>\n                        <a href=\"https:\/\/gemini.google.com\" target=\"_blank\" class=\"btn btn-primary\">Gemini<\/a>\n                    <\/div>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x1f949; \u0130lk Deneme: Basit Ba\u015flayal\u0131m<\/h3>\n                <div class=\"code-block\">\n                    <button class=\"copy-btn\" onclick=\"copyCode(this, 'code1')\">&#x1f4cb; Kopyala<\/button>\n                    <pre id=\"code1\">Merhaba! Ben [b\u00f6l\u00fcm\u00fcn\u00fcz] \u00f6\u011frencisiyim. \nYapay zeka hakk\u0131nda merak etti\u011fim bir soru var...<\/pre>\n                <\/div>\n\n                <div class=\"activity\">\n                    <h3 class=\"activity-title\">&#x23f1;&#xfe0f; 2 Dakika Yaz\u0131\u015f\u0131n<\/h3>\n                    <div class=\"timer\" id=\"practice1-timer\">02:00<\/div>\n                    <div class=\"timer-controls\">\n                        <button class=\"btn btn-primary\" onclick=\"startTimer('practice1', 120)\">Ba\u015flat<\/button>\n                        <button class=\"btn btn-outline\" onclick=\"resetTimer('practice1', 120)\">S\u0131f\u0131rla<\/button>\n                    <\/div>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x1f948; \u0130kinci Deneme: Daha Spesifik Olal\u0131m<\/h3>\n                <div class=\"code-block\">\n                    <button class=\"copy-btn\" onclick=\"copyCode(this, 'code2')\">&#x1f4cb; Kopyala<\/button>\n                    <pre id=\"code2\">Bana [kendi alan\u0131n\u0131zla ilgili] g\u00fcncel bir problemi a\u00e7\u0131kla \nve bu problemi \u00e7\u00f6zmek i\u00e7in 3 yarat\u0131c\u0131 fikir ver. \nHer fikrini neden i\u015fe yarayabilece\u011fini de a\u00e7\u0131kla.\n\n\u00d6rnek alanlar:\n- Beslenme: \"obezite tedavisinde davran\u0131\u015f de\u011fi\u015fikli\u011fi\"\n- Eczac\u0131l\u0131k: \"ya\u015fl\u0131 hastalarda polypharmacy\"\n- Hem\u015firelik: \"hasta a\u011fr\u0131 y\u00f6netiminde ileti\u015fim zorluklar\u0131\"<\/pre>\n                <\/div>\n\n                <div class=\"activity\">\n                    <h3 class=\"activity-title\">&#x23f1;&#xfe0f; 5 Dakika Deneyin<\/h3>\n                    <div class=\"timer\" id=\"practice2-timer\">05:00<\/div>\n                    <div class=\"timer-controls\">\n                        <button class=\"btn btn-primary\" onclick=\"startTimer('practice2', 300)\">Ba\u015flat<\/button>\n                        <button class=\"btn btn-outline\" onclick=\"resetTimer('practice2', 300)\">S\u0131f\u0131rla<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box success\">\n                    <h3>&#x1f4ca; Ne Fark Ettiniz?<\/h3>\n                    <p style=\"margin-top: 1rem;\">Muhtemelen fark ettikleriniz:<\/p>\n                    <ul style=\"margin-top: 0.5rem; line-height: 2;\">\n                        <li>&#x2705; Spesifik sorular \u2192 Daha iyi cevaplar<\/li>\n                        <li>&#x2705; Context (ba\u011flam) vermek \u2192 AI&#8217;n\u0131n size daha uygun cevap vermesi<\/li>\n                        <li>&#x2705; A\u00e7\u0131k talimatlar \u2192 Net sonu\u00e7lar<\/li>\n                    <\/ul>\n                    <p style=\"margin-top: 1rem; font-weight: 600;\">Bu ke\u015fif prompt engineering&#8217;in temelidir!<\/p>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('health')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('prompting')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Prompting -->\n            <section id=\"prompting\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f4dd;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Prompt Engineering Temelleri<\/h2>\n                        <p class=\"section-subtitle\">\u0130yi prompt nas\u0131l yaz\u0131l\u0131r?<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box info\">\n                    <h3>&#x1f3d7;&#xfe0f; \u0130yi Prompt&#8217;un 4 Bile\u015feni<\/h3>\n                    <div style=\"margin-top: 1.5rem; display: grid; gap: 1rem;\">\n                        <div style=\"background: white; padding: 1rem; border-radius: 8px; border-left: 4px solid var(--primary);\">\n                            <strong>1. CONTEXT (Ba\u011flam)<\/strong>\n                            <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">&#8220;Kim oldu\u011funuzu s\u00f6yleyin&#8221; \u2192 Ben eczac\u0131l\u0131k \u00f6\u011frencisiyim&#8230;<\/p>\n                        <\/div>\n                        <div style=\"background: white; padding: 1rem; border-radius: 8px; border-left: 4px solid var(--secondary);\">\n                            <strong>2. TASK (G\u00f6rev)<\/strong>\n                            <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">&#8220;Ne istedi\u011finizi belirtin&#8221; \u2192 &#8230;a\u00e7\u0131kla, listele, analiz et<\/p>\n                        <\/div>\n                        <div style=\"background: white; padding: 1rem; border-radius: 8px; border-left: 4px solid var(--accent);\">\n                            <strong>3. FORMAT (Format)<\/strong>\n                            <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">&#8220;Nas\u0131l istedi\u011finizi s\u00f6yleyin&#8221; \u2192 3 madde halinde, tablo olarak<\/p>\n                        <\/div>\n                        <div style=\"background: white; padding: 1rem; border-radius: 8px; border-left: 4px solid #8b5cf6;\">\n                            <strong>4. TONE (Ton)<\/strong>\n                            <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">&#8220;Hangi \u00fcslupla istedi\u011finizi belirt&#8221; \u2192 resmi, a\u00e7\u0131klay\u0131c\u0131, basit dille<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x274c; K\u00f6t\u00fc Prompt \u00d6rnekleri<\/h3>\n                <div class=\"code-block\">\n                    <pre>&#x274c; K\u00f6t\u00fc: \"beslenme hakk\u0131nda bir \u015feyler s\u00f6yle\"\n\nSorun: \u00c7ok belirsiz, context yok, ne istedi\u011finiz belli de\u011fil.<\/pre>\n                <\/div>\n\n                <div class=\"code-block\">\n                    <pre>&#x274c; K\u00f6t\u00fc: \"ila\u00e7 etkile\u015fimleri\"\n\nSorun: Bu bir g\u00f6rev bile de\u011fil, sadece bir terim.<\/pre>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x2705; \u0130yi Prompt \u00d6rnekleri<\/h3>\n                \n                <div class=\"card\">\n                    <h4 class=\"card-title\">\u00d6rnek 1: Beslenme<\/h4>\n                    <div class=\"code-block\">\n                        <button class=\"copy-btn\" onclick=\"copyCode(this, 'good1')\">&#x1f4cb; Kopyala<\/button>\n                        <pre id=\"good1\">Ben beslenme ve diyetetik 2. s\u0131n\u0131f \u00f6\u011frencisiyim. \nTip 2 diyabet hastalar\u0131nda karbonhidrat say\u0131m\u0131 \ny\u00f6ntemini \u00f6\u011frenmeye \u00e7al\u0131\u015f\u0131yorum. \n\nBu y\u00f6ntemi ad\u0131m ad\u0131m a\u00e7\u0131kla ve g\u00fcnl\u00fck hayattan \n3 pratik \u00f6rnek ver. Her \u00f6rne\u011fi basit dille anlat.<\/pre>\n                    <\/div>\n                    <p style=\"margin-top: 1rem; color: var(--text-gray);\"><strong>Neden iyi?<\/strong><\/p>\n                    <ul style=\"color: var(--text-gray); line-height: 2;\">\n                        <li>&#x2705; Context var (kim, ne \u00f6\u011freniyor)<\/li>\n                        <li>&#x2705; Task net (a\u00e7\u0131kla, \u00f6rnek ver)<\/li>\n                        <li>&#x2705; Format belirli (ad\u0131m ad\u0131m, 3 \u00f6rnek)<\/li>\n                        <li>&#x2705; Ton belirli (basit dil)<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"card\">\n                    <h4 class=\"card-title\">\u00d6rnek 2: Eczac\u0131l\u0131k<\/h4>\n                    <div class=\"code-block\">\n                        <button class=\"copy-btn\" onclick=\"copyCode(this, 'good2')\">&#x1f4cb; Kopyala<\/button>\n                        <pre id=\"good2\">Eczac\u0131l\u0131k 3. s\u0131n\u0131f \u00f6\u011frencisiyim ve farmakoekonomi \ndersi i\u00e7in bir vaka analizi haz\u0131rl\u0131yorum. \n\nBana \u015fu senaryoyu analiz et:\n- Kronik hastal\u0131k: Hipertansiyon\n- \u0130ki ila\u00e7 se\u00e7ene\u011fi: ARB vs ACE inhibit\u00f6r\n- Maliyet-etkinlik a\u00e7\u0131s\u0131ndan kar\u015f\u0131la\u015ft\u0131r\n\nSonucu tablo format\u0131nda g\u00f6ster:\n| Kriter | ARB | ACE inhibit\u00f6r | Yorum |<\/pre>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h4 class=\"card-title\">\u00d6rnek 3: Hem\u015firelik<\/h4>\n                    <div class=\"code-block\">\n                        <button class=\"copy-btn\" onclick=\"copyCode(this, 'good3')\">&#x1f4cb; Kopyala<\/button>\n                        <pre id=\"good3\">Hem\u015firelik \u00f6\u011frencisiyim ve ilk klinik uygulamama \nhaz\u0131rlan\u0131yorum. A\u011fr\u0131 y\u00f6netimi konusunda g\u00fcven duymuyorum.\n\nBana \u015funlar\u0131 anlat:\n1) Yeti\u015fkin hastalarda a\u011fr\u0131 de\u011ferlendirme \u00f6l\u00e7ekleri (2-3 \u00f6rnek)\n2) Her \u00f6l\u00e7ek ne zaman tercih edilir?\n3) \u0130leti\u015fim kurarken dikkat edilmesi gereken 3 nokta\n\nHer maddeyi k\u0131sa ve pratik tut.<\/pre>\n                    <\/div>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('practice')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('philosophy')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Philosophy -->\n            <section id=\"philosophy\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f914;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Felsefi Bir D\u00fc\u015f\u00fcnce<\/h2>\n                        <p class=\"section-subtitle\">AI Ger\u00e7ekten &#8220;Anl\u0131yor&#8221; mu?<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box warning\">\n                    <h3>&#x1f4ad; D\u00fc\u015f\u00fcnelim<\/h3>\n                    <p style=\"margin-top: 1rem;\">Bir AI size m\u00fckemmel bir diyabet beslenme plan\u0131 sunsa:<\/p>\n                    <ul style=\"margin-top: 1rem; line-height: 2;\">\n                        <li>&#x2705; Makrolar do\u011fru<\/li>\n                        <li>&#x2705; \u00d6l\u00e7\u00fcler hesaplanm\u0131\u015f<\/li>\n                        <li>&#x2705; Bilimsel kaynaklar var<\/li>\n                    <\/ul>\n                    <p style=\"margin-top: 1rem; font-weight: 600;\">Ama AI hi\u00e7 a\u00e7l\u0131k hissetti mi? Glikoz y\u00fcksekli\u011fini deneyimledi mi?<\/p>\n                    <p style=\"margin-top: 1rem; font-weight: 600; color: var(--primary);\">Bu \u00f6nemli mi? Sonu\u00e7 iyi ise s\u00fcre\u00e7 \u00f6nemli mi?<\/p>\n                <\/div>\n\n                <h3 style=\"margin-top: 2rem; margin-bottom: 1rem;\">&#x1f5e3;&#xfe0f; Tart\u0131\u015fma Sorular\u0131<\/h3>\n                \n                <div class=\"quiz-question\">\n                    <p><strong>Soru 1:<\/strong> Cevab\u0131n do\u011fru olmas\u0131 i\u00e7in onu anlayan birinin vermesi \u015fart m\u0131?<\/p>\n                    <p style=\"margin-top: 1rem; color: var(--text-gray);\">&#x1f4ad; D\u00fc\u015f\u00fcn\u00fcn: Bir hesap makinesi matemati\u011fi anlamadan 2+2=4 der, bu ge\u00e7erli mi?<\/p>\n                <\/div>\n\n                <div class=\"quiz-question\">\n                    <p><strong>Soru 2:<\/strong> AI ger\u00e7ekten hasta endi\u015felerini &#8216;anlar&#8217; m\u0131 yoksa sadece pattern matching mi yapar?<\/p>\n                    <p style=\"margin-top: 1rem; color: var(--text-gray);\">&#x1f4ad; Fark var m\u0131? \u00d6nemli mi?<\/p>\n                <\/div>\n\n                <div class=\"quiz-question\">\n                    <p><strong>Soru 3:<\/strong> E\u011fer sonu\u00e7 ayn\u0131ysa (do\u011fru cevap), s\u00fcre\u00e7 (nas\u0131l bulundu) \u00f6nemli mi?<\/p>\n                    <p style=\"margin-top: 1rem; color: var(--text-gray);\">&#x1f4ad; \u0130nsan doktor vs AI: \u0130kisi de do\u011fru te\u015fhis koysa fark eder mi?<\/p>\n                <\/div>\n\n                <div class=\"info-box info\">\n                    <h3>&#x1f4a1; Bu Sorular Neden \u00d6nemli?<\/h3>\n                    <p style=\"margin-top: 1rem;\"><strong>Pratik sonu\u00e7lar\u0131 var:<\/strong><\/p>\n                    <ol style=\"margin-top: 1rem; line-height: 2;\">\n                        <li><strong>G\u00fcven meselesi:<\/strong> AI&#8217;ya ne kadar g\u00fcvenmeli?<\/li>\n                        <li><strong>Sorumluluk:<\/strong> Hata olursa kim sorumlu?<\/li>\n                        <li><strong>Etik:<\/strong> AI kullanmak etik mi? Hangi durumlarda?<\/li>\n                        <li><strong>S\u0131n\u0131rlar:<\/strong> AI&#8217;n\u0131n yapamayaca\u011f\u0131 \u015feyleri bilmek<\/li>\n                    <\/ol>\n                    <p style=\"margin-top: 1rem; font-weight: 600;\">Bu sorular bu dersin merkezinde olacak!<\/p>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('prompting')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('homework')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Homework -->\n            <section id=\"homework\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f4da;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Bu Haftan\u0131n \u00d6devi<\/h2>\n                        <p class=\"section-subtitle\">AI G\u00fcnl\u00fc\u011f\u00fc &#8211; 1 Hafta Boyunca<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box info\">\n                    <h3>&#x1f3af; Ama\u00e7<\/h3>\n                    <p style=\"margin-top: 0.5rem;\">Farkl\u0131 AI ara\u00e7lar\u0131n\u0131 kar\u015f\u0131la\u015ft\u0131rarak her birinin g\u00fc\u00e7l\u00fc ve zay\u0131f y\u00f6nlerini ke\u015ffetmek.<\/p>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">1&#xfe0f;&#x20e3; AI Tool Se\u00e7imi<\/h3>\n                    <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">En az <strong>2<\/strong>, en fazla <strong>4 farkl\u0131 AI tool<\/strong> kullan\u0131n<\/p>\n                    <p style=\"margin-top: 1rem;\"><strong>\u00d6nerilen ara\u00e7lar:<\/strong><\/p>\n                    <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.5rem;\">\n                        <a href=\"https:\/\/chat.openai.com\" target=\"_blank\" class=\"btn btn-outline\">ChatGPT<\/a>\n                        <a href=\"https:\/\/claude.ai\" target=\"_blank\" class=\"btn btn-outline\">Claude<\/a>\n                        <a href=\"https:\/\/gemini.google.com\" target=\"_blank\" class=\"btn btn-outline\">Gemini<\/a>\n                        <a href=\"https:\/\/perplexity.ai\" target=\"_blank\" class=\"btn btn-outline\">Perplexity<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">2&#xfe0f;&#x20e3; Standart Soru<\/h3>\n                    <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">Her AI&#8217;ya <strong>ayn\u0131 soruyu<\/strong> sorun:<\/p>\n                    <div class=\"code-block\" style=\"margin-top: 1rem;\">\n                        <button class=\"copy-btn\" onclick=\"copyCode(this, 'homework1')\">&#x1f4cb; Kopyala<\/button>\n                        <pre id=\"homework1\">\"[Kendi akademik alan\u0131n\u0131z] alan\u0131nda en b\u00fcy\u00fck meydan okuma nedir \nve bu meydan okumay\u0131 a\u015fmak i\u00e7in hangi stratejiler kullan\u0131labilir?\"\n\n\u00d6rnek:\n- Beslenme ve diyetetik \u00f6\u011frencisiyim...\n- Eczac\u0131l\u0131k \u00f6\u011frencisiyim...\n- Hem\u015firelik \u00f6\u011frencisiyim...<\/pre>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">3&#xfe0f;&#x20e3; Kar\u015f\u0131la\u015ft\u0131rma Kriterleri<\/h3>\n                    <table class=\"table\" style=\"margin-top: 1rem;\">\n                        <thead>\n                            <tr>\n                                <th>Kriter<\/th>\n                                <th>De\u011ferlendirme<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td>Detay seviyesi<\/td>\n                                <td>Az \/ Orta \/ \u00c7ok<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Bilimsel do\u011fruluk<\/td>\n                                <td>D\u00fc\u015f\u00fck \/ Orta \/ Y\u00fcksek<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Anla\u015f\u0131labilirlik<\/td>\n                                <td>Zor \/ Orta \/ Kolay<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Pratik \u00f6neriler<\/td>\n                                <td>Var m\u0131?<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Kaynak g\u00f6sterme<\/td>\n                                <td>Var m\u0131?<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Ton<\/td>\n                                <td>Resmi \/ Samimi \/ Teknik<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">4&#xfe0f;&#x20e3; Rapor Format\u0131<\/h3>\n                    <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">Maksimum 1-2 sayfa (Arial 11, 1.5 sat\u0131r aral\u0131k)<\/p>\n                    \n                    <div style=\"margin-top: 1rem; background: var(--bg-light); padding: 1rem; border-radius: 8px;\">\n                        <strong>Yap\u0131:<\/strong>\n                        <ol style=\"margin-top: 0.5rem; line-height: 2; color: var(--text-gray);\">\n                            <li><strong>G\u0130R\u0130\u015e (1 paragraf):<\/strong> Hangi AI&#8217;lar\u0131 test ettiniz? Neden?<\/li>\n                            <li><strong>BULGULAR (2-3 paragraf):<\/strong> Her AI nas\u0131l cevaplar verdi? En \u00e7arp\u0131c\u0131 farklar?<\/li>\n                            <li><strong>REFLEKS\u0130YON (2-3 paragraf):<\/strong> En faydal\u0131 tool hangisi? Neden?<\/li>\n                            <li><strong>\u00d6\u011eREND\u0130KLER\u0130M (1 paragraf):<\/strong> Bu deneyden ne \u00f6\u011frendiniz?<\/li>\n                        <\/ol>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-box success\">\n                    <h3>&#x1f4a1; \u0130pu\u00e7lar\u0131<\/h3>\n                    <ul style=\"margin-top: 1rem; line-height: 2;\">\n                        <li>&#x2705; Sadece kopyala-yap\u0131\u015ft\u0131r yapma, analiz et!<\/li>\n                        <li>&#x2705; &#8220;X daha iyi&#8221; demek yerine &#8220;X, Y durumunda daha iyi \u00e7\u00fcnk\u00fc&#8230;&#8221; de<\/li>\n                        <li>&#x2705; Kendi alan\u0131n\u0131zla ili\u015fkilendirmeye \u00e7al\u0131\u015f<\/li>\n                        <li>&#x2705; D\u00fcr\u00fcst ol &#8211; hi\u00e7bir AI m\u00fckemmel de\u011fil<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"info-box warning\">\n                    <h3>&#x1f4e4; Teslim<\/h3>\n                    <ul style=\"margin-top: 1rem; line-height: 2;\">\n                        <li><strong>Tarih:<\/strong> Gelecek hafta dersten \u00f6nce<\/li>\n                        <li><strong>Format:<\/strong> PDF veya Word<\/li>\n                        <li><strong>E-posta:<\/strong> [Hocadan al\u0131nacak]<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('philosophy')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-primary\" onclick=\"showSection('resources')\">Devam Et \u2192<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Section: Resources -->\n            <section id=\"resources\" class=\"section\">\n                <div class=\"section-header\">\n                    <span class=\"section-icon\">&#x1f517;<\/span>\n                    <div>\n                        <h2 class=\"section-title\">Ek Kaynaklar<\/h2>\n                        <p class=\"section-subtitle\">\u00d6\u011frenmeye devam edin!<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f3a7; Podcast<\/h3>\n                    <p style=\"margin-top: 1rem;\"><strong>Fulars\u0131z Entellik<\/strong><\/p>\n                    <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">Yapay zeka, felsefe ve teknoloji \u00fczerine derin sohbetler<\/p>\n                    <div style=\"margin-top: 1rem;\">\n                        <a href=\"https:\/\/cms.megaphone.fm\/channel\/PM5261345791?selected=PM4160515865\" target=\"_blank\" class=\"btn btn-primary\">&#x1f3a7; Dinle<\/a>\n                    <\/div>\n                    <p style=\"margin-top: 1rem; color: var(--text-gray); font-size: 0.9rem;\">Veya podcast platformlar\u0131n\u0131zda &#8220;Fulars\u0131z Entellik&#8221; olarak aray\u0131n<\/p>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f4fa; YouTube Videolar\u0131<\/h3>\n                    \n                    <div style=\"margin-top: 1rem;\">\n                        <p><strong>Pelin Dilara \u00c7olak &#8211; AI \u00dczerine \u0130\u00e7erikler<\/strong><\/p>\n                        <div style=\"display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.5rem;\">\n                            <a href=\"https:\/\/youtu.be\/ClmhObh2T68?si=9wJypNXRvr8FbnJS\" target=\"_blank\" class=\"btn btn-outline\">Video 1: AI ve Bilin\u00e7<\/a>\n                            <a href=\"https:\/\/youtu.be\/UQMYFk3-klg?si=yUIx6Gz_RMCjx6dl\" target=\"_blank\" class=\"btn btn-outline\">Video 2: ChatGPT ve Dil Felsefesi<\/a>\n                            <a href=\"https:\/\/www.youtube.com\/@pelindilaracolak\" target=\"_blank\" class=\"btn btn-outline\">&#x1f4fa; T\u00fcm Kanal<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"margin-top: 2rem;\">\n                        <p><strong>Flu TV &#8211; AI Playlist<\/strong><\/p>\n                        <p style=\"color: var(--text-gray); margin-top: 0.5rem;\">Yapay zeka \u00fczerine kapsaml\u0131 T\u00fcrk\u00e7e i\u00e7erikler<\/p>\n                        <div style=\"margin-top: 0.5rem;\">\n                            <a href=\"https:\/\/youtube.com\/playlist?list=PLL4uA4mBLUqNE6RxmTja6EIe-DiAw6Zu3&#038;si=MEZBcrIggE3joCdA\" target=\"_blank\" class=\"btn btn-outline\">&#x1f4fa; Playlist&#8217;i \u0130zle<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3 class=\"card-title\">&#x1f4da; Glossary &#8211; Temel Terimler<\/h3>\n                    <input type=\"text\" class=\"glossary-search\" id=\"glossarySearch\" placeholder=\"&#x1f50d; Terim ara...\" onkeyup=\"filterGlossary()\">\n                    \n                    <div id=\"glossaryList\">\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Yapay Zeka (Artificial Intelligence &#8211; AI)<\/div>\n                            <div class=\"glossary-definition\">Makinelerin insan benzeri g\u00f6revleri yerine getirmesi<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Prompt<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;ya verdi\u011finiz talimat\/soru\/girdi<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Large Language Model (LLM)<\/div>\n                            <div class=\"glossary-definition\">ChatGPT gibi b\u00fcy\u00fck dil modelleri<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Ba\u011flam (Context)<\/div>\n                            <div class=\"glossary-definition\">Promptunuzda verdi\u011finiz arka plan bilgisi<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">\u00d6r\u00fcnt\u00fc Tan\u0131ma (Pattern Recognition)<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;n\u0131n verilerden kal\u0131p\/d\u00fczen bulmas\u0131<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">E\u011fitim Verisi (Training Data)<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;n\u0131n \u00f6\u011frenmek i\u00e7in kulland\u0131\u011f\u0131 veri<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Hal\u00fcsinasyon (Hallucination)<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;n\u0131n uydurma bilgi vermesi<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">\u00d6nyarg\u0131 (Bias)<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;n\u0131n e\u011fitim verisinden kaynaklanan \u00f6nyarg\u0131lar\u0131<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Token<\/div>\n                            <div class=\"glossary-definition\">AI&#8217;n\u0131n i\u015fledi\u011fi en k\u00fc\u00e7\u00fck metin birimi<\/div>\n                        <\/div>\n                        <div class=\"glossary-item\">\n                            <div class=\"glossary-term\">Fine-tuning<\/div>\n                            <div class=\"glossary-definition\">AI modelini belirli bir g\u00f6reve \u00f6zelle\u015ftirme<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"section-nav\">\n                    <button class=\"btn btn-outline\" onclick=\"showSection('homework')\">\u2190 Geri<\/button>\n                    <button class=\"btn btn-secondary\" onclick=\"showSection('intro')\">&#x1f3e0; Ba\u015fa D\u00f6n<\/button>\n                <\/div>\n            <\/section>\n\n        <\/div>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <p>&#x1f916; Yapay Zeka ile Diyalog, Prompt M\u00fchendisli\u011fi ve Ele\u015ftirel D\u00fc\u015f\u00fcnme<\/p>\n            <p style=\"margin-top: 0.5rem; opacity: 0.8;\">Hafta 1: AI Temelleri ve \u0130lk Prompt Deneyimleri<\/p>\n            <p style=\"margin-top: 1rem; font-size: 0.9rem;\">\n                Bu materyali be\u011fendiniz mi? Geri bildirimlerinizi payla\u015f\u0131n!\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Section Navigation\n        let currentSection = 'intro';\n        const sections = ['intro', 'basics', 'health', 'practice', 'prompting', 'philosophy', 'homework', 'resources'];\n        \n        function showSection(sectionId) {\n            \/\/ Hide all sections\n            document.querySelectorAll('.section').forEach(section => {\n                section.classList.remove('active');\n            });\n            \n            \/\/ Show selected section\n            document.getElementById(sectionId).classList.add('active');\n            \n            \/\/ Update nav tabs\n            document.querySelectorAll('.nav-tab').forEach(tab => {\n                tab.classList.remove('active');\n            });\n            event.target.classList.add('active');\n            \n            \/\/ Update progress\n            currentSection = sectionId;\n            updateProgress();\n            \n            \/\/ Scroll to top\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n        \n        \/\/ Progress Bar\n        function updateProgress() {\n            const sectionIndex = sections.indexOf(currentSection);\n            const progress = ((sectionIndex + 1) \/ sections.length) * 100;\n            document.getElementById('progressBar').style.width = progress + '%';\n        }\n        \n        \/\/ Timer Functionality\n        const timers = {};\n        \n        function startTimer(id, seconds) {\n            if (timers[id]) {\n                clearInterval(timers[id].interval);\n            }\n            \n            timers[id] = {\n                remaining: seconds,\n                interval: setInterval(() => {\n                    timers[id].remaining--;\n                    updateTimerDisplay(id);\n                    \n                    if (timers[id].remaining <= 0) {\n                        clearInterval(timers[id].interval);\n                        alert('&#x23f0; S\u00fcre doldu!');\n                    }\n                }, 1000)\n            };\n        }\n        \n        function resetTimer(id, seconds) {\n            if (timers[id]) {\n                clearInterval(timers[id].interval);\n            }\n            timers[id] = { remaining: seconds };\n            updateTimerDisplay(id);\n        }\n        \n        function updateTimerDisplay(id) {\n            const minutes = Math.floor(timers[id].remaining \/ 60);\n            const seconds = timers[id].remaining % 60;\n            const display = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;\n            document.getElementById(id + '-timer').textContent = display;\n        }\n        \n        \/\/ Copy Code Functionality\n        function copyCode(button, codeId) {\n            const code = document.getElementById(codeId).textContent;\n            navigator.clipboard.writeText(code).then(() => {\n                button.textContent = '\u2713 Kopyaland\u0131!';\n                button.classList.add('copied');\n                setTimeout(() => {\n                    button.textContent = '&#x1f4cb; Kopyala';\n                    button.classList.remove('copied');\n                }, 2000);\n            });\n        }\n        \n        \/\/ Glossary Search\n        function filterGlossary() {\n            const searchTerm = document.getElementById('glossarySearch').value.toLowerCase();\n            const items = document.querySelectorAll('.glossary-item');\n            \n            items.forEach(item => {\n                const term = item.querySelector('.glossary-term').textContent.toLowerCase();\n                const definition = item.querySelector('.glossary-definition').textContent.toLowerCase();\n                \n                if (term.includes(searchTerm) || definition.includes(searchTerm)) {\n                    item.style.display = 'block';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n        }\n        \n        \/\/ Initialize\n        updateProgress();\n        \n        \/\/ Initialize timers\n        resetTimer('icebreaker', 600);\n        resetTimer('practice1', 120);\n        resetTimer('practice2', 300);\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Hafta 1: AI Temelleri ve \u0130lk Prompt Deneyimleri &#x1f916; Hafta 1: AI Temelleri ve \u0130lk Prompt Deneyimleri Yapay Zeka ile Diyalog, Prompt M\u00fchendisli\u011fi ve Ele\u015ftirel D\u00fc\u015f\u00fcnme &#x1f3af; Giri\u015f &#x1f916; AI Nedir? &#x1f3e5; Sa\u011fl\u0131k Bilimlerinde &#x1f4bb; \u0130lk Deneyim &#x1f4dd; Prompt Temelleri &#x1f914; Felsefi Bak\u0131\u015f &#x1f4da; \u00d6dev &#x1f517; Kaynaklar &#x1f3af; Ho\u015f Geldiniz! Bug\u00fcnk\u00fc Hedefler ve Giri\u015f Aktivitesi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nakida.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":3,"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/nakida.co\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/nakida.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nakida.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nakida.co\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}