{"id":359,"date":"2024-08-24T15:53:58","date_gmt":"2024-08-24T12:53:58","guid":{"rendered":"https:\/\/ercumentsenlik.com\/?p=359"},"modified":"2025-03-09T10:32:24","modified_gmt":"2025-03-09T07:32:24","slug":"web-gelistirmenin-temel-taslari-javascript-html-ve-css","status":"publish","type":"post","link":"https:\/\/ercumentsenlik.com\/en\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/","title":{"rendered":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS"},"content":{"rendered":"

Web geli\u015ftirme d\u00fcnyas\u0131nda ba\u015far\u0131l\u0131 bir proje olu\u015fturman\u0131n anahtar\u0131, HTML, CSS ve JavaScript\u2019i do\u011fru bir \u015fekilde kullanmaktan ge\u00e7er. Bu \u00fc\u00e7 teknoloji, modern web sitelerinin temel yap\u0131 ta\u015flar\u0131n\u0131 olu\u015fturur. Peki, bu diller ne i\u015fe yarar, nas\u0131l \u00e7al\u0131\u015f\u0131r ve neden \u00f6\u011frenilmeleri gerekir? Bu yaz\u0131da bu sorulara cevap bulaca\u011f\u0131z.<\/p>\n\n\n\n

HTML (Hypertext Markup Language)<\/strong> Nedir ve Ne \u0130\u015fe Yarar?<\/strong><\/p>\n\n\n\n

HTML, bir web sayfas\u0131n\u0131n iskeletini olu\u015fturan ve taray\u0131c\u0131lar\u0131n içeri\u011fi anlamas\u0131n\u0131 sa\u011flayan bir i\u015faretleme dilidir. HTML, sayfa yap\u0131s\u0131n\u0131 belirlemek için çe\u015fitli etiketler kullan\u0131r. Örne\u011fin, <h1> etiketi bir ba\u015fl\u0131k olu\u015ftururken, <p> etiketi bir paragraf olu\u015fturur. Resimler, videolar, ba\u011flant\u0131lar gibi çe\u015fitli medya türleri de HTML arac\u0131l\u0131\u011f\u0131yla web sayfas\u0131na eklenir.<\/p>\n\n\n\n

Neden HTML \u00d6\u011frenilmeli?<\/strong><\/p>\n\n\n\n

    \n
  1. Web Geli\u015ftirmenin Temeli<\/strong>: HTML, t\u00fcm web sayfalar\u0131n\u0131n temelini olu\u015fturur. Web geli\u015ftirme d\u00fcnyas\u0131na ad\u0131m atmak isteyen herkesin HTML\u2019i \u00f6\u011frenmesi \u015fartt\u0131r.<\/li>\n\n\n\n
  2. Basit ve Kolay \u00d6\u011frenilebilir<\/strong>: HTML, di\u011fer programlama dillerine k\u0131yasla olduk\u00e7a basit ve anla\u015f\u0131l\u0131rd\u0131r. Sadece birka\u00e7 etiket ile i\u015flevsel bir web sayfas\u0131 olu\u015fturabilirsiniz.<\/li>\n\n\n\n
  3. Evrensel Destek<\/strong>: HTML, t\u00fcm modern web taray\u0131c\u0131lar\u0131 taraf\u0131ndan desteklenir. Bu da HTML ile olu\u015fturulan sayfalar\u0131n herhangi bir cihazda g\u00f6r\u00fcnt\u00fclenebilir oldu\u011fu anlam\u0131na gelir.<\/li>\n<\/ol>\n\n\n\n

    CSS (Cascading Style Sheets) Nedir ve Ne \u0130\u015fe Yarar?<\/strong><\/p>\n\n\n\n

    CSS, HTML ile olu\u015fturulan web sayfalar\u0131na stil ve görsel düzen eklemek için kullan\u0131lan bir dildir. CSS, bir web sayfas\u0131n\u0131n renklerini, yaz\u0131 tiplerini, düzenini ve di\u011fer stil özelliklerini kontrol eder. Örne\u011fin, bir ba\u015fl\u0131k etiketine (<h1>) belirli bir yaz\u0131 tipi, renk ve boyut atamak için CSS kullan\u0131l\u0131r. CSS ayr\u0131ca, sayfa düzenini olu\u015fturan \u0131zgara sistemleri ve esnek kutu düzenleri (Flexbox) gibi güçlü araçlar sunar.<\/p>\n\n\n\n

    Neden CSS \u00d6\u011frenilmeli?<\/strong><\/p>\n\n\n\n

      \n
    1. G\u00f6rsel \u00c7ekicilik<\/strong>: CSS, web sayfalar\u0131n\u0131 g\u00f6rsel olarak \u00e7ekici hale getirir. \u0130yi tasarlanm\u0131\u015f bir web sitesi, kullan\u0131c\u0131lar\u0131n dikkatini \u00e7eker ve site deneyimini art\u0131r\u0131r.<\/li>\n\n\n\n
    2. Esneklik ve Kontrol<\/strong>: CSS, web geli\u015ftiricilere sayfa tasar\u0131m\u0131 \u00fczerinde b\u00fcy\u00fck bir kontrol sa\u011flar. Farkl\u0131 cihazlar ve ekran boyutlar\u0131 i\u00e7in duyarl\u0131 (responsive) tasar\u0131mlar olu\u015fturmak CSS sayesinde m\u00fcmk\u00fcnd\u00fcr.<\/li>\n\n\n\n
    3. Kullan\u0131c\u0131 Deneyimi<\/strong>: \u0130yi bir kullan\u0131c\u0131 deneyimi (UX) sa\u011flamak i\u00e7in CSS kullanmak \u015fartt\u0131r. Kullan\u0131c\u0131lar\u0131n sitede daha fazla zaman ge\u00e7irmesini sa\u011flamak i\u00e7in kolay gezilebilir ve estetik bir d\u00fczen olu\u015fturulmal\u0131d\u0131r.<\/li>\n<\/ol>\n\n\n\n

      JavaScript Nedir ve Ne \u0130\u015fe Yarar?<\/strong><\/p>\n\n\n\n

      JavaScript, web sayfalar\u0131na dinamik ve etkile\u015fimli \u00f6zellikler eklemek i\u00e7in kullan\u0131lan bir programlama dilidir. JavaScript, kullan\u0131c\u0131 etkile\u015fimlerine yan\u0131t veren \u00f6zellikler olu\u015fturur; \u00f6rne\u011fin, butonlara t\u0131kland\u0131\u011f\u0131nda a\u00e7\u0131lan men\u00fcler, form do\u011frulama i\u015flemleri ve animasyonlar gibi. Ayr\u0131ca, JavaScript modern web uygulamalar\u0131nda veri i\u015fleme ve sunucu ile ileti\u015fim kurma g\u00f6revlerini de \u00fcstlenir.<\/p>\n\n\n\n

      Neden JavaScript \u00d6\u011frenilmeli?<\/strong><\/p>\n\n\n\n

        \n
      1. Dinamik Web Sayfalar\u0131<\/strong>: JavaScript, web sayfalar\u0131n\u0131 daha interaktif ve dinamik hale getirir. Bu, kullan\u0131c\u0131 deneyimini art\u0131r\u0131r ve siteyi daha ilgi \u00e7ekici hale getirir.<\/li>\n\n\n\n
      2. Geni\u015f Kullan\u0131m Alan\u0131<\/strong>: JavaScript, sadece taray\u0131c\u0131 taraf\u0131nda (frontend) de\u011fil, Node.js gibi platformlarla sunucu taraf\u0131nda (backend) da kullan\u0131labilir. Bu, JavaScript\u2019i tam y\u0131\u011f\u0131n (full-stack) geli\u015ftirme i\u00e7in ideal bir dil yapar.<\/li>\n\n\n\n
      3. Geni\u015f Topluluk ve Kaynaklar<\/strong>: JavaScript, en pop\u00fcler programlama dillerinden biridir ve bu da geni\u015f bir topluluk ve kaynak a\u011f\u0131 anlam\u0131na gelir. Bu sayede, \u00f6\u011frenme s\u00fcrecinde bir\u00e7ok destek bulabilirsiniz.<\/li>\n<\/ol>\n\n\n\n

        HTML, CSS ve JavaScript\u2019in Birlikte Kullan\u0131m\u0131<\/strong><\/p>\n\n\n\n

        Bu \u00fc\u00e7 teknoloji, modern web geli\u015ftirmede bir arada kullan\u0131l\u0131r ve birbirlerini tamamlar. HTML, sayfan\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini olu\u015ftururken, CSS bu yap\u0131y\u0131 stilize eder ve g\u00f6rsel olarak \u00e7ekici hale getirir. JavaScript ise bu yap\u0131 ve stili dinamik ve interaktif hale getirir.<\/p>\n\n\n\n

        \u00d6rne\u011fin, bir web formu olu\u015fturdu\u011funuzu d\u00fc\u015f\u00fcn\u00fcn. HTML, formun elemanlar\u0131n\u0131 (metin kutular\u0131, butonlar vb.) belirler, CSS bu elemanlar\u0131n nas\u0131l g\u00f6r\u00fcnece\u011fini ayarlar ve JavaScript, formun do\u011frulama i\u015flemlerini ve kullan\u0131c\u0131 etkile\u015fimlerini y\u00f6netir.<\/p>\n\n\n\n

        \u00c7al\u0131\u015fma Alanlar\u0131<\/strong><\/p>\n\n\n\n

        HTML, CSS ve JavaScript \u00f6\u011frenerek \u00e7e\u015fitli alanlarda kariyer yapabilirsiniz:<\/p>\n\n\n\n

          \n
        1. Web Geli\u015ftirici<\/strong>: \u00d6n y\u00fcz (frontend) geli\u015ftirici olarak \u00e7al\u0131\u015fabilir, g\u00f6rsel tasar\u0131mlar ve kullan\u0131c\u0131 aray\u00fczleri olu\u015fturabilirsiniz.<\/li>\n\n\n\n
        2. Tam Y\u0131\u011f\u0131n (Full-Stack) Geli\u015ftirici<\/strong>: Hem \u00f6n y\u00fcz hem de arka y\u00fcz (backend) geli\u015ftirme s\u00fcre\u00e7lerini y\u00f6netebilirsiniz. Bu durumda JavaScript, Node.js gibi ara\u00e7larla backend taraf\u0131nda da kullan\u0131l\u0131r.<\/li>\n\n\n\n
        3. UI\/UX Tasar\u0131mc\u0131s\u0131<\/strong>: CSS ve JavaScript bilgisi ile kullan\u0131c\u0131 aray\u00fczleri ve deneyimleri tasarlayabilirsiniz.<\/li>\n\n\n\n
        4. Mobil Uygulama Geli\u015ftirici<\/strong>: JavaScript kullanarak React Native gibi framework’lerle mobil uygulamalar geli\u015ftirebilirsiniz.<\/li>\n\n\n\n
        5. Oyun Geli\u015ftirici<\/strong>: HTML5 ve JavaScript kullanarak basit taray\u0131c\u0131 oyunlar\u0131 geli\u015ftirebilirsiniz.<\/li>\n<\/ol>\n\n\n\n

          HTML, CSS ve JavaScript, modern web geli\u015ftirme d\u00fcnyas\u0131nda temel ta\u015flard\u0131r. Bu diller, birlikte kullan\u0131ld\u0131\u011f\u0131nda g\u00fc\u00e7l\u00fc ve etkileyici web projeleri olu\u015fturman\u0131za olanak tan\u0131r. Web geli\u015ftirme kariyerine ad\u0131m atmak isteyen herkesin bu \u00fc\u00e7 dili \u00f6\u011frenmesi, g\u00fc\u00e7l\u00fc bir temel olu\u015fturmak a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. Bu dilleri \u00f6\u011frenmek, size geni\u015f bir yelpazede kariyer f\u0131rsatlar\u0131 sunar ve dijital d\u00fcnyada kendinizi ifade etme \u015fans\u0131 verir.<\/p>","protected":false},"excerpt":{"rendered":"

          Web geli\u015ftirme d\u00fcnyas\u0131nda ba\u015far\u0131l\u0131 bir proje olu\u015fturman\u0131n anahtar\u0131, HTML, CSS ve JavaScript\u2019i do\u011fru bir \u015fekilde kullanmaktan ge\u00e7er. Bu \u00fc\u00e7 teknoloji, modern web sitelerinin temel yap\u0131 ta\u015flar\u0131n\u0131 olu\u015fturur. Peki, bu diller ne i\u015fe yarar, nas\u0131l \u00e7al\u0131\u015f\u0131r ve neden \u00f6\u011frenilmeleri gerekir? Bu yaz\u0131da bu sorulara cevap bulaca\u011f\u0131z. HTML (Hypertext Markup Language) Nedir ve Ne \u0130\u015fe Yarar? HTML, […]<\/p>\n","protected":false},"author":1,"featured_media":360,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,31],"tags":[23,36,47,52,48,49,50,51,32],"class_list":["post-359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-yazilim","tag-css","tag-developer","tag-html","tag-internet","tag-javascript","tag-stil","tag-web","tag-web-tasarim","tag-yazilim"],"yoast_head":"\nWeb Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ercumentsenlik.com\/en\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik\" \/>\n<meta property=\"og:description\" content=\"Web geli\u015ftirme d\u00fcnyas\u0131nda ba\u015far\u0131l\u0131 bir proje olu\u015fturman\u0131n anahtar\u0131, HTML, CSS ve JavaScript\u2019i do\u011fru bir \u015fekilde kullanmaktan ge\u00e7er. Bu \u00fc\u00e7 teknoloji, modern web sitelerinin temel yap\u0131 ta\u015flar\u0131n\u0131 olu\u015fturur. Peki, bu diller ne i\u015fe yarar, nas\u0131l \u00e7al\u0131\u015f\u0131r ve neden \u00f6\u011frenilmeleri gerekir? Bu yaz\u0131da bu sorulara cevap bulaca\u011f\u0131z. HTML (Hypertext Markup Language) Nedir ve Ne \u0130\u015fe Yarar? HTML, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ercumentsenlik.com\/en\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Yasin Erc\u00fcment \u015eenlik\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-24T12:53:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-09T07:32:24+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"614\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yasin Erc\u00fcment \u015eenlik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yasin Erc\u00fcment \u015eenlik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/\"},\"author\":{\"name\":\"Yasin Erc\u00fcment \u015eenlik\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#\\\/schema\\\/person\\\/ad6e4723040d598570d484b75e064dfd\"},\"headline\":\"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS\",\"datePublished\":\"2024-08-24T12:53:58+00:00\",\"dateModified\":\"2025-03-09T07:32:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/\"},\"wordCount\":930,\"publisher\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#\\\/schema\\\/person\\\/ad6e4723040d598570d484b75e064dfd\"},\"image\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ercumentsenlik.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/455937-PFNJOI-50.jpg\",\"keywords\":[\"css\",\"developer\",\"html\",\"internet\",\"javascript\",\"stil\",\"web\",\"web tasar\u0131m\",\"yazilim\"],\"articleSection\":[\"blog\",\"yaz\u0131l\u0131m\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/\",\"url\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/\",\"name\":\"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ercumentsenlik.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/455937-PFNJOI-50.jpg\",\"datePublished\":\"2024-08-24T12:53:58+00:00\",\"dateModified\":\"2025-03-09T07:32:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ercumentsenlik.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/455937-PFNJOI-50.jpg\",\"contentUrl\":\"https:\\\/\\\/ercumentsenlik.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/455937-PFNJOI-50.jpg\",\"width\":1000,\"height\":614},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/ercumentsenlik.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#website\",\"url\":\"https:\\\/\\\/ercumentsenlik.com\\\/\",\"name\":\"Yasin Erc\u00fcment \u015eenlik\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#\\\/schema\\\/person\\\/ad6e4723040d598570d484b75e064dfd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ercumentsenlik.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ercumentsenlik.com\\\/#\\\/schema\\\/person\\\/ad6e4723040d598570d484b75e064dfd\",\"name\":\"Yasin Erc\u00fcment \u015eenlik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g\",\"caption\":\"Yasin Erc\u00fcment \u015eenlik\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\\/\\\/ercumentsenlik.com\"],\"url\":\"https:\\\/\\\/ercumentsenlik.com\\\/en\\\/author\\\/rcmnt\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik","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:\/\/ercumentsenlik.com\/en\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/","og_locale":"en_US","og_type":"article","og_title":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik","og_description":"Web geli\u015ftirme d\u00fcnyas\u0131nda ba\u015far\u0131l\u0131 bir proje olu\u015fturman\u0131n anahtar\u0131, HTML, CSS ve JavaScript\u2019i do\u011fru bir \u015fekilde kullanmaktan ge\u00e7er. Bu \u00fc\u00e7 teknoloji, modern web sitelerinin temel yap\u0131 ta\u015flar\u0131n\u0131 olu\u015fturur. Peki, bu diller ne i\u015fe yarar, nas\u0131l \u00e7al\u0131\u015f\u0131r ve neden \u00f6\u011frenilmeleri gerekir? Bu yaz\u0131da bu sorulara cevap bulaca\u011f\u0131z. HTML (Hypertext Markup Language) Nedir ve Ne \u0130\u015fe Yarar? HTML, […]","og_url":"https:\/\/ercumentsenlik.com\/en\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/","og_site_name":"Yasin Erc\u00fcment \u015eenlik","article_published_time":"2024-08-24T12:53:58+00:00","article_modified_time":"2025-03-09T07:32:24+00:00","og_image":[{"width":1000,"height":614,"url":"http:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg","type":"image\/jpeg"}],"author":"Yasin Erc\u00fcment \u015eenlik","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Yasin Erc\u00fcment \u015eenlik","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#article","isPartOf":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/"},"author":{"name":"Yasin Erc\u00fcment \u015eenlik","@id":"https:\/\/ercumentsenlik.com\/#\/schema\/person\/ad6e4723040d598570d484b75e064dfd"},"headline":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS","datePublished":"2024-08-24T12:53:58+00:00","dateModified":"2025-03-09T07:32:24+00:00","mainEntityOfPage":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/"},"wordCount":930,"publisher":{"@id":"https:\/\/ercumentsenlik.com\/#\/schema\/person\/ad6e4723040d598570d484b75e064dfd"},"image":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#primaryimage"},"thumbnailUrl":"https:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg","keywords":["css","developer","html","internet","javascript","stil","web","web tasar\u0131m","yazilim"],"articleSection":["blog","yaz\u0131l\u0131m"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/","url":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/","name":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS - Yasin Erc\u00fcment \u015eenlik","isPartOf":{"@id":"https:\/\/ercumentsenlik.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#primaryimage"},"image":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#primaryimage"},"thumbnailUrl":"https:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg","datePublished":"2024-08-24T12:53:58+00:00","dateModified":"2025-03-09T07:32:24+00:00","breadcrumb":{"@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#primaryimage","url":"https:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg","contentUrl":"https:\/\/ercumentsenlik.com\/wp-content\/uploads\/2024\/08\/455937-PFNJOI-50.jpg","width":1000,"height":614},{"@type":"BreadcrumbList","@id":"https:\/\/ercumentsenlik.com\/web-gelistirmenin-temel-taslari-javascript-html-ve-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/ercumentsenlik.com\/"},{"@type":"ListItem","position":2,"name":"Web Geli\u015ftirmenin Temel Ta\u015flar\u0131: JavaScript, HTML ve CSS"}]},{"@type":"WebSite","@id":"https:\/\/ercumentsenlik.com\/#website","url":"https:\/\/ercumentsenlik.com\/","name":"Yasin Erc\u00fcment \u015eenlik","description":"","publisher":{"@id":"https:\/\/ercumentsenlik.com\/#\/schema\/person\/ad6e4723040d598570d484b75e064dfd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ercumentsenlik.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/ercumentsenlik.com\/#\/schema\/person\/ad6e4723040d598570d484b75e064dfd","name":"Yasin Erc\u00fcment \u015eenlik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g","caption":"Yasin Erc\u00fcment \u015eenlik"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/2829f3a7c81ee21496ee56765553d4d4cb0dfd8dc2e56f04c7b004597c66cd7f?s=96&d=mm&r=g"},"sameAs":["http:\/\/ercumentsenlik.com"],"url":"https:\/\/ercumentsenlik.com\/en\/author\/rcmnt\/"}]}},"_links":{"self":[{"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/posts\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":1,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/posts\/359\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/posts\/359\/revisions\/361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/media\/360"}],"wp:attachment":[{"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/media?parent=359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/categories?post=359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ercumentsenlik.com\/en\/wp-json\/wp\/v2\/tags?post=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}