{"id":10423,"date":"2025-01-23T16:30:12","date_gmt":"2025-01-23T13:30:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/"},"modified":"2025-01-23T16:30:12","modified_gmt":"2025-01-23T13:30:12","slug":"web-gelistirmeye-giris-html-css-ve-javascript","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/","title":{"rendered":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript"},"content":{"rendered":"<p><body><\/p>\n<p>Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript<\/p>\n<p>Merhaba!  Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir.  Bu makalede, HTML, CSS ve JavaScript temellerini,  bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m.  Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!<\/p>\n<h2>HTML: Web Sayfalar\u0131n\u0131n \u0130skeleti<\/h2>\n<p>HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 olu\u015fturmak i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir i\u015faretleme dilidir.  \u00d6rne\u011fin, ba\u015fl\u0131klar, paragraflar ve resimler gibi i\u00e7erikleri d\u00fczenlemek i\u00e7in HTML etiketlerini kullan\u0131r\u0131z.  HTML, web sayfalar\u0131n\u0131n temelini olu\u015fturur ve di\u011fer dillerle birlikte \u00e7al\u0131\u015farak dinamik ve etkile\u015fimli web siteleri olu\u015fturmam\u0131z\u0131 sa\u011flar.  Bu dilin temellerini \u00f6\u011frenmek, web geli\u015ftirme yolculu\u011funuzda \u00f6nemli bir ad\u0131md\u0131r.  \u00d6ncelikle HTML etiketlerini ve kullan\u0131m alanlar\u0131n\u0131 \u00f6\u011frenmeniz gerekiyor. <\/p>\n<pre><code class=\"language-html\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n  &lt;title&gt;Ba\u015fl\u0131k&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n  &lt;h1&gt;Ba\u015fl\u0131k 1&lt;\/h1&gt;\n  &lt;p&gt;Paragraf metni.&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<h2>CSS: Web Sayfalar\u0131n\u0131n G\u00f6r\u00fcn\u00fcm\u00fc<\/h2>\n<p>CSS (Cascading Style Sheets), web sayfalar\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve stilini kontrol etmek i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir stil sayfas\u0131 dilidir.  HTML&#8217;nin olu\u015fturdu\u011fu yap\u0131y\u0131 kullanarak,  sayfalar\u0131n renklerini, yaz\u0131 tiplerini, d\u00fczenini ve daha bir\u00e7ok \u00f6zelli\u011fini \u00f6zelle\u015ftirebiliriz.  CSS ile web sitenizi estetik ve kullan\u0131c\u0131 dostu hale getirebilirsiniz. \u00d6rne\u011fin, sayfan\u0131zda farkl\u0131 renkler kullanarak, yaz\u0131 tiplerini de\u011fi\u015ftirerek ve d\u00fczenleme yaparak daha etkileyici bir tasar\u0131m olu\u015fturabilirsiniz.  HTML ile CSS&#8217;in birlikte kullan\u0131m\u0131, modern ve \u015f\u0131k web siteleri geli\u015ftirmenizi sa\u011flar.<\/p>\n<pre><code class=\"language-css\">\nbody {\n  background-color: #f0f0f0;\n  font-family: sans-serif;\n}\n\nh1 {\n  color: #333;\n}\n<\/code><\/pre>\n<h2>JavaScript: Web Sayfalar\u0131na Etkile\u015fim<\/h2>\n<p>JavaScript, web sayfalar\u0131na etkile\u015fim ve dinamiklik kazand\u0131rmak i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir programlama dilidir.  HTML ve CSS&#8217;nin sa\u011flad\u0131\u011f\u0131 statik yap\u0131n\u0131n \u00fczerine,  JavaScript ile animasyonlar,  form do\u011frulamalar\u0131,  veri g\u00fcncellemeleri ve daha bir\u00e7ok \u00f6zellik ekleyebilirsiniz.  \u00d6rne\u011fin, bir butona t\u0131kland\u0131\u011f\u0131nda bir mesaj g\u00f6stermek veya sayfay\u0131 otomatik olarak g\u00fcncellemek i\u00e7in JavaScript kullanabilirsiniz.  Bu dil, web sitelerinin kullan\u0131c\u0131 deneyimini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131r\u0131r. JavaScript \u00f6\u011frenmek, web geli\u015ftirme alan\u0131nda ilerlemeniz i\u00e7in olmazsa olmazlardan biridir.  Modern web uygulamalar\u0131, JavaScript&#8217;e olduk\u00e7a ba\u011f\u0131ml\u0131d\u0131r.<\/p>\n<pre><code class=\"language-javascript\">\nfunction selamla() {\n  alert(\"Merhaba, JavaScript!\");\n}\n<\/code><\/pre>\n<h2>\u00d6\u011frenme \u0130pu\u00e7lar\u0131 ve Kaynaklar<\/h2>\n<p>Web geli\u015ftirme \u00f6\u011frenmek, sab\u0131r ve istikrar gerektirir.  \u00d6ncelikle, temel kavramlar\u0131 iyi anlamaya odaklan\u0131n.  Pratik yapmak \u00e7ok \u00f6nemlidir.  Kendi projelerinizi olu\u015fturarak \u00f6\u011frendiklerinizi peki\u015ftirebilirsiniz.  \u00c7evrimi\u00e7i kurslar,  belgeler ve topluluklar, \u00f6\u011frenme s\u00fcrecinizde size yard\u0131mc\u0131 olacakt\u0131r.  <a href=\"https:\/\/www.w3schools.com\/\">w3schools<\/a> ve <a href=\"https:\/\/developer.mozilla.org\/en-US\/\">Mozilla Developer Network (MDN)<\/a> gibi kaynaklar \u00e7ok de\u011ferlidir.  Ayr\u0131ca,  ba\u015fkalar\u0131n\u0131n kodlar\u0131n\u0131 inceleyerek ve a\u00e7\u0131k kaynakl\u0131 projelere katk\u0131da bulunarak da deneyim kazanabilirsiniz.<\/p>\n<p>Unutmay\u0131n, \u00f6\u011frenme s\u00fcreci s\u00fcreklidir. Yeni teknolojiler ve y\u00f6ntemler s\u00fcrekli ortaya \u00e7\u0131kmaktad\u0131r.  Kendinizi g\u00fcncel tutmak i\u00e7in d\u00fczenli olarak yeni \u015feyler \u00f6\u011frenmeye devam etmeniz \u00f6nemlidir. Web geli\u015ftirme dinamik bir aland\u0131r ve s\u00fcrekli \u00f6\u011frenme, bu alanda ba\u015far\u0131l\u0131 olman\u0131n anahtar\u0131d\u0131r.  Bu alanda s\u00fcrekli olarak kendinizi geli\u015ftirmeli ve yeni trendleri takip etmelisiniz.<\/p>\n<p>Daha fazla bilgi ve ileri seviye konular i\u00e7in kendi web sitemi <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n<h3>Sonu\u00e7<\/h3>\n<p>Web geli\u015ftirme,  e\u011flenceli ve yarat\u0131c\u0131 bir s\u00fcre\u00e7tir.  HTML, CSS ve JavaScript&#8217;in temellerini \u00f6\u011frendikten sonra,  kendi web sayfalar\u0131n\u0131z\u0131 ve uygulamalar\u0131n\u0131z\u0131 olu\u015fturabilirsiniz.  Bu yolculukta sab\u0131rl\u0131 olun, pratik yap\u0131n ve s\u00fcrekli \u00f6\u011frenmeye a\u00e7\u0131k olun.  Ba\u015far\u0131lar!<\/p>\n<p>#Etiketler: web geli\u015ftirme, html, css, javascript, web programlama, web tasar\u0131m, front-end, back-end, programlama, kodlama, web sitesi, \u00f6\u011frenme, kaynaklar<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede,&hellip;","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-10423","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript<\/title>\n<meta name=\"description\" content=\"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!\" \/>\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\/web-gelistirmeye-giris-html-css-ve-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-23T13:30:12+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=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript\",\"datePublished\":\"2025-01-23T13:30:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\"},\"wordCount\":630,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\",\"name\":\"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-01-23T13:30:12+00:00\",\"description\":\"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript\"}]},{\"@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":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript","description":"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!","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\/web-gelistirmeye-giris-html-css-ve-javascript\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript","og_description":"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-01-23T13:30:12+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript","datePublished":"2025-01-23T13:30:12+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/"},"wordCount":630,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/","url":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/","name":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-01-23T13:30:12+00:00","description":"Merhaba! Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak heyecan verici olabilir. Bu makalede, HTML, CSS ve JavaScript temellerini, bu dillerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve web siteleri olu\u015fturmada nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, \u00f6\u011frenme s\u00fcrecinizi kolayla\u015ft\u0131racak ipu\u00e7lar\u0131 ve kaynaklar sunaca\u011f\u0131m. Ba\u015flang\u0131\u00e7 seviyesindeki ki\u015filer i\u00e7in ideal bir rehber niteli\u011findedir. \u0130\u015fte yolculu\u011fumuza ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-giris-html-css-ve-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Geli\u015ftirmeye Giri\u015f: HTML, CSS ve JavaScript"}]},{"@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\/10423","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=10423"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/10423\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=10423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=10423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=10423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}