{"id":94,"date":"2022-11-11T14:08:10","date_gmt":"2022-11-11T14:08:10","guid":{"rendered":"https:\/\/northsoft.co\/blog\/yazilar\/?p=94"},"modified":"2022-11-11T14:08:11","modified_gmt":"2022-11-11T14:08:11","slug":"back-end-ve-front-end-nedir","status":"publish","type":"post","link":"https:\/\/northsoft.co\/blog\/genel\/back-end-ve-front-end-nedir\/","title":{"rendered":"Back-End Ve Front-End Nedir?<\/strong>"},"content":{"rendered":"

Web tasar\u0131m\u0131, web uygulama ve mobil uygulama gibi bir\u00e7ok teknikte back-end ve front-end kavramlar\u0131 ile kar\u015f\u0131la\u015fmak m\u00fcmk\u00fcn. Karma\u015f\u0131k gibi g\u00f6r\u00fcnen bu sistemler, basit olarak \u201cweb tasar\u0131m\u0131\u201d ve \u201cweb geli\u015ftirme\u201d olarak tan\u0131mlanabilir. Web uygulamalar\u0131nda \u00f6nemli bir yeri olan bu iki kavram, web sitesi tasar\u0131mlar\u0131nda birbirini tamamlayan i\u015flemleri ifade eder. Mobil uygulama tasar\u0131m\u0131ndan masa\u00fcst\u00fc web tasar\u0131m\u0131na kadar kullan\u0131c\u0131n\u0131n \u201cg\u00f6rd\u00fc\u011f\u00fc\u201d ve \u201cg\u00f6rmedi\u011fi\u201d alanlar, front-end ve back-end taraf\u0131ndan olu\u015fturulur. Peki, back-end nedir? Foront-end nedir? \u0130\u015fte cevaplar\u0131\u2026<\/p>\n

Back-End Nedir?<\/strong><\/h3>\n

Back-end ya da backend, \u201carka y\u00fcz\u201d demektir. Web tasar\u0131m\u0131 projelerinde kullan\u0131lan ve son kullan\u0131c\u0131n\u0131n g\u00f6remedi\u011fi \u201c\u00e7ekirdek yaz\u0131l\u0131m\u201d alan\u0131d\u0131r. Perde arkas\u0131ndaki web tasar\u0131m\u0131 mimarisidir. Yaz\u0131l\u0131mc\u0131 ya da yaz\u0131l\u0131m geli\u015ftirici, bu mimariyi kodlayan ki\u015fidir. Back-end, server ve veri taban\u0131 gibi alanlarla ilgilenir. Di\u011fer bir ifade ile backend, \u201ckullan\u0131c\u0131n\u0131n do\u011frudan etkile\u015fim kurmad\u0131\u011f\u0131\u201d web tasar\u0131m\u0131 alanlar\u0131n\u0131 ifade eder. Backend i\u00e7in \u00f6rnek vermek gerekirse; bir web sitesini ziyaret eden bir kullan\u0131c\u0131n\u0131n verileri bir sunucuda depolan\u0131r. Kullan\u0131c\u0131n\u0131n bir e-ticaret sitesinde yapt\u0131\u011f\u0131 online \u00f6deme, bir sunucudaki \u00f6deme sistemi sayesinde sa\u011flan\u0131r. Mobil uygulamada yap\u0131lan i\u015flemler, bir serverdaki veri taban\u0131na kaydedilir. Bu ve benzeri arka planda yap\u0131lan web tasar\u0131m\u0131 uygulamalar\u0131, back-end\u2019in sorumlu oldu\u011fu sistemlerdir.<\/p>\n

Front-End Nedir?<\/strong><\/h3>\n

Front-end ya da frontend, \u201c\u00f6ny\u00fcz\u201d demektir. \u201cKullan\u0131c\u0131n\u0131n do\u011frudan etkile\u015fim kurdu\u011fu\u201d web tasar\u0131m\u0131 alanlar\u0131n\u0131 ifade eder. \u00d6rne\u011fin; bir e-ticaret<\/a> sitesini ziyaret eden online t\u00fcketici, sitenin sayfalar\u0131n\u0131 ziyaret ederek \u00fcr\u00fcn se\u00e7er. Daha sonra bu \u00fcr\u00fcn\u00fc sepete ekleyerek, \u00f6deme yapar. Sipari\u015f sonras\u0131 isterse \u00fcr\u00fcn i\u00e7in yorum yazar. Son kullan\u0131c\u0131n\u0131n bu i\u015flemleri yapmas\u0131n\u0131 sa\u011flayan web tasar\u0131m\u0131 alanlar\u0131, front-end alanlar\u0131d\u0131r. Ba\u015fka bir \u00f6rnek vermek gerekirse; bir kurumun web sitesinin ak\u0131ll\u0131 cihazdaki mobil g\u00f6r\u00fcn\u00fcm\u00fc, kullan\u0131c\u0131n\u0131n marka veya kurum ile etkile\u015fim kurabildi\u011fi bir aland\u0131r. Bu alan, frontend yaz\u0131l\u0131mc\u0131s\u0131 taraf\u0131ndan tasarlan\u0131r.<\/p>\n

Back-End ile Front-End Aras\u0131ndaki Temel Farklar Nedir?<\/strong><\/h3>\n
    \n
  • G\u00f6r\u00fcn\u00fcm:<\/strong>\n
      \n
    • Back-end<\/strong>; bir web tasar\u0131m\u0131 sisteminin mimarisini olu\u015fturur; web sitesinin g\u00f6r\u00fcnmeyen y\u00fcz\u00fcd\u00fcr. Sistemin maksimum seviyede verimli ve h\u0131zl\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.<\/li>\n
    • Front-end<\/strong>; web tasar\u0131m\u0131n\u0131n fontlar\u0131ndan renklerine kadar g\u00f6r\u00fcnen y\u00fcz\u00fcn\u00fc ifade eder. Kullan\u0131c\u0131 deneyiminin ger\u00e7ekle\u015fti\u011fi alanlard\u0131r.<\/li>\n<\/ul>\n<\/li>\n
    • Teknoloji:<\/strong>\n
        \n
      • Back-end\u2019de<\/strong>; Python, Java, C#, PHP ve Ruby gibi teknolojiler kullan\u0131l\u0131r.<\/li>\n
      • Front-end\u2019de<\/strong>; HTML, CSS ve JavaScript gibi yaz\u0131l\u0131mlar devreye girer.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n

        <\/p>\n","protected":false},"excerpt":{"rendered":"

        Web tasar\u0131m\u0131, web uygulama ve mobil uygulama gibi bir\u00e7ok teknikte back-end ve front-end kavramlar\u0131 ile kar\u015f\u0131la\u015fmak m\u00fcmk\u00fcn. Karma\u015f\u0131k gibi g\u00f6r\u00fcnen bu sistemler, basit olarak \u201cweb tasar\u0131m\u0131\u201d ve \u201cweb geli\u015ftirme\u201d olarak tan\u0131mlanabilir. Web uygulamalar\u0131nda \u00f6nemli bir yeri olan bu iki kavram, web sitesi tasar\u0131mlar\u0131nda birbirini tamamlayan i\u015flemleri ifade eder. Mobil uygulama tasar\u0131m\u0131ndan masa\u00fcst\u00fc web tasar\u0131m\u0131na kadar […]<\/p>\n","protected":false},"author":1,"featured_media":95,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":1,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions\/96"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media\/95"}],"wp:attachment":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}