{"id":4973,"date":"2021-03-05T15:05:20","date_gmt":"2021-03-05T12:05:20","guid":{"rendered":"https:\/\/www.niobehosting.com\/blog\/?p=4973"},"modified":"2021-05-03T11:36:30","modified_gmt":"2021-05-03T08:36:30","slug":"web-tasarimcisi-ve-web-gelistiricisi-nedir","status":"publish","type":"post","link":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/","title":{"rendered":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir?"},"content":{"rendered":"\n

Bu yaz\u0131m\u0131zda size g\u00fcnl\u00fck hayatta bize rehberlik edip ho\u015f vakit ge\u00e7irmemizi sa\u011flayan, bir yandan haberlere ula\u015f\u0131p, di\u011fer yandan ba\u015fkalar\u0131yla etkile\u015fimde bulundu\u011fumuz web sitelerini \u015fekillendiren Web Tasar\u0131mc\u0131lar\u0131 ( Web Designer ) ve onlar\u0131 geli\u015ftiren, \u00f6zellik ve i\u015flev kazand\u0131ran Web Geli\u015ftiricilerinden ( Web Developer ) bahsedece\u011fiz. <\/p>\n\n\n\n

Web tasar\u0131m\u0131na tarihsel olarak bakarsak ilk olarak CERN<\/strong> m\u00fchendislerinden S\u00f6r Tim Berner-LEE<\/strong> 1989 y\u0131l\u0131nda HTML<\/strong> ( H<\/strong>yper T<\/strong>ext M<\/strong>arkup L<\/strong>anguage) dilini geli\u015ftirerek \u015fimdiki web sitelerinin temelini atm\u0131\u015f oldu. Kendisi ayn\u0131 zamanda WWW<\/strong>  (W<\/strong>orld W<\/strong>ide W<\/strong>eb) \u2019in de fikir babas\u0131 ve (W<\/strong>orld W<\/strong>ide W<\/strong>eb C<\/strong>onsortium) W3C<\/strong>\u2019 nin kurucusudur.<\/p>\n\n\n\n

1990 y\u0131l\u0131nda ilk web taray\u0131c\u0131s\u0131n\u0131 geli\u015ftirmi\u015ftir. Bilimsel yay\u0131nlar\u0131n bir\u00e7ok ki\u015fi taraf\u0131ndan ula\u015f\u0131labilir olmas\u0131 fikri \u00fczerine geli\u015ftirilen web siteleri g\u00fcn\u00fcm\u00fczde her t\u00fcrl\u00fc ama\u00e7la kullan\u0131labiliyor.<\/p>\n\n\n\n

\u00d6nceleri tasar\u0131m i\u015fi bir b\u00fct\u00fcn olarak tek ki\u015fi taraf\u0131ndan geli\u015ftirilmekteydi. Web siteleri daha \u00e7ok metin a\u011f\u0131rl\u0131kl\u0131yd\u0131 ve tasar\u0131mlar basitti. <\/p>\n\n\n\n

Sonras\u0131nda zaman ge\u00e7tik\u00e7e ve ihtiya\u00e7lar, talepler geli\u015fip \u015fekillendik\u00e7e web sitelerinin tasar\u0131mlar\u0131 ve \u015fekilleri de\u011fi\u015fmeye, \u00e7e\u015fitlenmeye ve zenginle\u015fmeye ba\u015flad\u0131.<\/p>\n\n\n\n

Bu a\u015famadan sonra art\u0131k i\u015fin tek elden \u00e7\u0131kmas\u0131 zorla\u015f\u0131nca; i\u015f b\u00f6l\u00fcm\u00fc, uzmanla\u015fma ihtiyac\u0131 ve g\u00fcvenlik gibi nedenlerle web tasar\u0131m\u0131, web geli\u015ftirme i\u015fleri birbirinden ayr\u0131lmaya ba\u015flad\u0131.<\/p>\n\n\n\n

Web Tasar\u0131m\u0131 Nedir? Web Tasar\u0131mc\u0131s\u0131 Ne \u0130\u015f Yapar?<\/h2>\n\n\n\n

\u0130nternet Sitesi tasar\u0131m\u0131, bir sitenin son kullan\u0131c\u0131ya nas\u0131l g\u00f6r\u00fcnece\u011finin ele al\u0131nd\u0131\u011f\u0131 ve \u015fekillendirildi\u011fi i\u015fler b\u00fct\u00fcn\u00fcd\u00fcr.<\/p>\n\n\n\n

 Web tasar\u0131mc\u0131s\u0131<\/strong> ( Web Designer<\/strong>), HTML<\/a> ( H<\/strong>yper T<\/strong>ext M<\/strong>arkup Language), CSS<\/a> ( C<\/strong>ascading S<\/strong>tyle S<\/strong>heets) , Javascript<\/a>  vs gibi kodlama dilleri yard\u0131m\u0131yla ziyaret etti\u011fimiz sitenin g\u00f6rsel olarak nas\u0131l g\u00f6r\u00fcnece\u011fini belirleyen, sitenin kullan\u0131m amac\u0131na g\u00f6re ana hatlar\u0131n\u0131 \u015fekillendiren ve bir forma sokan ki\u015fidir. <\/p>\n\n\n\n

\"\"
Web Tasar\u0131m Ara\u00e7lar\u0131 <\/figcaption><\/figure>\n\n\n\n

Ayn\u0131 zamanda temel grafik tasar\u0131m bilgisine sahip olmal\u0131 ve tasar\u0131m ara\u00e7lar\u0131n\u0131, Adobe Photoshop, Adobe Illustrator vb kullanabilmesi gerekmektedir. <\/p>\n\n\n\n

G\u00f6rsel sanatlar ve grafik tasar\u0131m e\u011fitimi alm\u0131\u015f bir web tasar\u0131mc\u0131s\u0131 g\u00f6rsel olarak iyi i\u015fler ortaya \u00e7\u0131kacakt\u0131r. <\/p>\n\n\n\n

 Web sitesinin kullan\u0131m amac\u0131, tasar\u0131m\u0131 ve \u00f6zellikleri a\u00e7\u0131s\u0131ndan s\u00fcre\u00e7leri tamam\u0131yla etkileyen en \u00f6nemli \u015feydir. <\/p>\n\n\n\n

Tasar\u0131m\u0131 yap\u0131lacak web sitesinde sat\u0131\u015f m\u0131 yap\u0131lacak, bilgilendirme, haber, sosyal medya ama\u00e7l\u0131 m\u0131 olacak veya sadece foto\u011fraf m\u0131 sergilenecek,  bu sorular\u0131n cevab\u0131 ve web sitesi yay\u0131n amac\u0131m\u0131z belliyse, bir forma sokulma a\u015famas\u0131na ge\u00e7ilebilir.<\/p>\n\n\n\n

 Bu y\u00fczden web tasar\u0131mc\u0131s\u0131, m\u00fc\u015fterinin taleplerini net olarak anlamal\u0131d\u0131r. Ama\u00e7 ve varsa g\u00f6rsel baz\u0131 istekler netle\u015ftirildikten sonra tasar\u0131mc\u0131 yarat\u0131c\u0131l\u0131\u011f\u0131na katarak ortaya g\u00f6r\u00fcn\u00fcr bir \u015fey \u00e7\u0131kartmaya \u00e7al\u0131\u015f\u0131r.<\/p>\n\n\n\n

Web Tasar\u0131mc\u0131lar\u0131 ikiye ayr\u0131l\u0131r;<\/p>\n\n\n\n

UI ( User Interface ) Web Designer ( Web Tasar\u0131mc\u0131s\u0131 )<\/h3>\n\n\n\n

Kullan\u0131c\u0131 Aray\u00fcz\u00fc Web Tasar\u0131mc\u0131s\u0131<\/strong> ( UI Web Designer<\/strong>), ad\u0131 \u00fcst\u00fcnde son kullan\u0131c\u0131 aray\u00fcz\u00fc tasar\u0131m\u0131 ile ilgilenen ki\u015fidir. \u0130lgi alanlar\u0131 renkler, men\u00fclerin tasar\u0131m\u0131, ekranda ziyaret\u00e7i taraf\u0131ndan g\u00f6r\u00fclen \u015feylerin tamam\u0131d\u0131r asl\u0131nda.<\/p>\n\n\n\n

\u00d6rne\u011fin, Android ve IOS i\u015fletim sisteminde kullan\u0131lan men\u00fc ve aplikasyon imajlar\u0131, dizili\u015f \u015fekli ve men\u00fclerin a\u00e7\u0131lma \u015fekilleri, iki sistem aras\u0131ndaki ara y\u00fcz farkl\u0131l\u0131klar\u0131 olarak kolayca ayr\u0131l\u0131r.<\/p>\n\n\n\n

UI Web Designer aynen bu \u015fekilde web sitesine \u00f6zel bir ara y\u00fcz tasar\u0131m\u0131 yapar. Tasar\u0131m belli bir uyum gerektirdi\u011fi i\u00e7in tasar\u0131mc\u0131 renk, yaz\u0131 stili ve fontlar\u0131n se\u00e7iminde kendi tarz\u0131n\u0131 yans\u0131tacakt\u0131r.<\/p>\n\n\n\n

Renkli ve hareketli bir tasar\u0131m veya daha ciddi ve stabil tasar\u0131mlar, ihtiyaca ve amaca y\u00f6nelik belirlenerek, UI Web Tasar\u0131mc\u0131s\u0131 taraf\u0131ndan hayata ge\u00e7irilir. <\/p>\n\n\n\n

Butonlar nerede duracak, butonlar\u0131n \u015fekli, rengi nas\u0131l olacak, font se\u00e7imi, boyutlar\u0131 gibi detaylar burada devreye girecektir.<\/p>\n\n\n\n

UX ( User Experience ) Web Designer ( Web Tasar\u0131mc\u0131s\u0131 )<\/h3>\n\n\n\n

 Kullan\u0131c\u0131 Deneyimi Web Tasar\u0131mc\u0131s\u0131<\/strong> ( UX Web Designer<\/strong>), ara y\u00fczden ziyade kullan\u0131c\u0131 deneyimine odaklan\u0131r. Ziyaret\u00e7inin web sitesiyle nas\u0131l deneyimleyece\u011fini tasarlar.<\/p>\n\n\n\n

Bunu yapabilmek i\u00e7in de iyi bir hayal g\u00fcc\u00fcne sahip olmal\u0131 ve kullan\u0131c\u0131n\u0131n ne bekledi\u011fini, o siteyi deneyimlerken akl\u0131ndan neler ge\u00e7ece\u011fini \u00f6nceden d\u00fc\u015f\u00fcn\u00fcr. Ya\u015fayabilece\u011fi olumlu veya olumsuz durumlara g\u00f6re tasar\u0131m\u0131n\u0131 \u015fekillendirir. <\/p>\n\n\n\n

 Burada yine deneyim devreye giriyor. Ku\u015faklar aras\u0131nda kullan\u0131m al\u0131\u015fkanl\u0131klar\u0131 ve be\u011fenileri farkl\u0131l\u0131klar g\u00f6sterdi\u011fi i\u00e7in ziyaret\u00e7i profili \u00e7ok iyi \u00e7\u0131kar\u0131lm\u0131\u015f olmal\u0131d\u0131r. <\/p>\n\n\n\n

A\u011f\u0131rl\u0131kl\u0131 bir profil \u00e7\u0131kt\u0131ysa ( kad\u0131n, erkek, gen\u00e7, ya\u015fl\u0131, \u00e7ocuk vs) ona g\u00f6re bir tasar\u0131m olu\u015fturulabilir. <\/p>\n\n\n\n

Tasar\u0131m A\u015famalar\u0131<\/h2>\n\n\n\n

M\u00fc\u015fteri Taleplerinin Al\u0131nmas\u0131<\/h3>\n\n\n\n

M\u00fcsterinin temel olarak ne istedi\u011fini anlamaya \u00e7al\u0131\u015fmak i\u015fin en \u00f6nemli a\u015famalar\u0131ndan biridir. E\u011fer bu a\u015famada bir hata yapt\u0131ysan\u0131z uzun \u00e7al\u0131\u015fma saatlerinin bo\u015fa ge\u00e7me ihtimali \u00e7ok y\u00fcksektir.<\/p>\n\n\n\n

Wireframe veya Taslak Olu\u015fturmak<\/h3>\n\n\n\n

Tasar\u0131m\u0131n bu a\u015famas\u0131nda wireframe denilen bir kavram ortaya \u00e7\u0131k\u0131yor.  Wireframe ( Tel \u00c7er\u00e7eve), bir web sitesinin ka\u011f\u0131t \u00fczerinde iskeletinin \u00e7\u0131kar\u0131larak, kabaca nas\u0131l g\u00f6r\u00fcnece\u011finin \u015fematize edilmesi, taslak olu\u015fturulmas\u0131 i\u015fidir. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tasar\u0131mc\u0131, balsamiq<\/a>, mockup vb. gibi \u00fccretli veya \u00fccretsiz uygulamalar kullanarak web sitesinin bir tasla\u011f\u0131n\u0131 olu\u015fturur. <\/p>\n\n\n\n

M\u00fc\u015fteri ile bu taslak \u00fczerinden konu\u015fmak, d\u00fczenlemeler yapmak, daha detayl\u0131 kodlama \u00e7al\u0131\u015fmalar\u0131na girmeye gerek kalmadan, ana hatlar hakk\u0131nda tasar\u0131mc\u0131 ve i\u015fverenin hemfikir olmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r.<\/p>\n\n\n\n

Kodlamaya Ba\u015flamak<\/h3>\n\n\n\n

Bu a\u015famada olu\u015fan ilave fikir ve talepler al\u0131nd\u0131ktan sonra i\u015fin kodlama k\u0131sm\u0131na ge\u00e7ilebilir. Daha \u00f6nce bahsetti\u011fimiz HTML, CSS, Javascript dilleriyle olu\u015fturulan taslak ete kemi\u011fe b\u00fcr\u00fcnmeye ba\u015flar.<\/p>\n\n\n\n

 E\u011fer kullan\u0131c\u0131 ile web sitesi hi\u00e7bir etkile\u015fime girmeyecek ise yani web sitesinde en basit bir form doldurmayacak veya mesaj, yorum \u00f6zelli\u011fi olmayacaksa web developer ( Web Geli\u015ftiricisi) a gerek kalmadan web sitesi yay\u0131na ge\u00e7ebilir.<\/p>\n\n\n\n

Web Developer ( Web Geli\u015ftiricisi ) Nedir? Ne \u0130\u015f Yapar?<\/h2>\n\n\n\n

Web Developer <\/strong>( Web Geli\u015ftiricisi<\/strong> ) tasar\u0131mc\u0131n\u0131n olu\u015fturdu\u011fu siteye ait resmi ele al\u0131p, web tasar\u0131mc\u0131s\u0131n\u0131n kulland\u0131\u011f\u0131 HTML CSS dillerinin yan\u0131s\u0131ra PHP<\/a>, ASP, MySQL<\/a>, .NET, SQL, Python gibi \u00e7e\u015fitli kodlama dilleri ve frameworklerin vas\u0131tas\u0131yla i\u015flevsellik kazand\u0131ran ki\u015fidir.<\/p>\n\n\n\n

\"\"
Web Developing Ara\u00e7lar\u0131<\/figcaption><\/figure>\n\n\n\n

Developer, tasar\u0131m\u0131n arka planda nas\u0131l \u00e7al\u0131\u015faca\u011f\u0131n\u0131 planlar ve d\u00fczenlemeleri yapar. Web sitesinin sunucuda bar\u0131nd\u0131r\u0131lmas\u0131 ve sunucu ile taray\u0131c\u0131 aras\u0131ndaki ileti\u015fimin planlanmas\u0131 s\u00fcreci de yine Web Developer\u2019\u0131n g\u00f6revlerindendir.<\/p>\n\n\n\n

Geli\u015ftirme i\u015finde de zaman ge\u00e7tik\u00e7e, tasar\u0131m a\u015famas\u0131nda oldu\u011fu gibi s\u00fcre\u00e7ler ve g\u00f6rev da\u011f\u0131l\u0131mlar\u0131 olu\u015fmu\u015ftur. Geli\u015ftiriciler frontend <\/strong>ve backend <\/strong>\u015feklinde ayr\u0131\u015fm\u0131\u015flard\u0131r.<\/p>\n\n\n\n

Front-end Developer Ne \u0130\u015f Yapar?<\/h3>\n\n\n\n

Web sitesinin taray\u0131c\u0131 y\u00f6n\u00fcnde g\u00f6r\u00fcnen k\u0131s\u0131mlar\u0131yla Front-end Developer<\/a> ilgilenir. Web tasar\u0131mc\u0131s\u0131n\u0131n olu\u015fturdu\u011fu k\u0131sm\u0131 yani ara y\u00fcz\u00fcn geli\u015ftirilmesi ve i\u015flevsel kazanmas\u0131n\u0131 sa\u011flar. HTML, CSS, Javascript dillerine hakimdir ve taray\u0131c\u0131da bizim g\u00f6rd\u00fc\u011f\u00fcm\u00fcz ara y\u00fcz\u00fcn geli\u015ftirilmesinde \u00e7al\u0131\u015f\u0131r.   <\/p>\n\n\n\n

Web Designer\u2019 dan farkl\u0131 olarak frontend developer, bir grafik tasar\u0131mc\u0131s\u0131 de\u011fildir. Tasar\u0131mc\u0131 taraf\u0131ndan olu\u015fturulan grafiklerin kodlar\u0131 \u00fczerinde \u00e7al\u0131\u015f\u0131r. Ancak hem web tasar\u0131mc\u0131l\u0131k, hem de frontend developer i\u015flerini y\u00fcr\u00fctebilecek ki\u015filer de olabilir.<\/p>\n\n\n\n

Back-end Developer Ne \u0130\u015f Yapar?<\/h3>\n\n\n\n

Backend Developer ise web sitesinin sunucu taraf\u0131nda nas\u0131l \u00e7al\u0131\u015faca\u011f\u0131, sunucuda hangi ko\u015fullarda saklanaca\u011f\u0131 ve taray\u0131c\u0131 ile aras\u0131ndaki ba\u011f\u0131n nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131; ASP,  .NET, SQL, MySQL<\/a>, PHP, Python, gibi vb. programlama dilleri kullanarak olu\u015fturan ve kodlayan ki\u015fidir.<\/p>\n\n\n\n

\u00d6rne\u011fin bir web sitesinde sat\u0131\u015f ger\u00e7ekle\u015fecek ise taray\u0131c\u0131da g\u00f6rd\u00fc\u011f\u00fcm\u00fcz sepetin g\u00f6rseli frontend developer taraf\u0131ndan geli\u015ftirilirken, \u00fcr\u00fcnle sepetin nas\u0131l ba\u011f kuraca\u011f\u0131n\u0131, sunucuda hangi dosyada nas\u0131l kay\u0131t alt\u0131na al\u0131naca\u011f\u0131, sepetteki \u00fcr\u00fcn\u00fcn sat\u0131\u015f a\u015famas\u0131nda banka ve kredi kart\u0131 mod\u00fcl\u00fcn\u00fcn API koduyla ba\u011flant\u0131s\u0131n\u0131n kurulmas\u0131 ve sat\u0131\u015f i\u015flemlerinin nas\u0131l olu\u015faca\u011f\u0131 gibi s\u00fcre\u00e7ler backend developer taraf\u0131ndan y\u00fcr\u00fct\u00fcl\u00fcr.<\/p>\n\n\n\n

Full Stack Developer Kimdir?<\/h3>\n\n\n\n

Hem frontend, hem de backend programlama dillerine hakim iki s\u00fcreci de rahatl\u0131kla y\u00fcr\u00fctebilen ki\u015filer Full Stack Developer olarak tan\u0131mlanm\u0131\u015ft\u0131r. <\/p>\n\n\n\n

Bu a\u015famadan sonra yine ba\u015fka bir kavram ortaya \u00e7\u0131k\u0131yor. S\u00fcre\u00e7ler ayr\u0131\u015ft\u0131r\u0131l\u0131rken bir tak\u0131m \u00e7al\u0131\u015fma ve i\u015f y\u00f6netim modelleri geli\u015fmi\u015ftir. <\/p>\n\n\n\n

MVC <\/strong>( M<\/strong>odel V<\/strong>iew C<\/strong>ontroller) i\u015f modeli bunlardan biridir. Bu modeli olu\u015fturmak i\u00e7in yayg\u0131n olarak Laravel, Codeigniter, Symfony, Yii gibi PHP tabanl\u0131 frameworkler kullan\u0131l\u0131r.<\/p>\n\n\n\n

MVC ( Model View Controller ) Nedir? Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\n\n\n\n

M<\/strong>odel V<\/strong>iew C<\/strong>ontroller ( MVC<\/strong> ), projeye ait \u00e7al\u0131\u015fmalar\u0131 y\u00fcr\u00fct\u00fcl\u00fcrken birimlerin, birbirlerinin yapt\u0131\u011f\u0131 i\u015flere etki etmemesi veya hataya neden olmamas\u0131 i\u00e7in, etki alanlar\u0131n\u0131n birbirinden ayr\u0131lmas\u0131 fikri sonucu ortaya \u00e7\u0131km\u0131\u015f bir i\u015f ak\u0131\u015f bi\u00e7imidir.<\/p>\n\n\n\n

 \u00d6rne\u011fin Frontend Developer\u2019a sadece ara y\u00fcze ait dosyalara ve kodlara eri\u015fim imkan\u0131 tan\u0131n\u0131r. Frontend Developer sadece kendi etki alan\u0131nda \u00e7al\u0131\u015f\u0131rken, Backend Developer di\u011fer alanlarda \u00e7al\u0131\u015f\u0131r. <\/p>\n\n\n\n

Birbirlerinin \u00e7al\u0131\u015fmalar\u0131na m\u00fcdahale etmedikleri i\u00e7in rahat\u00e7a \u00e7al\u0131\u015fabilirler, bu sayede i\u015fler hem sorunsuz bir \u015fekilde devam eder hem de h\u0131zl\u0131ca tamamlan\u0131r.<\/p>\n\n\n\n

Model<\/h3>\n\n\n\n

Uygulama i\u00e7erisindeki nesneler b\u00fct\u00fcn\u00fcne denir, bir veya bir\u00e7ok katmandan olu\u015fabilir. Verilerin taleplere g\u00f6re i\u015flenmesi bu katmanda ger\u00e7ekle\u015fir. \u00d6zetle b\u00fct\u00fcn veritaban\u0131 CRUD <\/strong>(create, read, update, delete) isteklerini kar\u015f\u0131layan katmand\u0131r.<\/p>\n\n\n\n

View<\/h3>\n\n\n\n

Taray\u0131c\u0131 taraf\u0131nda g\u00f6rebildi\u011fimiz gezinebildi\u011fimiz, etkile\u015fimde bulunabildi\u011fimiz ( kullan\u0131c\u0131 olu\u015fturma, yorum ekleme, form doldurma v.b) ve projeye ait ara y\u00fcz\u00fcn kendisine verilen add\u0131r. <\/p>\n\n\n\n

De\u011fi\u015fik platformlarda ( Pc, Mobil vs) \u00e7al\u0131\u015facak \u015fekilde tasarlanan web sitesinin d\u00fczenlendi\u011fi k\u0131s\u0131m bu alana girer. Projeye ait di\u011fer verilerden ve alanlardan ba\u011f\u0131ms\u0131z olarak, Frontend Developer bu i\u015f y\u00f6netim sisteminde sadece bu alan\u0131n geli\u015ftirilmesi i\u00e7in \u00e7al\u0131\u015facakt\u0131r.  <\/p>\n\n\n\n

Controller<\/h3>\n\n\n\n

 \u0130\u015f ak\u0131\u015f\u0131n\u0131 idare eden ve veri ak\u0131\u015f\u0131n\u0131 kontrol eden k\u0131s\u0131m buras\u0131d\u0131r. T\u00fcm i\u015flemleri controller yapar. Veri al\u0131\u015fveri\u015fleri, hesaplama ve izinler controller taraf\u0131ndan ger\u00e7ekle\u015ftirilir.<\/p>\n\n\n\n

 Taray\u0131c\u0131 \u00fczerinden olu\u015fturulacak bir istek Controller<\/strong>\u2019\u0131n kendisine verdi\u011fi izin \u00f6l\u00e7\u00fcs\u00fcnde modele ula\u015f\u0131r. Model ile veritaban\u0131 \u00fczerinde olu\u015fturulmak istenen de\u011fi\u015fiklik veya etkinin olu\u015fturulmas\u0131n\u0131 sa\u011flan\u0131r ve yap\u0131lan istek veya de\u011fi\u015fiklik ger\u00e7ekle\u015ftirilerek controller taraf\u0131ndan view da g\u00f6r\u00fcnt\u00fclenir. Bu i\u015f ak\u0131\u015f\u0131, d\u00f6ng\u00fc olarak s\u00fcrekli olarak devam eder.<\/p>\n\n\n\n

\"\"
\u0130\u015f ak\u0131\u015f d\u00f6ng\u00fcs\u00fc<\/figcaption><\/figure>\n\n\n\n

 Bu \u015fekilde olu\u015fturulan i\u015f modeli, kodlar\u0131n bir d\u00fczen dahilinde kay\u0131t edilip, birbirleri i\u00e7inde kar\u0131\u015fmas\u0131n\u0131 engeller. B\u00f6ylece spagetti kod denilen birbiri i\u00e7ine girmi\u015f ve kar\u0131\u015fm\u0131\u015f kod sorunlar\u0131 olu\u015fmam\u0131\u015f olur.<\/p>\n\n\n\n

 Ayn\u0131 zamanda g\u00fcvenlik sorunlar\u0131n\u0131n da \u00f6n\u00fcne ge\u00e7en bir \u00e7al\u0131\u015fma sistemdir. Son zamanlarda s\u0131k kullan\u0131lan \u00e7al\u0131\u015fma deseni olan MVC i\u015f ak\u0131\u015f g\u00f6rseli a\u015fa\u011f\u0131daki gibi olacakt\u0131r.  <\/p>\n\n\n\n

\"\"
MVC modeli i\u015f ak\u0131\u015f \u015femas\u0131<\/figcaption><\/figure>\n\n\n\n

T\u00fcm bunlar\u0131n haricinde WordPress gibi binlerce tema deste\u011fi sa\u011flayan CMS<\/strong> ( C<\/strong>ontent M<\/strong>anagement S<\/strong>ystem) gibi i\u00e7erik y\u00f6netim sistemleri veya haz\u0131r site \u00f6rnekleri kullan\u0131larak kendi ba\u015f\u0131n\u0131za hi\u00e7 bir kod bilgisine sahip olmadan web sitesi tasarlanabilmektedir. <\/p>\n\n\n\n

Konuyla ilgili haz\u0131r site olu\u015fturma makalesini<\/a> okuyarak siz de kendi web sitenizi tasarlayabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"

Bu yaz\u0131m\u0131zda size g\u00fcnl\u00fck hayatta bize rehberlik edip ho\u015f vakit ge\u00e7irmemizi sa\u011flayan, bir yandan haberlere ula\u015f\u0131p, di\u011fer yandan ba\u015fkalar\u0131yla etkile\u015fimde bulundu\u011fumuz web sitelerini \u015fekillendiren Web…<\/p>\n","protected":false},"author":16,"featured_media":5379,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[48],"tags":[],"class_list":["post-4973","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programlama"],"yoast_head":"\nWeb Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - 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\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - Niobe Hosting\" \/>\n<meta property=\"og:description\" content=\"Bu yaz\u0131m\u0131zda size g\u00fcnl\u00fck hayatta bize rehberlik edip ho\u015f vakit ge\u00e7irmemizi sa\u011flayan, bir yandan haberlere ula\u015f\u0131p, di\u011fer yandan ba\u015fkalar\u0131yla etkile\u015fimde bulundu\u011fumuz web sitelerini \u015fekillendiren Web...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/\" \/>\n<meta property=\"og:site_name\" content=\"Niobe Hosting\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-05T12:05:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-03T08:36:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Arif Uslu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arif Uslu\" \/>\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\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/\"},\"author\":{\"name\":\"Arif Uslu\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/494b0e09a5fb7a37403669461b1ad1f0\"},\"headline\":\"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir?\",\"datePublished\":\"2021-03-05T12:05:20+00:00\",\"dateModified\":\"2021-05-03T08:36:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/\"},\"wordCount\":2090,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/web-tasarimcisi.jpg\",\"articleSection\":[\"Programlama\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/\",\"name\":\"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - Niobe Hosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/web-tasarimcisi.jpg\",\"datePublished\":\"2021-03-05T12:05:20+00:00\",\"dateModified\":\"2021-05-03T08:36:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/web-tasarimcisi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/web-tasarimcisi.jpg\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/web-tasarimcisi-ve-web-gelistiricisi-nedir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir?\"}]},{\"@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\\\/494b0e09a5fb7a37403669461b1ad1f0\",\"name\":\"Arif Uslu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"caption\":\"Arif Uslu\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/ariphuslu\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/arifuslu\\\/\"],\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/author\\\/arifuslu\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - 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\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - Niobe Hosting","og_description":"Bu yaz\u0131m\u0131zda size g\u00fcnl\u00fck hayatta bize rehberlik edip ho\u015f vakit ge\u00e7irmemizi sa\u011flayan, bir yandan haberlere ula\u015f\u0131p, di\u011fer yandan ba\u015fkalar\u0131yla etkile\u015fimde bulundu\u011fumuz web sitelerini \u015fekillendiren Web...","og_url":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/","og_site_name":"Niobe Hosting","article_published_time":"2021-03-05T12:05:20+00:00","article_modified_time":"2021-05-03T08:36:30+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg","type":"image\/jpeg"}],"author":"Arif Uslu","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Arif Uslu","Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#article","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/"},"author":{"name":"Arif Uslu","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/494b0e09a5fb7a37403669461b1ad1f0"},"headline":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir?","datePublished":"2021-03-05T12:05:20+00:00","dateModified":"2021-05-03T08:36:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/"},"wordCount":2090,"commentCount":0,"publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg","articleSection":["Programlama"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/","url":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/","name":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir? - Niobe Hosting","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#primaryimage"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg","datePublished":"2021-03-05T12:05:20+00:00","dateModified":"2021-05-03T08:36:30+00:00","breadcrumb":{"@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#primaryimage","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/web-tasarimcisi.jpg","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/www.niobehosting.com\/blog\/web-tasarimcisi-ve-web-gelistiricisi-nedir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.niobehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Tasar\u0131mc\u0131s\u0131 ve Web Geli\u015ftiricisi Nedir?"}]},{"@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\/494b0e09a5fb7a37403669461b1ad1f0","name":"Arif Uslu","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","caption":"Arif Uslu"},"sameAs":["https:\/\/www.instagram.com\/ariphuslu\/","https:\/\/www.linkedin.com\/in\/arifuslu\/"],"url":"https:\/\/www.niobehosting.com\/blog\/author\/arifuslu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/4973","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=4973"}],"version-history":[{"count":0,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/4973\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media\/5379"}],"wp:attachment":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=4973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=4973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=4973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}