{"id":4832,"date":"2021-01-05T23:06:38","date_gmt":"2021-01-05T20:06:38","guid":{"rendered":"https:\/\/www.niobehosting.com\/blog\/?p=4832"},"modified":"2021-01-05T23:08:57","modified_gmt":"2021-01-05T20:08:57","slug":"front-end-developer","status":"publish","type":"post","link":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/","title":{"rendered":"Front End Developer Nedir? Nas\u0131l Olunur?"},"content":{"rendered":"\n<p>Front-end terimi, T\u00fcrk\u00e7ede \u00f6ny\u00fcz anlam\u0131na gelmektedir. Bir web sitesi olu\u015fturulurken geli\u015ftirilen g\u00f6r\u00fcn\u00fcm ve i\u00e7erik ile alakal\u0131 t\u00fcm g\u00f6rsel, i\u015fitsel, tasar\u0131msal k\u0131s\u0131mlar\u0131 kapsayan bir i\u015flemdir. Web sitesine girdi\u011finizde kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131z renkli temalar, arka fonlar, yaz\u0131 tipleri, tasar\u0131msal g\u00f6rseller ve bunlar\u0131n kullan\u0131c\u0131ya hitap edebilecek bi\u00e7imde uyumlanmas\u0131, sayfaya yerle\u015ftirilmesi gibi i\u015flemlerin hepsi front-end yani \u00f6ny\u00fcz olarak adland\u0131r\u0131l\u0131r. Bu i\u015fi yapan ve geli\u015ftirenlere de <strong>front-end developer<\/strong> yani \u00f6ny\u00fcz geli\u015ftirici denir. Bir web sitesi olu\u015fturulurken olaya t\u0131pk\u0131 kamera \u00f6n\u00fc ve kamera arkas\u0131ndan olu\u015fan bir film seti gibi bak\u0131labilir. Kamera \u00f6n\u00fc Front-end, kamera arkas\u0131 da Back-end terimlerine kar\u015f\u0131l\u0131k gelmektedir. Bir filmde izleyici olarak g\u00f6rd\u00fc\u011f\u00fcm\u00fcz kamera \u00f6n\u00fcndeki her \u015fey; oyuncular, filmin \u00e7ekildi\u011fi mek\u00e2nlar, olaylar front-end\u2019e \u00f6rnek olarak verilebilir. Kamera arkas\u0131nda yer alan teknik ekipler ve ekipmanlar ise Back-end\u2019e \u00f6rnektir.<\/p>\n\n\n\n<p>Bir <strong>Front-end Developer <\/strong>olabilmek i\u00e7in bu i\u015f ile ilgili baz\u0131 terimlere h\u00e2kim olmak ve gerekli donan\u0131mlara sahip olmak gerekmektedir. Bu donan\u0131mlara sahip olunabilmesi i\u00e7in, \u00f6zellikle s\u0131f\u0131rdan ba\u015flayacak olan geli\u015ftirici adaylar\u0131 a\u00e7\u0131s\u0131ndan bu yaz\u0131m\u0131z \u00f6nem arz etmektedir. Kendimizi kullan\u0131c\u0131 olarak ele ald\u0131\u011f\u0131m\u0131zda, ilk olarak web sitelerinde kar\u015f\u0131la\u015ft\u0131\u011f\u0131m\u0131z, sayfalarda g\u00f6z\u00fcm\u00fcze \u00e7arpan t\u00fcm aktivitelerin ba\u015f\u0131ndan sonuna dek son derece incelikle ve uzun s\u00fcre\u00e7ler sonucunda elde edildi\u011fini bilmemiz gerekir. Tasar\u0131mlara ba\u015flamadan \u00f6nce verilen emeklerin, tasar\u0131mlar olu\u015fturulurken verilen emeklerden daha detayl\u0131 oldu\u011fu a\u015fik\u00e2rd\u0131r. Bu sebeple, ba\u015flamadan \u00f6nce yap\u0131lacak ara\u015ft\u0131rmalar\u0131n detayl\u0131 ve \u00e7ok y\u00f6nl\u00fc olmas\u0131na dikkat edilmelidir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Front-end Developer Ne \u0130\u015f Yapar?<\/h2>\n\n\n\n<p><strong>Front-end geli\u015ftirici<\/strong>, bu i\u015f i\u00e7in gerekli <strong>HTML<\/strong>,<strong> CSS <\/strong>ve <strong>JavaScript <\/strong>ad\u0131nda \u00fc\u00e7 ana program dilini kullanarak bahsetmi\u015f oldu\u011fumuz web kullan\u0131c\u0131lar\u0131 taraf\u0131ndan ilk kar\u015f\u0131la\u015f\u0131lan sayfan\u0131n t\u00fcm tasar\u0131mlar\u0131n\u0131 ve olu\u015fumunu ger\u00e7ekle\u015ftirebilen ki\u015fidir. Kullan\u0131lan bu aray\u00fczlere \u201cdil\u201d denmesinin son derece isabetli bir \u00f6zelli\u011fi vard\u0131r. Bu programlar bildi\u011fimiz herhangi bir T\u00fcrk\u00e7e, \u0130ngilizce, Almanca gibi farkl\u0131 karakterleri ve s\u00f6zc\u00fckleri bir araya getirerek kendine has bir yaz\u0131m ve imla olu\u015fturmu\u015ftur. Bildi\u011fimiz dillerden tek fark\u0131, \u00e7o\u011funlukla \u0130ngilizce kelimelerden olu\u015fan kodlar olmas\u0131 ve bu kelimeleri de\u011fi\u015fik karakterlerle bir arada kullanarak kendine ait farkl\u0131 bir dil olu\u015fturmas\u0131d\u0131r.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131da bir <strong>front-end geli\u015ftiricide<\/strong> yer almas\u0131 gereken donan\u0131msal ve bilimsel \u00f6zellikler ile yapabildikleri i\u015flemler s\u0131ralanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p>Her \u015feyden \u00f6nce bir <strong>front-end geli\u015ftiricinin<\/strong> bahsetmi\u015f oldu\u011fumuz bu \u00fc\u00e7 ana program geli\u015ftiricinin ne anlama geldi\u011fini ve ne i\u015fe yarad\u0131\u011f\u0131n\u0131, yaz\u0131m\u0131zdan yola \u00e7\u0131karak sonras\u0131nda akademik \u00e7apta bilgilerden yararlanarak ara\u015ft\u0131rmal\u0131d\u0131r. En \u00f6nemli ba\u015flang\u0131\u00e7 budur.<\/p>\n\n\n\n<p>Front-end\u2019 in kendine ait b\u00f6l\u00fcmleri bulunur. \u00d6rne\u011fin metinlerle, g\u00f6rsellerle ilgili d\u00fczenlemeler; yaz\u0131 tipi, yaz\u0131 fontu, rengi, g\u00f6r\u00fcn\u00fcm\u00fc, g\u00f6rselin boyutu ve fonu gibi konular\u0131 bar\u0131nd\u0131r\u0131r. Bunun d\u0131\u015f\u0131nda yaz\u0131lan metinlerin ve g\u00f6rsellerin sayfaya yerle\u015ftirilmesi ve sayfan\u0131n yap\u0131land\u0131r\u0131lmas\u0131 ile ilgili konular ba\u015fka bir alt b\u00f6l\u00fcmd\u00fcr. Bu alt b\u00f6l\u00fcmle u\u011fra\u015fmak istiyorsan\u0131z <strong>JavaScript <\/strong>dilini biliyor olman\u0131z yeterli olacakt\u0131r. Di\u011fer aray\u00fczleri kullanman\u0131za gerek yoktur. Ancak metin ve g\u00f6rselleri olu\u015fturacaksan\u0131z bu \u00fc\u00e7 dili de bilmeniz gerekir. Tasar\u0131mc\u0131 unvan\u0131yla \u00e7al\u0131\u015fmalar yapmay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z tek bir dilde uzmanla\u015fman\u0131z yeterli olacakt\u0131r.<\/p>\n\n\n\n<p>Ara\u015ft\u0131rmalar yap\u0131ld\u0131ktan sonra, geli\u015ftiricileri kullanabilmek i\u00e7in kodlar yazmaya ba\u015flanmal\u0131d\u0131r. Bu evreye ge\u00e7ebilmek i\u00e7in ara\u015ft\u0131rmalar\u0131n s\u0131k\u0131 ve sab\u0131rla y\u00fcr\u00fct\u00fclm\u00fc\u015f olmas\u0131 gerekmektedir.<\/p>\n\n\n\n<p>Kodlar yaz\u0131lmaya ba\u015fland\u0131ktan sonra, olu\u015fumu sa\u011flanm\u0131\u015f web sayfalar\u0131ndan ziyade, hen\u00fcz ba\u015flanmam\u0131\u015f ya da tamamen bitirilmemi\u015f, geli\u015fimi ve d\u00fczenlenmesi \u00fczerinde durulan web sitelerinde \u00e7al\u0131\u015fmalara ba\u015flamak gerekir. Bitirilerek kullan\u0131c\u0131lara sunulmu\u015f ve \u00fczerinde yaln\u0131zca d\u00fczeltmeler yap\u0131lan web sayfalar\u0131nda, hen\u00fcz yeni \u00f6\u011frenmi\u015f oldu\u011funuz ve pratikte kullanmad\u0131\u011f\u0131n\u0131z teorik bilgileri kullanabilmeniz m\u00fcmk\u00fcn olmayacak ya da zorlanman\u0131za sebep olacakt\u0131r. O nedenle tamamen basit kodlamalarla olu\u015fturabilece\u011finiz komutlarla bir web sayfas\u0131 yaratmay\u0131 deneyebilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Front-end Developer Olmak \u0130\u00e7in Bilmeniz Gerekenler<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-1024x624.png\" alt=\"\" class=\"wp-image-4834\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-1024x624.png 1024w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-300x183.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-768x468.png 768w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-100x61.png 100w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur-700x427.png 700w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir-nasil-olunur.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Merakl\u0131<\/li><li>Ara\u015ft\u0131rmac\u0131<\/li><li>Sorunlara \u00e7\u00f6z\u00fcm \u00fcretebilme<\/li><li>Yabanc\u0131 dil bilgisi<br><\/li><\/ul>\n\n\n\n<p>Sahip olman\u0131z gereken yetenekler aras\u0131nda say\u0131labilir.<\/p>\n\n\n\n<p><strong>Front-end geli\u015ftirici<\/strong> olabilmek i\u00e7in kullan\u0131lan donan\u0131msal programlar konusunda detayl\u0131 bilgiyi bu ba\u015fl\u0131k alt\u0131nda verebiliriz. <strong><a href=\"https:\/\/www.niobehosting.com\/blog\/html-nedir\/\">HTML<\/a>, <a href=\"https:\/\/www.niobehosting.com\/blog\/css-nedir\/\">CSS <\/a><\/strong>ve <strong><a href=\"https:\/\/www.niobehosting.com\/blog\/javascript\/\">JavaScript<\/a>.<\/strong> Bunlar birer geli\u015ftirici program olup web sitesinin bahsetti\u011fimiz gibi kullan\u0131c\u0131ya g\u00f6r\u00fcnen k\u0131sm\u0131n\u0131n tasar\u0131m\u0131nda ve yaz\u0131l\u0131m\u0131nda kullan\u0131l\u0131rlar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. HTML<\/h3>\n\n\n\n<p><strong>HTML<\/strong> (Hyper Text Markup Language), web sitesinin front-end\u2019ini olu\u015fturan <strong>yaz\u0131, g\u00f6r\u00fcnt\u00fc, video<\/strong> gibi verileri sayfaya oturtabilmek i\u00e7in kullan\u0131lan bir i\u015faretleme arac\u0131d\u0131r. Amac\u0131, sitenin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc istenilen ve hatas\u0131z bi\u00e7imde tasarlayabilmek ve kullan\u0131c\u0131lar\u0131n arama motorlar\u0131nda, web sitesinde yer alan i\u00e7erikle alakal\u0131 bir arama yapt\u0131\u011f\u0131nda d\u00fczg\u00fcn bir \u015fekilde kar\u015f\u0131s\u0131na \u00e7\u0131karabilmektir. T\u00fcm bunlar\u0131 yapabilmek i\u00e7in \u00e7e\u015fitli komutlar bar\u0131nd\u0131r\u0131r. Bu komutlar b\u00fcy\u00fckt\u00fcr (>) ve k\u00fc\u00e7\u00fckt\u00fcr (&lt;) i\u015faretleriyle verilir. Konulmak istenen i\u00e7eri\u011fin ba\u015f\u0131na ve sonuna bu i\u015faretleri yerle\u015ftirerek komut verilmi\u015f olur. <strong>HTML<\/strong>, terimsel a\u00e7\u0131dan bir program dili olarak adland\u0131r\u0131lmayabilir. Esas itibariyle bu komutlar i\u00e7in tasarlanm\u0131\u015f bir ana programa program dili denilir. <strong>HTML<\/strong>, bu ana program\u0131n i\u00e7ine konumland\u0131rm\u0131\u015f olarak \u00e7al\u0131\u015ft\u0131r\u0131labilir. <strong>HTML s<\/strong>tandartlar\u0131, W3C (World Wide Web Consortium) yani \u201cwww\u201d uzant\u0131s\u0131n\u0131 olu\u015fturan d\u00fcnya \u00e7ap\u0131nda bir sanal a\u011f birli\u011fi taraf\u0131ndan olu\u015fturulmu\u015ftur. Son s\u00fcr\u00fcm\u00fc HTML5\u2019 tir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. CSS<\/h3>\n\n\n\n<p><strong>CSS <\/strong>(Cascading Style Sheets) basamakl\u0131 stil \u015fablonlar\u0131 olarak da bilinen aray\u00fcz ise <strong>HTML <\/strong>\u2019ye ek olarak kullan\u0131lan bir <strong>web aray\u00fcz geli\u015ftirme <\/strong>dilidir. <strong>HTML <\/strong>i\u015faret dili yazarken yaz\u0131lan aray\u00fcz\u00fc geli\u015ftirici ve ek anlat\u0131larla komutlar sa\u011flay\u0131c\u0131 imk\u00e2nlar i\u00e7erir. Bir metin komutu yaz\u0131ld\u0131ysa bu metnin nas\u0131l ve ne bi\u00e7imde olaca\u011f\u0131n\u0131n belirleyebilmek i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin; metnin yaz\u0131 stili, puntosu, rengi, i\u00e7erdi\u011fi \u015fablonlar\u0131 gibi sunulmas\u0131 istenen tarzlar\u0131n yap\u0131labilmesini sa\u011flar. Ayn\u0131 zamanda sayfadaki metinler hari\u00e7 var olan i\u00e7erikteki g\u00f6rsel tasar\u0131mlar i\u00e7in de kullan\u0131lan renkler ve bi\u00e7imler aras\u0131ndaki uyumu da ger\u00e7ekle\u015ftirir. Her bir yaz\u0131 tipi, \u015fablonu, g\u00f6rsel rengi i\u00e7in ayr\u0131 ayr\u0131 \u00e7al\u0131\u015fmalarda bulunmak yerine bunlar\u0131n hepsi i\u00e7in yaln\u0131zca bir kez komut \u00fcretip hepsini tek bir sayfada toplayabilmeyi sa\u011flar. <strong>CSS <\/strong>komutlar\u0131, <strong>HTML<\/strong> \u2018ye ek olarak kullan\u0131labildi\u011fi gibi ba\u011f\u0131ms\u0131z kodlarla yaz\u0131lan komutlar olarak da kullan\u0131labilir. \u201c&lt;body>\u201d veya \u201c&lt;head>\u201d olarak yaz\u0131lan kod bi\u00e7imlerinde b\u00f6l\u00fcmleri bulunur. Bu b\u00f6l\u00fcmler, tek bir kez kod yaz\u0131larak bu kodun kaydedilmesini ve farkl\u0131 web sayfalar\u0131nda kullan\u0131labilmesini sa\u011flar. Kodlar\u0131n tek bir sayfada saklanmas\u0131 ve bu sayfan\u0131n her web sitesi i\u00e7in yaz\u0131lan <strong>HTML<\/strong>kodlar\u0131 i\u00e7in kullan\u0131lmas\u0131na olanak verir. B\u00f6ylelikle her bir<strong> HTML <\/strong>i\u00e7in ayr\u0131 ayr\u0131 <strong>CSS <\/strong>kodu olu\u015fturulmas\u0131na gerek kalmaz. Ek olarak <strong>HTML <\/strong>uzant\u0131lar\u0131n\u0131n ayr\u0131 taray\u0131c\u0131lar i\u00e7in uyumla\u015ft\u0131r\u0131lmas\u0131nda da kullan\u0131l\u0131r. \u00d6rne\u011fin arama motoruna ara\u015ft\u0131rmak istedi\u011finiz anahtar kelimeyi yazd\u0131\u011f\u0131n\u0131zda bunun web sitesinde yer al\u0131p almad\u0131\u011f\u0131n\u0131 test eder. Bu testi yapabilmek i\u00e7in kullan\u0131lan kodlar b\u00fct\u00fcn\u00fc <strong>CSS<\/strong>\u2018de yaz\u0131l\u0131r. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. JAVASCRIPT<\/h3>\n\n\n\n<p><strong>JavaScript; web aray\u00fcz geli\u015ftirme <\/strong>i\u015flemleri s\u0131ras\u0131nda \u00e7ok\u00e7a kullan\u0131lan bir programlama arac\u0131d\u0131r. Betik denilen, web taray\u0131c\u0131s\u0131 ile istemci aras\u0131ndaki ba\u011flant\u0131y\u0131 sa\u011flayan \u00e7al\u0131\u015ft\u0131r\u0131c\u0131lar vesilesiyle web sitesinin i\u00e7eri\u011fi ile kullan\u0131c\u0131y\u0131 bulu\u015fturma g\u00f6revini \u00fcstlenir. Bunun yan\u0131 s\u0131ra kullan\u0131c\u0131n\u0131n tercih etmi\u015f oldu\u011fu taray\u0131c\u0131 ile arad\u0131\u011f\u0131 anahtar kelimenin sunucusunu birbirine ba\u011flamak, web sayfas\u0131nda kullan\u0131lan i\u00e7eriklerin d\u00fczenlenmesi ve de\u011fi\u015ftirilmesi gibi i\u015flevleri de \u00fcstlenir. Sunucu ve kullan\u0131c\u0131 aras\u0131nda herhangi bir senkronizasyon sorunu oldu\u011funda devreye girer ve sunucu ile ileti\u015fime ge\u00e7er. Yaz\u0131l\u0131m\u0131 \u201cC Programlama\u201d sistemi ve \u201cSelf\u201d ve \u201cScheme\u201d ad\u0131ndaki programlardan esinlenerek ger\u00e7ekle\u015ftirilmi\u015ftir. \u0130\u00e7erdi\u011fi bu kapsaml\u0131 g\u00f6revleri neticesinde aray\u00fcz geli\u015ftiricileri taraf\u0131ndan olduk\u00e7a s\u0131k ba\u015fvurulan bir program dilidir. Web sitelerinde sayfalar\u0131n devaml\u0131 olarak geli\u015ftirilmesini sa\u011flayabilmek i\u00e7in <strong>HTML <\/strong>kodlar\u0131 i\u00e7erisine serpi\u015ftirilmi\u015f olarak bulunur.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Front-end terimi, T\u00fcrk\u00e7ede \u00f6ny\u00fcz anlam\u0131na gelmektedir. Bir web sitesi olu\u015fturulurken geli\u015ftirilen g\u00f6r\u00fcn\u00fcm ve i\u00e7erik ile alakal\u0131 t\u00fcm g\u00f6rsel, i\u015fitsel, tasar\u0131msal k\u0131s\u0131mlar\u0131 kapsayan bir i\u015flemdir. Web&#8230;<\/p>\n","protected":false},"author":9,"featured_media":4833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"class_list":["post-4832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir-nasil-yapilir"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting<\/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:\/\/www.niobehosting.com\/blog\/front-end-developer\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting\" \/>\n<meta property=\"og:description\" content=\"Front-end terimi, T\u00fcrk\u00e7ede \u00f6ny\u00fcz anlam\u0131na gelmektedir. Bir web sitesi olu\u015fturulurken geli\u015ftirilen g\u00f6r\u00fcn\u00fcm ve i\u00e7erik ile alakal\u0131 t\u00fcm g\u00f6rsel, i\u015fitsel, tasar\u0131msal k\u0131s\u0131mlar\u0131 kapsayan bir i\u015flemdir. Web...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Niobe Hosting\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-05T20:06:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-05T20:08:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"930\" \/>\n\t<meta property=\"og:image:height\" content=\"619\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yavuz G\u00fcm\u00fclcineli\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yavuz G\u00fcm\u00fclcineli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/\"},\"author\":{\"name\":\"Yavuz G\u00fcm\u00fclcineli\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7d206c041bdf97e87efa927ab86f0e7a\"},\"headline\":\"Front End Developer Nedir? Nas\u0131l Olunur?\",\"datePublished\":\"2021-01-05T20:06:38+00:00\",\"dateModified\":\"2021-01-05T20:08:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/\"},\"wordCount\":1536,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/front-end-developer-nedir.jpg\",\"articleSection\":[\"Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/\",\"name\":\"Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/front-end-developer-nedir.jpg\",\"datePublished\":\"2021-01-05T20:06:38+00:00\",\"dateModified\":\"2021-01-05T20:08:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/front-end-developer-nedir.jpg\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/front-end-developer-nedir.jpg\",\"width\":930,\"height\":619,\"caption\":\"Front End Developer Nedir? Nas\u0131l Olunur?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/front-end-developer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front End Developer Nedir? Nas\u0131l Olunur?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"name\":\"Niobe Hosting\",\"description\":\"Niobe Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\",\"name\":\"Niobe Hosting\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"width\":332,\"height\":49,\"caption\":\"Niobe Hosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7d206c041bdf97e87efa927ab86f0e7a\",\"name\":\"Yavuz G\u00fcm\u00fclcineli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"caption\":\"Yavuz G\u00fcm\u00fclcineli\"},\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/author\\\/yavuz\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting","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:\/\/www.niobehosting.com\/blog\/front-end-developer\/","og_locale":"tr_TR","og_type":"article","og_title":"Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting","og_description":"Front-end terimi, T\u00fcrk\u00e7ede \u00f6ny\u00fcz anlam\u0131na gelmektedir. Bir web sitesi olu\u015fturulurken geli\u015ftirilen g\u00f6r\u00fcn\u00fcm ve i\u00e7erik ile alakal\u0131 t\u00fcm g\u00f6rsel, i\u015fitsel, tasar\u0131msal k\u0131s\u0131mlar\u0131 kapsayan bir i\u015flemdir. Web...","og_url":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/","og_site_name":"Niobe Hosting","article_published_time":"2021-01-05T20:06:38+00:00","article_modified_time":"2021-01-05T20:08:57+00:00","og_image":[{"width":930,"height":619,"url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg","type":"image\/jpeg"}],"author":"Yavuz G\u00fcm\u00fclcineli","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Yavuz G\u00fcm\u00fclcineli","Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#article","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/"},"author":{"name":"Yavuz G\u00fcm\u00fclcineli","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/7d206c041bdf97e87efa927ab86f0e7a"},"headline":"Front End Developer Nedir? Nas\u0131l Olunur?","datePublished":"2021-01-05T20:06:38+00:00","dateModified":"2021-01-05T20:08:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/"},"wordCount":1536,"commentCount":1,"publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg","articleSection":["Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/","url":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/","name":"Front End Developer Nedir? Nas\u0131l Olunur? - Niobe Hosting","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#primaryimage"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg","datePublished":"2021-01-05T20:06:38+00:00","dateModified":"2021-01-05T20:08:57+00:00","breadcrumb":{"@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.niobehosting.com\/blog\/front-end-developer\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#primaryimage","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/front-end-developer-nedir.jpg","width":930,"height":619,"caption":"Front End Developer Nedir? Nas\u0131l Olunur?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.niobehosting.com\/blog\/front-end-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.niobehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Front End Developer Nedir? Nas\u0131l Olunur?"}]},{"@type":"WebSite","@id":"https:\/\/www.niobehosting.com\/blog\/#website","url":"https:\/\/www.niobehosting.com\/blog\/","name":"Niobe Hosting","description":"Niobe Hosting","publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.niobehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.niobehosting.com\/blog\/#organization","name":"Niobe Hosting","url":"https:\/\/www.niobehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","width":332,"height":49,"caption":"Niobe Hosting"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/7d206c041bdf97e87efa927ab86f0e7a","name":"Yavuz G\u00fcm\u00fclcineli","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","caption":"Yavuz G\u00fcm\u00fclcineli"},"url":"https:\/\/www.niobehosting.com\/blog\/author\/yavuz\/"}]}},"_links":{"self":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/4832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=4832"}],"version-history":[{"count":0,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/4832\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media\/4833"}],"wp:attachment":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=4832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=4832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=4832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}