{"id":16910,"date":"2025-04-01T23:30:13","date_gmt":"2025-04-01T20:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/"},"modified":"2025-04-01T23:30:13","modified_gmt":"2025-04-01T20:30:13","slug":"imersive-dev-egitimi-aula02-detayli-analiz","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/","title":{"rendered":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz"},"content":{"rendered":"

<\/p>\n

\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz<\/p>\n

Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani “Aula02 – giba_imersaodev” konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle<\/a> birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.<\/p>\n

\u00d6ncelikle, dersin genel amac\u0131, temel web geli\u015ftirme prensiplerini peki\u015ftirmek ve pratik uygulamalar yaparak \u00f6\u011frenme s\u00fcrecini h\u0131zland\u0131rmakt\u0131. Bu ba\u011flamda, \u00e7e\u015fitli HTML, CSS ve JavaScript teknikleri \u00fczerinde \u00e7al\u0131\u015ft\u0131k. \u00d6zellikle, dinamik i\u00e7erik olu\u015fturma ve kullan\u0131c\u0131 etkile\u015fimini sa\u011flama konular\u0131 \u00fczerinde yo\u011funla\u015ft\u0131k.<\/strong><\/p>\n

Derste ele ald\u0131\u011f\u0131m\u0131z \u00f6nemli konulardan biri, JavaScript kullanarak DOM manip\u00fclasyonuydu. Bu sayede, web sayfalar\u0131ndaki elementleri JavaScript ile kontrol edip de\u011fi\u015ftirebilmeyi \u00f6\u011frendik. Bunun i\u00e7in, \u00e7e\u015fitli JavaScript fonksiyonlar\u0131n\u0131 ve metodlar\u0131n\u0131 kulland\u0131k. \u00d6rne\u011fin, elementleri se\u00e7mek, i\u00e7eriklerini de\u011fi\u015ftirmek ve yeni elementler eklemek gibi i\u015flemler yapt\u0131k. Ayr\u0131ca, olay dinleyicileri (event listeners) kullanarak kullan\u0131c\u0131 etkile\u015fimlerini yakalamay\u0131 ve buna g\u00f6re tepkiler \u00fcretmeyi \u00f6\u011frendik.<\/p>\n

Kod \u00d6rnekleri<\/h2>\n

Derste kullan\u0131lan baz\u0131 kod \u00f6rneklerini a\u015fa\u011f\u0131da g\u00f6rebilirsiniz:<\/p>\n

\n\/\/ \u00d6rnek JavaScript kodu\ndocument.getElementById(\"myElement\").innerHTML = \"Yeni \u0130\u00e7erik!\"; \n<\/code><\/pre>\n
Bu kod \u00f6rne\u011fi, “myElement” id’sine sahip HTML elementinin i\u00e7eriklerini “Yeni \u0130\u00e7erik!” olarak de\u011fi\u015ftirmektedir.  Bu basit \u00f6rnek bile, JavaScript’in web sayfalar\u0131n\u0131 dinamik olarak nas\u0131l etkileyebilece\u011fini g\u00f6stermektedir.  Daha karma\u015f\u0131k \u00f6rnekler i\u00e7in, ders materyallerine ve kaynaklara bakabilirsiniz.<\/p>\n
Ki\u015fisel Yorumlar\u0131m ve Ek Bilgiler<\/h2>\n
Benim ki\u015fisel olarak bu dersten en \u00e7ok etkilendi\u011fim konu,  JavaScript’in sundu\u011fu  esneklik ve dinamik \u00f6zellikler oldu.  \u00d6nceki bilgim \u00fczerine  yeni \u00f6\u011frendiklerimi  uygulayarak bir\u00e7ok pratik uygulama geli\u015ftirdim.   Ayr\u0131ca,  \u00f6zellikle DOM manip\u00fclasyonu konular\u0131nda daha fazla pratik yapman\u0131n faydal\u0131 olaca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyorum.<\/p>\n
Bu konuda daha fazla bilgi edinmek i\u00e7in,  kendi web sitemi<\/a>  ve  W3Schools JavaScript referans\u0131n\u0131<\/a> inceleyebilirsiniz.  Bu kaynaklar,  JavaScript \u00f6\u011frenme s\u00fcrecinizde size b\u00fcy\u00fck fayda sa\u011flayacakt\u0131r.  Ayr\u0131ca,  d\u00fczenli pratik yapmak ve  kendi projelerinizi geli\u015ftirmek,  \u00f6\u011frenme s\u00fcrecini olduk\u00e7a  h\u0131zland\u0131racakt\u0131r.<\/p>\n
Sonu\u00e7 olarak, Aula02 dersi, temel web geli\u015ftirme prensiplerini uygulamal\u0131 olarak \u00f6\u011frenmek i\u00e7in olduk\u00e7a etkili bir ders oldu.  \u00d6\u011frendiklerim sayesinde, daha karma\u015f\u0131k web projelerini geli\u015ftirme yolunda \u00f6nemli bir ad\u0131m att\u0131\u011f\u0131m\u0131 d\u00fc\u015f\u00fcn\u00fcyorum.  Umar\u0131m bu makale sizler i\u00e7in de faydal\u0131 olmu\u015ftur.<\/p>\n
#Etiketler<\/h3>\n
#\u0130mersiveDev #Aula02 #giba_imersaodev #WebGeli\u015ftirme #JavaScript #DOMManip\u00fclasyonu #HTML #CSS #Programlama #Kodlama #E\u011fitim<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani “Aula02 – giba_imersaodev”…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-16910","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani "Aula02 - giba_imersaodev" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani "Aula02 - giba_imersaodev" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-01T20:30:13+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz\",\"datePublished\":\"2025-04-01T20:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\"},\"wordCount\":414,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\",\"name\":\"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-01T20:30:13+00:00\",\"description\":\"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani \\\"Aula02 - giba_imersaodev\\\" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz","description":"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani \"Aula02 - giba_imersaodev\" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz","og_description":"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani \"Aula02 - giba_imersaodev\" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.","og_url":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-01T20:30:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz","datePublished":"2025-04-01T20:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/"},"wordCount":414,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/","url":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/","name":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-01T20:30:13+00:00","description":"Merhaba! Bu makalede, \u0130mersive Dev e\u011fitiminin ikinci dersini, yani \"Aula02 - giba_imersaodev\" konusunu detayl\u0131 olarak ele alaca\u011f\u0131z. Bu derste \u00f6\u011frendiklerimi, orijinal \u0130ngilizce makaleyle birle\u015ftirerek sizlerle payla\u015faca\u011f\u0131m. Umar\u0131m faydal\u0131 bulursunuz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/imersive-dev-egitimi-aula02-detayli-analiz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0130mersive Dev E\u011fitimi Aula02: Detayl\u0131 Analiz"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=16910"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16910\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=16910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=16910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=16910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}