{"id":1415,"date":"2020-12-01T00:09:00","date_gmt":"2020-11-30T21:09:00","guid":{"rendered":"https:\/\/egegen.com\/blog\/?p=1415"},"modified":"2020-12-01T00:15:20","modified_gmt":"2020-11-30T21:15:20","slug":"web-tasarimi-nasil-ogrenilir","status":"publish","type":"post","link":"https:\/\/egegen.com\/blog\/web-tasarimi-nasil-ogrenilir\/","title":{"rendered":"Web Tasar\u0131m\u0131 Nas\u0131l \u00d6\u011frenilir?"},"content":{"rendered":"\n

G\u00fcn\u00fcm\u00fczde teknolojinin sa\u011flad\u0131\u011f\u0131 eri\u015fim kolayl\u0131\u011f\u0131, maliyet avantaj\u0131, h\u0131z gibi bir \u00e7ok nedenle art\u0131k her \u015fey m\u00fcmk\u00fcn oldu\u011funca online platformlara ta\u015f\u0131n\u0131yor. Haliyle hem kullan\u0131c\u0131lar hem de i\u015fletmeler bu mecrada yerini al\u0131yor. \u0130\u015fletmeler i\u00e7in bunun en efektif ve profesyonel yolu, iyi bir web sitesine sahip olmaktan ge\u00e7iyor. Hal b\u00f6yle olunca web tasar\u0131mc\u0131lara olan ihtiya\u00e7 ve dolay\u0131s\u0131yla talep artm\u0131\u015f durumda. Bir\u00e7ok gen\u00e7 tasar\u0131mc\u0131 da bu alana y\u00f6nelmek istiyor ve bu da bizi olduk\u00e7a \u00f6nemli iki soru ile kar\u015f\u0131 kar\u015f\u0131ya getiriyor;<\/p>\n\n\n\n

Web Tasar\u0131m\u0131 Nas\u0131l \u00d6\u011frenilir? Web Tasar\u0131m\u0131 \u00d6\u011frenmeye Nereden Ba\u015flan\u0131r? <\/h2>\n\n\n\n

Her \u015feyden \u00f6nce web tasar\u0131m\u0131 nedir? Neden yap\u0131l\u0131r? Bunlar\u0131 ve temel mesleki terimleri \u00f6\u011frenmek gerekir. Web tasar\u0131m\u0131<\/a> sadece kodlamadan ibaret de\u011fildir. Yaz\u0131l\u0131m dili (Java, CSS, HTML) biliyor olman\u0131z tabi ki harika bir avantajd\u0131r ancak ad\u0131 \u00fcst\u00fcnde yapaca\u011f\u0131m\u0131z \u015fey \u201ctasar\u0131m\u201d bunu kesinlikle akl\u0131n\u0131zdan \u00e7\u0131karmamal\u0131s\u0131n\u0131z. Web tasar\u0131mc\u0131lar\u0131n temel g\u00f6revi kullan\u0131c\u0131lar ve web sayfas\u0131ndaki i\u00e7erikler\/bilgiler aras\u0131ndaki ileti\u015fim sorunlar\u0131n\u0131 \u00e7\u00f6zmektir. Bunun i\u00e7in ne yapmal\u0131s\u0131n\u0131z?\u00a0<\/p>\n\n\n\n

  1. G\u00f6rsel tasar\u0131m\u0131n temel kurallar\u0131n\u0131 \u00f6\u011frenin.\u00a0<\/li>
  2. Layout(yerle\u015fim plan\u0131) tasar\u0131m\u0131n\u0131 \u00f6\u011frenin.<\/li>
  3. Temel etkile\u015fim tasar\u0131m\u0131 hakk\u0131nda bilgi sahibi olun.<\/li>
  4. Tasar\u0131mda renk \u00e7ok \u00f6nemlidir. Renklerin nerede ve nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 \u00f6\u011frenin.\u00a0<\/li>
  5. Web tasar\u0131m\u0131nda kullan\u0131lacak PS, XD gibi UI tasar\u0131m programlar\u0131ndan en az birini \u00e7ok iyi bilin.<\/li>
  6. Yaz\u0131l\u0131m dilinin temellerini \u00f6\u011frenin.<\/li>
  7. Web tasar\u0131m\u0131 yapaca\u011f\u0131n\u0131z firman\u0131n \u00fcr\u00fcnleri ve hedef m\u00fc\u015fteri kitlesi hakk\u0131nda bilgi sahibi olun.<\/li>
  8. SEO<\/a> hakk\u0131nda bilgi sahibi olun.<\/li>
  9. En az\u0131ndan bir front-end(\u00d6n y\u00fcz) geli\u015ftirici d\u00fczenleme programlar\u0131ndan birinde uzmanla\u015f\u0131n.\u00a0<\/li><\/ol>\n\n\n\n

    Tavsiye Edilen \u0130\u00e7erik: Yaz\u0131l\u0131m Nedir?<\/strong><\/a><\/p>\n\n\n\n

    Front-end Development (\u00d6ny\u00fcz Geli\u015ftirici)<\/strong><\/h2>\n\n\n\n

    Front-end kullan\u0131c\u0131lar\u0131n web sitenize t\u0131klad\u0131klar\u0131nda g\u00f6rd\u00fc\u011f\u00fc y\u00fcz, yani bir nevi vitrininizdir. Kullan\u0131c\u0131lar\u0131n \u00f6ny\u00fcz tasar\u0131m\u0131n\u0131 be\u011fenmesi ve kolayl\u0131kla kullanabilmesi \u00e7ok \u00f6nemlidir. Bunun i\u00e7in ilk \u00f6\u011frenmeniz gereken en \u00f6nemli \u00fc\u00e7 fakt\u00f6r; HTML, CSS ve JavaScript\u2019tir.<\/p>\n\n\n\n

    \"Font
    Front- end development<\/figcaption><\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    HTML ve CSS<\/h3>\n\n\n\n

    HTML ve CSS web tasar\u0131m kodlamas\u0131n\u0131n temel yap\u0131 ta\u015flar\u0131d\u0131r. Bunlar olmadan bir web sitesi i\u00e7in yapabilece\u011finiz tek \u015fey d\u00fcmd\u00fcz, bi\u00e7imlendirilmemi\u015f bir metin belgesi haz\u0131rlamak olabilir. HTML olmaks\u0131z\u0131n sayfaya tek bir resim bile ekleyemezsiniz. Ne kullan\u0131c\u0131lar ne de web sitesi sahipleri bu t\u00fcr bir web sitesi g\u00f6rmek istemezler. Bu nedenle web tasar\u0131m kariyerinize ba\u015flarken bu iki temel kodlama konusunda kesinlikle uzmanla\u015fmal\u0131s\u0131n\u0131z. Bu iki kodlaman\u0131n en g\u00fczel yan\u0131 ise sadece bunlar\u0131 bilerek temel web siteleri olu\u015fturmaya ba\u015flayabilecek olman\u0131z. B\u00f6ylece kendinizce web siteleri kurup pratikler yapmaya ba\u015flayabilirsiniz. JavaScript \u00f6\u011frenmeye ba\u015flad\u0131\u011f\u0131n\u0131zda da \u00fczerinde denemeler yapabilece\u011finiz bir web siteniz olmu\u015f olur. <\/p>\n\n\n\n

    HTML (Hyper Text Markup Language) T\u00fcrk\u00e7eye hiper metin i\u015faretleme dili olarak da \u00e7evrilebilir. Burada dil olarak ge\u00e7mesi sizi korkutmas\u0131n HTML bir programlama dili de\u011fil, arama motorlar\u0131na g\u00f6rsel web sayfas\u0131n\u0131n haz\u0131rlanmas\u0131nda yard\u0131mc\u0131 olan bir ara\u00e7t\u0131r. HTML kodu sayesinde arama motorlar\u0131 yaz\u0131 tipi, multimedya gibi i\u00e7eriklerin \u015feklini ve konumunu en do\u011fru bi\u00e7imde kullan\u0131c\u0131ya yans\u0131t\u0131r. <\/p>\n\n\n\n

    CSS(Cascading Style Sheets) ise Basamakland\u0131r\u0131lm\u0131\u015f Stil Katmanlar\u0131 olarak T\u00fcrk\u00e7ele\u015ftirilebilir. CSS bir tasar\u0131m dilidir renklendirme gibi \u00e7ok basit g\u00f6r\u00fcnen bir i\u015flem dahi CSS bilgisi olmadan yap\u0131lamaz, bu dile hakim olmadan web tasar\u0131m\u0131 yapabilmeniz neredeyse imkans\u0131zd\u0131r. CSS ayn\u0131 zamanda web sitenizin responsive tasar\u0131ma sahip olabilmesi i\u00e7in de \u00e7ok \u00f6nemli bir fakt\u00f6rd\u00fcr. <\/p>\n\n\n\n

    JavaScript<\/h3>\n\n\n\n

    JavaScript d\u00fcnyan\u0131n en yayg\u0131n kullan\u0131lan programlama dilidir. Web sitenizi canland\u0131rmak i\u00e7in olduk\u00e7a \u00f6nemli ve etkin bir y\u00f6ntemdir. JavaScript kullanarak web sitenize dinamik olarak g\u00fcncellenen i\u00e7erikler(\u00d6rne\u011fin ger\u00e7ek zamanl\u0131 olarak g\u00fcncellenen haritalar) olu\u015fturabilir, sitenizdeki multimedya dosyalar\u0131n\u0131 kontrol edebilir, g\u00f6r\u00fcnt\u00fcleri canland\u0131rabilir ve akl\u0131n\u0131za gelen web sitenizin dinamik olmas\u0131n\u0131 sa\u011flayacak bir\u00e7ok \u015feyi yapabilirsiniz. <\/p>\n\n\n\n

    Back-end Development(Arkaplan Geli\u015ftrici)<\/h2>\n\n\n\n
    \"Backend
    backend development<\/figcaption><\/figure>\n\n\n\n

    Back-end yaln\u0131zca web sitesinin geli\u015ftiricileri taraf\u0131ndan g\u00f6r\u00fcnt\u00fclenebilen, arama motoru vb. ara\u00e7larla web sitenize gelen ziyaret\u00e7ilerin g\u00f6r\u00fcnt\u00fcleyemedi\u011fi, web tasar\u0131mc\u0131s\u0131n\u0131n yapmak istedi\u011fi i\u015flemleri ger\u00e7ekle\u015ftirdi\u011fi k\u0131s\u0131md\u0131r. Bir web sitesi veya uygulaman\u0131n sunucu, veri taban\u0131 ve taray\u0131c\u0131 ile ileti\u015fimini sa\u011flayan her \u015feyi ifade eder. Peki Back-end developer olmak i\u00e7in bilmemiz gereken en \u00f6nemli fakt\u00f6rler neler? <\/p>\n\n\n\n

    PHP(Hypertext Preprocessor) <\/h3>\n\n\n\n

    PHP yayg\u0131n olarak kullan\u0131lan, di\u011fer kodlama dillerine nazaran kullan\u0131m\u0131 daha kolay bir kodlama dilidir. Web uygulamalar\u0131 ve dinamik web siteleri kurmak i\u00e7in HTML i\u00e7erisine g\u00f6m\u00fclerek de kullan\u0131labilir. PHP kullan\u0131c\u0131lardan form verilerini toplamak, \u015fifreli \u00fcye giri\u015fi yapmak, veri taban\u0131na data eklemek, \u00e7\u0131karmak, d\u00fczenlemek, \u00e7erezler kullanmak vb. ama\u00e7lar i\u00e7in kullan\u0131labilir. PHP kullan\u0131c\u0131larla etkile\u015fim halinde olman\u0131z\u0131 sa\u011flayabilece\u011finden olduk\u00e7a \u00f6nemli bir fakt\u00f6rd\u00fcr. <\/p>\n\n\n\n

    ASP.NET<\/h3>\n\n\n\n

    Microsoft taraf\u0131ndan geli\u015ftirilmi\u015f, PHP\u2019nin muadili diyebilece\u011fimiz bir programlama platformudur. ASP.NET fakl\u0131 t\u00fcrlerde uygulamalar olu\u015fturmak i\u00e7in kullan\u0131labilecek bir platformdur, i\u00e7erisinde geli\u015ftiriciler i\u00e7in ara\u00e7lar, programlama dilleri ve kitapl\u0131klar bar\u0131nd\u0131r\u0131r. En \u00f6nemli avantaj\u0131 rakiplerine g\u00f6re olduk\u00e7a h\u0131zl\u0131 ve g\u00fcvenli olmas\u0131d\u0131r. Bu nedenle kurumsal firmalar taraf\u0131ndan s\u0131kl\u0131kla tercih edilir.  <\/p>\n","protected":false},"excerpt":{"rendered":"

    G\u00fcn\u00fcm\u00fczde teknolojinin sa\u011flad\u0131\u011f\u0131 eri\u015fim kolayl\u0131\u011f\u0131, maliyet avantaj\u0131, h\u0131z gibi bir \u00e7ok nedenle art\u0131k her \u015fey m\u00fcmk\u00fcn oldu\u011funca online platformlara ta\u015f\u0131n\u0131yor. Haliyle hem kullan\u0131c\u0131lar hem de i\u015fletmeler bu mecrada yerini al\u0131yor. \u0130\u015fletmeler i\u00e7in bunun en efektif ve profesyonel yolu, iyi bir web sitesine sahip olmaktan ge\u00e7iyor. Hal b\u00f6yle olunca web tasar\u0131mc\u0131lara olan ihtiya\u00e7 ve dolay\u0131s\u0131yla talep …<\/p>\n","protected":false},"author":19,"featured_media":1416,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[174],"tags":[],"_links":{"self":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/1415"}],"collection":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/comments?post=1415"}],"version-history":[{"count":0,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/1415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media\/1416"}],"wp:attachment":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media?parent=1415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/categories?post=1415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/tags?post=1415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}