{"id":29094,"date":"2025-09-07T16:30:23","date_gmt":"2025-09-07T13:30:23","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/"},"modified":"2025-09-07T16:30:23","modified_gmt":"2025-09-07T13:30:23","slug":"ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/","title":{"rendered":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz"},"content":{"rendered":"<p>\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz<\/p>\n<p>Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart.  Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor.  Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi ba\u015flayal\u0131m!<\/p>\n<h2>Portf\u00f6y Web Sitesi Nedir ve Neden \u0130htiyac\u0131n\u0131z Var?<\/h2>\n<p>Bir portf\u00f6y web sitesi, becerilerinizi, projelerinizi ve deneyiminizi sergilemek i\u00e7in \u00f6zel olarak tasarlanm\u0131\u015f online bir vitrindir.  \u00d6\u011frenciler, yeni mezunlar, freelancer\u2019lar ve hatta deneyimli profesyoneller i\u00e7in i\u015f bulma, yeni f\u0131rsatlar yakalama ve ki\u015fisel markalar\u0131n\u0131 g\u00fc\u00e7lendirme s\u00fcrecinde son derece \u00f6nemlidir.  Bir portf\u00f6y, sadece yapt\u0131klar\u0131n\u0131z\u0131 listelemekten \u00e7ok \u00f6teye gider;  ki\u015fisel tarz\u0131n\u0131z\u0131 yans\u0131t\u0131r, becerilerinizi somut \u00f6rneklerle g\u00f6sterir ve potansiyel i\u015fverenlere veya m\u00fc\u015fterilere  siz hakk\u0131nda detayl\u0131 bir bak\u0131\u015f a\u00e7\u0131s\u0131 sunar.  Ba\u015fka bir deyi\u015fle,  kariyerinizin dijital \u00f6zge\u00e7mi\u015finizdir ve  ilk izleniminizi belirleyen en \u00f6nemli unsurdur.  Dolay\u0131s\u0131yla,  \u00f6zenle haz\u0131rlanm\u0131\u015f,  profesyonel ve etkileyici bir portf\u00f6y web sitesine sahip olmak,  kariyer hedeflerinize ula\u015fman\u0131zda b\u00fcy\u00fck bir avantaj sa\u011flar.<\/p>\n<h2>Portf\u00f6y Web Sitesi \u0130\u00e7in Temel Kavramlar: Ba\u015flang\u0131\u00e7 Seviyesi<\/h2>\n<p>\u00d6ncelikle,  web geli\u015ftirmenin temel kavramlar\u0131n\u0131 anlamak \u00f6nemlidir.  HTML, web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 olu\u015fturur; CSS, sayfalar\u0131n stilini ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc d\u00fczenler; JavaScript ise sayfalara interaktif \u00f6zellikler ekler.  Bu \u00fc\u00e7l\u00fc,  web geli\u015ftirmenin temelini olu\u015fturur ve portf\u00f6y sitenizin  temel yap\u0131s\u0131n\u0131 olu\u015fturmak i\u00e7in yeterlidir.  Bu a\u015famada,  kodlama dillerinin inceliklerine dalmaya gerek yoktur.  Basit bir HTML yap\u0131s\u0131 olu\u015fturmay\u0131 ve CSS ile temel stilleme i\u015flemlerini \u00f6\u011frenmek yeterli olacakt\u0131r. \u00d6rne\u011fin, basit bir &#8220;Merhaba D\u00fcnya!&#8221; yazd\u0131ran bir HTML dosyas\u0131 olu\u015fturmay\u0131 deneyebilirsiniz:<\/p>\n<p><\/code>html<br \/>\n<!DOCTYPE html><body><br \/>\n  Merhaba D\u00fcnya!<br \/>\n<\/body><br \/>\n<\/html><\/p>\n<pre><code class=\"language-plaintext\"><p>Ayr\u0131ca,  bir\u00e7ok \u00fccretsiz online kaynak ve e\u011fitim platformu bulunmaktad\u0131r.  Codecademy, freeCodeCamp ve Khan Academy gibi platformlar,  web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in harika kaynaklard\u0131r.  Bu platformlarda HTML, CSS ve JavaScript temellerini \u00f6\u011frenebilir ve pratik yaparak kendinizi geli\u015ftirebilirsiniz.  Unutmay\u0131n,  \u00f6\u011frenme s\u00fcrecinde sab\u0131rl\u0131 olmak ve s\u00fcrekli pratik yapmak \u00f6nemlidir.<\/p>\n\n\n<h2>Portf\u00f6y Web Sitenizi Tasarlamak: Orta Seviye<\/h2>\n\n<p>Temel kavramlar\u0131 \u00f6\u011frendikten sonra,  portf\u00f6y web sitenizin tasar\u0131m\u0131na odaklanabilirsiniz.  Bu a\u015famada,  web sitesinin genel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc,  navigasyonunu ve i\u00e7eri\u011fini planlamak \u00f6nemlidir.  Hedef kitlenizi g\u00f6z \u00f6n\u00fcnde bulundurarak,  web sitenizin profesyonel ve kullan\u0131c\u0131 dostu bir tasar\u0131ma sahip oldu\u011fundan emin olun.  Kullan\u0131c\u0131 deneyimi (UX) ve kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) tasar\u0131m ilkelerini \u00f6\u011frenmek,  web sitenizin etkili ve \u00e7ekici olmas\u0131n\u0131 sa\u011flar.  Basit bir navigasyon yap\u0131s\u0131,  kullan\u0131c\u0131lar\u0131n web sitenizde kolayca gezinmelerini sa\u011flar.  Ayr\u0131ca,  temiz ve d\u00fczenli bir tasar\u0131m,  web sitenizin daha profesyonel g\u00f6r\u00fcnmesini sa\u011flar.<\/p>\n\n<h3>Hangi Web Sitesi Olu\u015fturucuyu Se\u00e7meliyim?<\/h3>\n\n<p>Bir\u00e7ok farkl\u0131 web sitesi olu\u015fturucu mevcuttur. Wix, Squarespace ve WordPress gibi pop\u00fcler platformlar,  kullan\u0131c\u0131 dostu aray\u00fczleri ve \u00e7e\u015fitli \u015fablonlar\u0131 ile kolayca bir portf\u00f6y web sitesi olu\u015fturman\u0131za olanak tan\u0131r.  WordPress,  \u00f6zellikle daha fazla \u00f6zelle\u015ftirme se\u00e7ene\u011fi sunmas\u0131 nedeniyle pop\u00fcler bir tercihtir. Ancak,  her platformun kendine \u00f6zg\u00fc avantajlar\u0131 ve dezavantajlar\u0131 vard\u0131r.  Dolay\u0131s\u0131yla,  ihtiya\u00e7lar\u0131n\u0131za ve b\u00fct\u00e7enize en uygun platformu se\u00e7meniz \u00f6nemlidir.  Daha fazla bilgi i\u00e7in  <a href=\"https:\/\/fatihsoysal.com\">Fatih Soysal&#039;\u0131n web sitesini<\/a> inceleyebilirsiniz.<\/p>\n\n<h2>\u0130\u00e7erik Olu\u015fturma ve Proje G\u00f6sterimi: Uygulamal\u0131 K\u0131s\u0131m<\/h2>\n\n<p>Portf\u00f6y web sitenizin en \u00f6nemli b\u00f6l\u00fcm\u00fc,  projelerinizi ve becerilerinizi sergiledi\u011finiz k\u0131s\u0131md\u0131r.  Her proje i\u00e7in ayr\u0131nt\u0131l\u0131 bir a\u00e7\u0131klama,  kullan\u0131lan teknolojiler ve elde edilen sonu\u00e7lar hakk\u0131nda bilgi verin.  Projelerinizin g\u00f6rsellerini ve videolar\u0131n\u0131 ekleyerek,  i\u015finizi daha etkileyici hale getirebilirsiniz.  Ayr\u0131ca,  projelerinizin kodlar\u0131n\u0131 payla\u015farak  teknik yeteneklerinizi de g\u00f6sterebilirsiniz.  Bu,  potansiyel i\u015fverenler veya m\u00fc\u015fteriler i\u00e7in olduk\u00e7a de\u011ferlidir.  Ancak,  gizli kalmas\u0131 gereken k\u0131s\u0131mlar\u0131 payla\u015fmamaya dikkat edin.<\/p>\n\n\n<h3>Kod \u00d6rne\u011fi: Proje Detaylar\u0131n\u0131 G\u00f6sterme<\/h3><\/pre>\n<p><\/code>html<\/p>\n<section class=\"project\">\n<h2>Proje Ad\u0131<\/h2>\n<p>  <img decoding=\"async\" src=\"proje-gorseli.jpg\" alt=\"Proje G\u00f6rseli\"><\/p>\n<p>Proje hakk\u0131nda detayl\u0131 bir a\u00e7\u0131klama buraya gelecek. Kulland\u0131\u011f\u0131m teknolojiler: HTML, CSS, JavaScript.  Projenin amac\u0131 ... idi ve sonu\u00e7 olarak ... elde ettim.<\/p>\n<p>  <a href=\"proje-linki\" target=\"_blank\">Projenin Canl\u0131 Halini G\u00f6r\u00fcnt\u00fcle<\/a><br \/>\n  <a href=\"proje-github-linki\" target=\"_blank\">Projenin GitHub Deposu<\/a><br \/>\n<\/section>\n<pre><code class=\"language-plaintext\"><p>Her projenin alt\u0131nda, kullan\u0131lan teknolojiler,  kod \u00f6rnekleri ve projenin canl\u0131 versiyonuna veya GitHub deposuna ba\u011flant\u0131lar ekleyebilirsiniz.  Bu sayede,  ziyaret\u00e7iler projeleriniz hakk\u0131nda daha fazla bilgi edinebilir ve yeteneklerinizi daha iyi anlayabilirler.<\/p>\n\n<h2>\u0130leri D\u00fczey Teknikler: Geli\u015fmi\u015f \u00d6zelle\u015ftirme<\/h2>\n\n<p>Web sitenizin temel yap\u0131s\u0131n\u0131 olu\u015fturduktan sonra,  daha geli\u015fmi\u015f teknikler kullanarak sitenizi \u00f6zelle\u015ftirebilirsiniz.  \u00d6rne\u011fin,  responsive tasar\u0131m kullanarak,  web sitenizin farkl\u0131 ekran boyutlar\u0131nda (masa\u00fcst\u00fc, tablet, mobil) d\u00fczg\u00fcn bir \u015fekilde g\u00f6r\u00fcnt\u00fclenmesini sa\u011flayabilirsiniz.  Bu,  mobil uyumlulu\u011fu art\u0131rarak kullan\u0131c\u0131 deneyimini iyile\u015ftirir.  A\u015fa\u011f\u0131daki \u00f6rnek,  CSS media queries kullanarak farkl\u0131 ekran boyutlar\u0131nda farkl\u0131 stiller uygulamay\u0131 g\u00f6sterir:<\/p><\/pre>\n<p><\/code><\/p>\n<pre><code class=\"language-plaintext\">css\n\/* Masa\u00fcst\u00fc *\/\n@media (min-width: 768px) {\n  .container {\n    width: 960px;\n    margin: 0 auto;\n  }\n}\n\n\/* Tablet *\/\n@media (min-width: 480px) and (max-width: 767px) {\n  .container {\n    width: 720px;\n    margin: 0 auto;\n  }\n}\n\n\/* Mobil *\/\n@media (max-width: 479px) {\n  .container {\n    width: 100%;\n    padding: 0 20px;\n  }\n}<\/pre>\n<p><\/code><\/p>\n<p>Ayr\u0131ca,  SEO (Search Engine Optimization) tekniklerini kullanarak,  arama motorlar\u0131nda daha y\u00fcksek s\u0131ralamalarda yer alman\u0131z\u0131 sa\u011flayabilirsiniz.  Bu,  web sitenizin daha fazla ki\u015fi taraf\u0131ndan g\u00f6r\u00fclmesini sa\u011flar.  Anahtar kelime ara\u015ft\u0131rmas\u0131 yaparak,  web sitenizin i\u00e7eri\u011fini arama motorlar\u0131na uygun hale getirebilirsiniz.  Bunun yan\u0131 s\u0131ra,  web sitenizin h\u0131z\u0131n\u0131 optimize ederek,  kullan\u0131c\u0131 deneyimini iyile\u015ftirebilirsiniz.<\/p>\n<h2>\u00d6\u011frenme Yol Haritas\u0131<\/h2>\n<h3>Yeni Ba\u015flayan:<\/h3>\n<ul>\n<li>HTML, CSS temelleri<\/li>\n<li>Basit bir web sayfas\u0131 olu\u015fturma<\/li>\n<li>\u00dccretsiz online kurslar kullanma (Codecademy, freeCodeCamp)<\/li>\n<\/ul>\n<h3>Orta Seviye:<\/h3>\n<ul>\n<li>Responsive tasar\u0131m<\/li>\n<li>JavaScript temelleri<\/li>\n<li>Pop\u00fcler web sitesi olu\u015fturucular\u0131 kullanma (Wix, Squarespace, WordPress)<\/li>\n<\/ul>\n<h3>\u0130leri Seviye:<\/h3>\n<ul>\n<li>SEO optimizasyonu<\/li>\n<li>Performans optimizasyonu<\/li>\n<li>Geli\u015fmi\u015f JavaScript framework\u2019leri (React, Angular, Vue.js)<\/li>\n<li>Veritaban\u0131 entegrasyonu<\/li>\n<\/ul>\n<h2>Vaka Analizi: Ba\u015far\u0131l\u0131 Portf\u00f6y Web Siteleri<\/h2>\n<p>Ba\u015far\u0131l\u0131 portf\u00f6y web sitelerini inceleyerek,  kendi siteniz i\u00e7in ilham alabilirsiniz.  \u00d6rne\u011fin,  \u00f6zellikle tasar\u0131m alan\u0131nda \u00e7al\u0131\u015fan ki\u015filerin web sitelerine bakarak,  g\u00f6rsel anlat\u0131m tekniklerini ve proje sunumlar\u0131n\u0131 inceleyebilirsiniz.  Ba\u015far\u0131l\u0131 portf\u00f6y web sitelerinin ortak noktalar\u0131 genellikle temiz tasar\u0131m,  kolay navigasyon,  etkileyici proje sunumlar\u0131 ve g\u00fc\u00e7l\u00fc bir ki\u015fisel marka kimli\u011fidir.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>\u0130lk portf\u00f6y web sitenizi olu\u015fturmak,  ba\u015flang\u0131\u00e7ta zorlu g\u00f6r\u00fcnse de,  ad\u0131m ad\u0131m ilerleyerek ve s\u00fcrekli \u00f6\u011frenerek  ba\u015farabilirsiniz.  Bu rehberde  \u00f6\u011frendi\u011finiz temel bilgiler ve ileri d\u00fczey teknikler ile  kendi benzersiz portf\u00f6y\u00fcn\u00fcz\u00fc yaratabilirsiniz.  Unutmay\u0131n,  portf\u00f6y web siteniz  s\u00fcrekli geli\u015ftirmeniz gereken bir projedir.  Yeni projeler ekleyerek,  tasar\u0131m\u0131n\u0131z\u0131 g\u00fcncelleyerek ve  \u00f6zelliklerini geli\u015ftirerek,  web sitenizi s\u00fcrekli olarak geli\u015ftirebilirsiniz.<\/p>\n<h3>S\u0131k\u00e7a Sorulan Sorular<\/h3>\n<ul>\n<li><strong>Hangi web sitesi olu\u015fturucusunu kullanmal\u0131y\u0131m?<\/strong>  \u0130htiya\u00e7lar\u0131n\u0131za ve b\u00fct\u00e7enize en uygun platformu se\u00e7meniz \u00f6nemlidir. Wix, Squarespace ve WordPress gibi pop\u00fcler se\u00e7enekler mevcuttur.<\/li>\n<li><strong>Portf\u00f6y web sitemi SEO i\u00e7in nas\u0131l optimize edebilirim?<\/strong>  Anahtar kelime ara\u015ft\u0131rmas\u0131 yaparak,  web sitenizin i\u00e7eri\u011fini arama motorlar\u0131na uygun hale getirebilirsiniz.  Ayr\u0131ca,  web sitenizin h\u0131z\u0131n\u0131 optimize etmeniz ve a\u00e7\u0131klay\u0131c\u0131 meta a\u00e7\u0131klamalar\u0131 kullanman\u0131z \u00f6nemlidir.<\/li>\n<li><strong>Kodlama bilgisine sahip olmadan portf\u00f6y web sitesi olu\u015fturabilir miyim?<\/strong>  Evet, Wix, Squarespace gibi kodlama gerektirmeyen web sitesi olu\u015fturucular\u0131 kullanarak portf\u00f6y web sitesi olu\u015fturabilirsiniz.<\/li>\n<li><strong>Portf\u00f6y web sitemde hangi projeleri g\u00f6stermeliyim?<\/strong>  En iyi ve en g\u00fcncel projelerinizi g\u00f6stermeniz \u00f6nerilir.  Projelerinizin ba\u015far\u0131s\u0131n\u0131 ve becerilerinizi yans\u0131tan projeleri se\u00e7in.<\/li>\n<li><strong>Portf\u00f6y web sitemi nas\u0131l daha etkileyici hale getirebilirim?<\/strong>  Y\u00fcksek kaliteli g\u00f6rseller kullanarak,  temiz bir tasar\u0131m olu\u015fturarak ve  etkileyici bir hikaye anlat\u0131m\u0131yla projelerinizi sunarak web sitenizi daha etkileyici hale getirebilirsiniz.<\/li>\n<\/ul>\n<p>Yazar: Fatih Soysal<\/p>\n<p><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y&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-29094","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>\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz<\/title>\n<meta name=\"description\" content=\"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi 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\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz\" \/>\n<meta property=\"og:description\" content=\"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-07T13:30:23+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=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz\",\"datePublished\":\"2025-09-07T13:30:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\"},\"wordCount\":843,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\",\"name\":\"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-09-07T13:30:23+00:00\",\"description\":\"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz\"}]},{\"@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":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz","description":"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi 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\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz","og_description":"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-09-07T13:30:23+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz","datePublished":"2025-09-07T13:30:23+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/"},"wordCount":843,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/","url":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/","name":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-09-07T13:30:23+00:00","description":"Kariyerinizde bir sonraki ad\u0131m\u0131 atmak i\u00e7in etkileyici bir online portf\u00f6y \u015fart. Ama nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsan\u0131z, kaybolmu\u015f hissedebilirsiniz. Bu kapsaml\u0131 rehber, ilk portf\u00f6y web sitenizi s\u0131f\u0131rdan olu\u015fturman\u0131z i\u00e7in ad\u0131m ad\u0131m bir yol haritas\u0131 sunuyor. Temelden ileri seviye tekniklere kadar her \u015feyi bulacaks\u0131n\u0131z. Haz\u0131rsan\u0131z, haydi ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/ilk-portfoy-web-sitenizi-olusturun-adim-adim-kilavuz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0130lk Portf\u00f6y Web Sitenizi Olu\u015fturun: Ad\u0131m Ad\u0131m K\u0131lavuz"}]},{"@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\/29094","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=29094"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/29094\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=29094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=29094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=29094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}