{"id":1451,"date":"2025-01-15T12:29:41","date_gmt":"2025-01-15T09:29:41","guid":{"rendered":"https:\/\/kamp.linux.org.tr\/2025-kis\/?page_id=1451"},"modified":"2025-01-16T09:40:41","modified_gmt":"2025-01-16T06:40:41","slug":"on-yuze-front-end-giris","status":"publish","type":"page","link":"https:\/\/kamp.linux.org.tr\/2025-kis\/kurslar\/on-yuze-front-end-giris\/","title":{"rendered":"\u00d6n-Y\u00fcz’e (Front-end) Giri\u015f"},"content":{"rendered":"\n

E\u011fitmenler: Muhammed Kahraman<\/a>, Selin Sezi Elevli<\/a><\/p>\n\n\n\n

Kurslara kay\u0131t olmak i\u00e7in t\u0131klay\u0131n<\/a><\/p>\n\n\n\n

E\u011fitim \u00d6zeti:<\/h2>\n\n\n\n

\n \u00d6n-y\u00fcz (Front-end) Programlamaya Giri\u015f, kat\u0131l\u0131mc\u0131lara HTML, CSS, JavaScript ve jQuery gibi\n
\n temel web geli\u015ftirme teknolojilerini \u00f6\u011fretmeyi ama\u00e7layan 4 g\u00fcnl\u00fck bir e\u011fitim program\u0131d\u0131r.\n
\n Bu e\u011fitimde, \u00f6zg\u00fcr yaz\u0131l\u0131m felsefesi ve web geli\u015ftirme y\u00f6ntemleri detayl\u0131 olarak ele al\u0131nacakt\u0131r.\n<\/p>\n\n\n\n

Kat\u0131l\u0131mc\u0131 \u015eartlar\u0131:<\/h2>\n\n\n\n
    \n
  • En az B1 seviyesinde \u0130ngilizce bilgisi<\/li>\n\n\n\n
  • Temel d\u00fczeyde Git kullan\u0131m\u0131<\/li>\n\n\n\n
  • Teknik belge okuyabilme yetene\u011fi<\/li>\n\n\n\n
  • Kat\u0131l\u0131mc\u0131lar\u0131n herhangi bir programlama dilinde geli\u015ftirme yapm\u0131\u015f olmas\u0131 zorunlu de\u011fildir<\/li>\n<\/ul>\n\n\n\n

    Gereken Donan\u0131m ve Yaz\u0131l\u0131m:<\/strong><\/p>\n\n\n\n

      \n
    • GNU\/Linux \u00e7al\u0131\u015ft\u0131ran bir bilgisayar (zorunlu de\u011fil, ancak di\u011fer i\u015fletim sistemlerinde ya\u015fanacak sorunlara destek verilmeyecektir)<\/li>\n\n\n\n
    • Tercihen VSCodium veya Visual Studio Code kurulumu<\/li>\n<\/ul>\n\n\n\n

      E\u011fitim \u0130\u00e7eri\u011fi:<\/h2>\n\n\n\n

      G\u00fcn 1: Giri\u015f ve Temel Kavramlar<\/h3>\n\n\n\n
        \n
      • \u00d6zg\u00fcr Yaz\u0131l\u0131m Nedir?<\/strong>\n
          \n
        • Tan\u0131m ve \u00d6zg\u00fcr Yaz\u0131l\u0131m Hareketi<\/li>\n\n\n\n
        • \u00d6zg\u00fcr Yaz\u0131l\u0131m Lisanslar\u0131<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • E\u011fitim Program\u0131na Genel Bak\u0131\u015f<\/strong>\n
            \n
          • 4 g\u00fcn\u00fcn genel ak\u0131\u015f\u0131, neler \u00f6\u011frenece\u011fiz?<\/li>\n\n\n\n
          • Kat\u0131l\u0131mc\u0131 tan\u0131\u015fma & beklentilerin payla\u015f\u0131lmas\u0131<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

            G\u00fcn 2: HTML ve CSS<\/h3>\n\n\n\n
              \n
            • HTML Temelleri<\/strong>\n
                \n
              • Temel yap\u0131: html, head, body<\/li>\n\n\n\n
              • S\u0131k kullan\u0131lan etiketler: h1 – h6, p, a, img, div<\/li>\n\n\n\n
              • K\u0131sa \u00f6rnek: Basit bir \u201cHo\u015f Geldiniz\u201d sayfas\u0131 olu\u015fturma<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • CSS Temelleri<\/strong>\n
                  \n
                • CSS ekleme y\u00f6ntemleri (inline, internal, external)<\/li>\n\n\n\n
                • Temel se\u00e7iciler (element, .class, #id)<\/li>\n\n\n\n
                • Renk, font, box model (margin, padding, border)<\/li>\n\n\n\n
                • Basit responsive \u00f6rnek (media query mant\u0131\u011f\u0131na giri\u015f)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

                  G\u00fcn 3: JavaScript Temelleri<\/h3>\n\n\n\n
                    \n
                  • JavaScript\u2019e Giri\u015f<\/strong>\n
                      \n
                    • De\u011fi\u015fken tan\u0131mlama (var, let, const) ve veri t\u00fcrleri<\/li>\n\n\n\n
                    • Temel operat\u00f6rler, ko\u015fullar (if-else), d\u00f6ng\u00fcler (for, while)<\/li>\n\n\n\n
                    • Fonksiyon yap\u0131s\u0131 ve basit \u00f6rnekler<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • DOM (Document Object Model) Manip\u00fclasyonu<\/strong>\n
                        \n
                      • DOM nedir, nas\u0131l eri\u015filir?<\/li>\n\n\n\n
                      • Se\u00e7iciler: document.getElementById, querySelector vb.<\/li>\n\n\n\n
                      • Etkinlikler (Event\u2019ler): click, mouseover, keyup vb.<\/li>\n\n\n\n
                      • K\u00fc\u00e7\u00fck uygulama: Basit etkile\u015fimli form veya buton aksiyonu<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

                        G\u00fcn 4: \u0130leri JavaScript ve jQuery<\/h3>\n\n\n\n
                          \n
                        • \u0130leri JavaScript Konular\u0131<\/strong>\n
                            \n
                          • Asenkron JavaScript\u2019e giri\u015f: fetch() \u00f6rne\u011fi<\/li>\n\n\n\n
                          • Promise & async\/await mant\u0131\u011f\u0131n\u0131n temelleri<\/li>\n\n\n\n
                          • Basit API\u2019den veri \u00e7ekme senaryosu (\u00f6rne\u011fin JSON verisi)<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • jQuery\u2019ye Giri\u015f<\/strong>\n
                              \n
                            • jQuery nedir, nas\u0131l eklenir?<\/li>\n\n\n\n
                            • Se\u00e7iciler ve DOM manip\u00fclasyonu<\/li>\n\n\n\n
                            • jQuery ile basit olay y\u00f6netimi<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                            • Final Proje Uygulamas\u0131<\/strong>\n
                                \n
                              • HTML + CSS + JavaScript + jQuery\u2019yi birle\u015ftirerek basit ama fonksiyonel bir uygulama geli\u015ftirme<\/li>\n\n\n\n
                              • De\u011ferlendirme ve Payla\u015f\u0131m\n
                                  \n
                                • Kat\u0131l\u0131mc\u0131 projelerinin k\u0131sa sunumu<\/li>\n\n\n\n
                                • Geri bildirim ve soru-cevap<\/li>\n\n\n\n
                                • Kapan\u0131\u015f konu\u015fmas\u0131 ve sertifika\/kat\u0131l\u0131m belgesi (varsa)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                                  E\u011fitmenler: Muhammed Kahraman, Selin Sezi Elevli Kurslara kay\u0131t olmak i\u00e7in t\u0131klay\u0131n E\u011fitim \u00d6zeti: \u00d6n-y\u00fcz (Front-end) Programlamaya Giri\u015f, kat\u0131l\u0131mc\u0131lara HTML, CSS, JavaScript ve jQuery gibi temel web geli\u015ftirme teknolojilerini \u00f6\u011fretmeyi ama\u00e7layan 4 g\u00fcnl\u00fck bir e\u011fitim program\u0131d\u0131r. Bu e\u011fitimde, \u00f6zg\u00fcr yaz\u0131l\u0131m felsefesi ve web geli\u015ftirme y\u00f6ntemleri detayl\u0131 olarak ele al\u0131nacakt\u0131r. Kat\u0131l\u0131mc\u0131 \u015eartlar\u0131: Gereken Donan\u0131m ve Yaz\u0131l\u0131m: E\u011fitim […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":362,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1451","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/pages\/1451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/comments?post=1451"}],"version-history":[{"count":15,"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/pages\/1451\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/pages\/1451\/revisions\/1763"}],"up":[{"embeddable":true,"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/pages\/362"}],"wp:attachment":[{"href":"https:\/\/kamp.linux.org.tr\/2025-kis\/wp-json\/wp\/v2\/media?parent=1451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}