[{"data":1,"prerenderedAt":1180},["ShallowReactive",2],{"navigation":3,"categories":339,"/dersler/vue-js":349,"/dersler/vue-jsSubContents":577},[4,173,210,235],{"title":5,"path":6,"stem":7,"children":8,"page":102},"Dersler","/dersler","dersler",[9,103,116,137,146,155,164],{"title":10,"path":11,"stem":12,"children":13,"page":102},"Asp.Net Mvc","/dersler/asp-net-mvc","dersler/asp-net-mvc",[14,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94,98],{"title":15,"path":16,"stem":17},"Asp.Net Mvc – Ajax ile Üye Girişi – Üyelik Sistemi 2 (Asp.Net Mvc Yazı Dizisi – 21)","/dersler/asp-net-mvc/asp-net-mvc-ajax-ile-uye-girisi-uyelik-sistemi-2-asp-net-mvc-yazi-dizisi-21","dersler/asp-net-mvc/asp-net-mvc-ajax-ile-uye-girisi-uyelik-sistemi-2-asp-net-mvc-yazi-dizisi-21",{"title":19,"path":20,"stem":21},"Asp.Net Mvc - Code First ile Veritabanı İşlemleri 2 (Asp.Net Mvc Yazı Dizisi – 12)","/dersler/asp-net-mvc/asp-net-mvc-code-first-ile-veritabani-islemleri-2-asp-net-mvc-yazi-dizisi-12","dersler/asp-net-mvc/asp-net-mvc-code-first-ile-veritabani-islemleri-2-asp-net-mvc-yazi-dizisi-12",{"title":23,"path":24,"stem":25},"Asp.Net Mvc - Code First ile Veritabanı İşlemleri 1 - Proje Başlangıcı (Asp.Net Mvc Yazı Dizisi – 11)","/dersler/asp-net-mvc/asp-net-mvc-code-first-ile-veritabani-islemleri-proje-baslangici-asp-net-mvc-yazi-dizisi-11","dersler/asp-net-mvc/asp-net-mvc-code-first-ile-veritabani-islemleri-proje-baslangici-asp-net-mvc-yazi-dizisi-11",{"title":27,"path":28,"stem":29},"Asp.Net Mvc - Controller ve View İşlemleri 1 (Asp.Net Mvc Yazı Dizisi – 13)","/dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-1-asp-net-mvc-yazi-dizisi-13","dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-1-asp-net-mvc-yazi-dizisi-13",{"title":31,"path":32,"stem":33},"Asp.Net Mvc - Controller ve View İşlemleri 2 (Asp.Net Mvc Yazı Dizisi – 14)","/dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-2-asp-net-mvc-yazi-dizisi-14","dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-2-asp-net-mvc-yazi-dizisi-14",{"title":35,"path":36,"stem":37},"Asp.Net Mvc – Controller ve View İşlemleri 3 (Asp.Net Mvc Yazı Dizisi – 15)","/dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-3-asp-net-mvc-yazi-dizisi-15","dersler/asp-net-mvc/asp-net-mvc-controller-ve-view-islemleri-3-asp-net-mvc-yazi-dizisi-15",{"title":39,"path":40,"stem":41},"Asp.Net Mvc – Html Helper'ler (Asp.Net Mvc Yazı Dizisi – 16)","/dersler/asp-net-mvc/asp-net-mvc-html-helperler-asp-net-mvc-yazi-dizisi-16","dersler/asp-net-mvc/asp-net-mvc-html-helperler-asp-net-mvc-yazi-dizisi-16",{"title":43,"path":44,"stem":45},"Asp.Net Mvc – Html Helper'lerin For Takılı Kullanım Örnekleri 1 (Asp.Net Mvc Yazı Dizisi – 18)","/dersler/asp-net-mvc/asp-net-mvc-html-helperlerin-for-takili-kullanim-ornekleri-1-asp-net-mvc-yazi-dizisi-18","dersler/asp-net-mvc/asp-net-mvc-html-helperlerin-for-takili-kullanim-ornekleri-1-asp-net-mvc-yazi-dizisi-18",{"title":47,"path":48,"stem":49},"Asp.Net Mvc – Html Helper'lerin For Takılı Kullanım Örnekleri 2 (Asp.Net Mvc Yazı Dizisi – 19)","/dersler/asp-net-mvc/asp-net-mvc-html-helperlerin-for-takili-kullanim-ornekleri-2-asp-net-mvc-yazi-dizisi-19","dersler/asp-net-mvc/asp-net-mvc-html-helperlerin-for-takili-kullanim-ornekleri-2-asp-net-mvc-yazi-dizisi-19",{"title":51,"path":52,"stem":53},"Asp.Net Mvc Layout Sayfaları (Asp.Net Mvc Yazı Dizisi – 4)","/dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-asp-net-mvc-yazi-dizisi-4","dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-asp-net-mvc-yazi-dizisi-4",{"title":55,"path":56,"stem":57},"Asp.Net Mvc Layout Sayfaları - Partial View (Asp.Net Mvc Yazı Dizisi – 7)","/dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-partial-view-asp-net-mvc-yazi-dizisi-7","dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-partial-view-asp-net-mvc-yazi-dizisi-7",{"title":59,"path":60,"stem":61},"Asp.Net Mvc Layout Sayfaları - Render Page (Asp.Net Mvc Yazı Dizisi – 6)","/dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-render-page-asp-net-mvc-yazi-dizisi-6","dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-render-page-asp-net-mvc-yazi-dizisi-6",{"title":63,"path":64,"stem":65},"Asp.Net Mvc Layout Sayfaları - Render Section (Asp.Net Mvc Yazı Dizisi – 5)","/dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-render-section-asp-net-mvc-yazi-dizisi-5","dersler/asp-net-mvc/asp-net-mvc-layout-sayfalari-render-section-asp-net-mvc-yazi-dizisi-5",{"title":67,"path":68,"stem":69},"Asp.Net Mvc Nedir? (Asp.Net Mvc Yazı Dizisi - 1)","/dersler/asp-net-mvc/asp-net-mvc-nedir-asp-net-mvc-yazi-dizisi-1","dersler/asp-net-mvc/asp-net-mvc-nedir-asp-net-mvc-yazi-dizisi-1",{"title":71,"path":72,"stem":73},"Asp.Net Mvc Razor View Engine Bölüm 1 (Asp.Net Mvc Yazı Dizisi – 8)","/dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-1-asp-net-mvc-yazi-dizisi-8","dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-1-asp-net-mvc-yazi-dizisi-8",{"title":75,"path":76,"stem":77},"Asp.Net Mvc Razor View Engine Bölüm 2 (Asp.Net Mvc Yazı Dizisi – 9)","/dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-2-asp-net-mvc-yazi-dizisi-9","dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-2-asp-net-mvc-yazi-dizisi-9",{"title":79,"path":80,"stem":81},"Asp.Net Mvc Razor View Engine Bölüm 3 (Asp.Net Mvc Yazı Dizisi – 10)","/dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-3-asp-net-mvc-yazi-dizisi-10","dersler/asp-net-mvc/asp-net-mvc-razor-view-engine-bolum-3-asp-net-mvc-yazi-dizisi-10",{"title":83,"path":84,"stem":85},"Asp.Net Mvc Routing Mekanizması ve Mvc 5 ile Gelen Yenilikler","/dersler/asp-net-mvc/asp-net-mvc-routing-mekanizmasi-ve-mvc-5-ile-gelen-yenilikler","dersler/asp-net-mvc/asp-net-mvc-routing-mekanizmasi-ve-mvc-5-ile-gelen-yenilikler",{"title":87,"path":88,"stem":89},"Asp.Net Mvc – Web Helper'ler (Asp.Net Mvc Yazı Dizisi – 17)","/dersler/asp-net-mvc/asp-net-mvc-web-helperler-asp-net-mvc-yazi-dizisi-17","dersler/asp-net-mvc/asp-net-mvc-web-helperler-asp-net-mvc-yazi-dizisi-17",{"title":91,"path":92,"stem":93},"Asp.Net Mvc – Yeni Üye Kaydı ve Dosya Yükleme - Üyelik Sistemi 1 (Asp.Net Mvc Yazı Dizisi – 20)","/dersler/asp-net-mvc/asp-net-mvc-yeni-uye-kaydi-ve-dosya-yukleme-uyelik-sistemi-1-asp-net-mvc-yazi-dizisi-20","dersler/asp-net-mvc/asp-net-mvc-yeni-uye-kaydi-ve-dosya-yukleme-uyelik-sistemi-1-asp-net-mvc-yazi-dizisi-20",{"title":95,"path":96,"stem":97},"Asp.Net Mvc'nin Avantajları (Asp.Net Mvc Yazı Dizisi – 2)","/dersler/asp-net-mvc/asp-net-mvcnin-avantajlari-asp-net-mvc-yazi-dizisi-2","dersler/asp-net-mvc/asp-net-mvcnin-avantajlari-asp-net-mvc-yazi-dizisi-2",{"title":99,"path":100,"stem":101},"İlk Asp.Net Mvc Projesinin Oluşturulması (Asp.Net Mvc Yazı Dizisi – 3)","/dersler/asp-net-mvc/ilk-asp-net-mvc-projesinin-olusturulmasi-asp-net-mvc-yazi-dizisi-3","dersler/asp-net-mvc/ilk-asp-net-mvc-projesinin-olusturulmasi-asp-net-mvc-yazi-dizisi-3",false,{"title":104,"path":105,"stem":106,"children":107,"page":102},"Javascript","/dersler/javascript","dersler/javascript",[108,112],{"title":109,"path":110,"stem":111},"Jquery'den Yalın Javascript (Vanilla Js)'e Geçiş","/dersler/javascript/jqueryden-yalin-javascript-vanilla-jse-gecis","dersler/javascript/jqueryden-yalin-javascript-vanilla-jse-gecis",{"title":113,"path":114,"stem":115},"Object Oriented (Nesne Yönelimli) Javascript Programlama","/dersler/javascript/object-oriented-nesne-yonelimli-javascript-programlama","dersler/javascript/object-oriented-nesne-yonelimli-javascript-programlama",{"title":117,"path":118,"stem":119,"children":120,"page":102},"Orchard Cms","/dersler/orchard-cms","dersler/orchard-cms",[121,125,129,133],{"title":122,"path":123,"stem":124},"Orchard Project Nedir? (Orchard Cms Seri - 1)","/dersler/orchard-cms/orchard-project-nedir-orchard-cms-seri-1","dersler/orchard-cms/orchard-project-nedir-orchard-cms-seri-1",{"title":126,"path":127,"stem":128},"Orchard – Visual Studio ile Kurulumu? (Orchard Cms Seri – 3)","/dersler/orchard-cms/orchard-visual-studio-ile-kurulumu-orchard-cms-seri-3","dersler/orchard-cms/orchard-visual-studio-ile-kurulumu-orchard-cms-seri-3",{"title":130,"path":131,"stem":132},"Orchard - Web Matrix ile Kurulumu? (Orchard Cms Seri – 2)","/dersler/orchard-cms/orchard-web-matrix-kurulumu-orchard-cms-seri-2","dersler/orchard-cms/orchard-web-matrix-kurulumu-orchard-cms-seri-2",{"title":134,"path":135,"stem":136},"Orchard'ı Türkçeleştirme (Türkçe Dil Dosyaları Mevcut)","/dersler/orchard-cms/orchardi-turkcelestirme-turkce-dil-dosyalari","dersler/orchard-cms/orchardi-turkcelestirme-turkce-dil-dosyalari",{"title":138,"path":139,"stem":140,"children":141,"page":102},"RequireJs","/dersler/requirejs","dersler/requirejs",[142],{"title":143,"path":144,"stem":145},"RequireJs Nedir? (RequireJs ile Modüler JavaScript Programlama)","/dersler/requirejs/requirejs-nedir-requirejs-ile-moduler-javascript-programlama-1","dersler/requirejs/requirejs-nedir-requirejs-ile-moduler-javascript-programlama-1",{"title":147,"path":148,"stem":149,"children":150,"page":102},"Three.js ile WebGL","/dersler/three-js-ile-webgl","dersler/three-js-ile-webgl",[151],{"title":152,"path":153,"stem":154},"WebGL Nedir? (Three.js ile WebGL)","/dersler/three-js-ile-webgl/webgl-nedir-three-js-ile-webgl-1","dersler/three-js-ile-webgl/webgl-nedir-three-js-ile-webgl-1",{"title":156,"path":157,"stem":158,"children":159,"page":102},"Vue.js","/dersler/vue-js","dersler/vue-js",[160],{"title":161,"path":162,"stem":163},"Vue.js Nedir?","/dersler/vue-js/vue-js-nedir","dersler/vue-js/vue-js-nedir",{"title":165,"path":166,"stem":167,"children":168,"page":102},"Yazılım Mimarisi","/dersler/yazilim-mimarisi","dersler/yazilim-mimarisi",[169],{"title":170,"path":171,"stem":172},"Kurumsal Web Uygulamaları Geliştirme","/dersler/yazilim-mimarisi/kurumsal-web-uygulamalari-gelistirme","dersler/yazilim-mimarisi/kurumsal-web-uygulamalari-gelistirme",{"title":174,"path":175,"stem":176,"children":177,"page":102},"Duyurular","/duyurular","duyurular",[178,182,186,190,194,198,202,206],{"title":179,"path":180,"stem":181},"Asp.Net vNext ve Visual Studio 14","/duyurular/asp-net-vnext-ve-visual-studio-14","duyurular/asp-net-vnext-ve-visual-studio-14",{"title":183,"path":184,"stem":185},"Nop Commerce 3.20 Sürümü Çıktı","/duyurular/nop-commerce-3-20-surumu-cikti","duyurular/nop-commerce-3-20-surumu-cikti",{"title":187,"path":188,"stem":189},"Nop Commerce 3.30 Yenilikleri","/duyurular/nop-commerce-3-30-yenilikleri","duyurular/nop-commerce-3-30-yenilikleri",{"title":191,"path":192,"stem":193},"TypeScript Final Sürümüne Ulaştı","/duyurular/typescript-final-surumune-ulasti","duyurular/typescript-final-surumune-ulasti",{"title":195,"path":196,"stem":197},"Visual Studio 2013 Update 1 Final Çıktı","/duyurular/visual-studio-2013-update-1-final-cikti","duyurular/visual-studio-2013-update-1-final-cikti",{"title":199,"path":200,"stem":201},"Visual Studio 2013 Update 2 Final Çıktı","/duyurular/visual-studio-2013-update-2-final-cikti","duyurular/visual-studio-2013-update-2-final-cikti",{"title":203,"path":204,"stem":205},"Visual Studio 2013 Update 3 Final Çıktı","/duyurular/visual-studio-2013-update-3-final-cikti","duyurular/visual-studio-2013-update-3-final-cikti",{"title":207,"path":208,"stem":209},"Wordpress 3.8.1 Sürümü Çıktı","/duyurular/wordpress-3-8-1-surumu-cikti","duyurular/wordpress-3-8-1-surumu-cikti",{"title":211,"path":212,"stem":213,"children":214,"page":102},"Geliştirmelerim","/gelistirmelerim","gelistirmelerim",[215,219,223,227,231],{"title":216,"path":217,"stem":218},"ChatGPT Arayüz Projesi","/gelistirmelerim/chatgpt-arayuz","gelistirmelerim/chatgpt-arayuz",{"title":220,"path":221,"stem":222},"Orchard Bootstrap Eklentisi","/gelistirmelerim/orchard-bootstrap-eklentisi","gelistirmelerim/orchard-bootstrap-eklentisi",{"title":224,"path":225,"stem":226},"Orchard Localized Layer Eklentisi","/gelistirmelerim/orchard-localized-layer-eklentisi","gelistirmelerim/orchard-localized-layer-eklentisi",{"title":228,"path":229,"stem":230},"Orchard Responsive Flex Slider Eklentisi","/gelistirmelerim/orchard-responsive-flex-slider-eklentisi","gelistirmelerim/orchard-responsive-flex-slider-eklentisi",{"title":232,"path":233,"stem":234},"Vue.js Token Eklentisi","/gelistirmelerim/vue-js-token-eklentisi","gelistirmelerim/vue-js-token-eklentisi",{"title":236,"path":237,"stem":238,"children":239,"page":102},"İpuçları","/ipuclari","ipuclari",[240,249,258,266,275,284,292,309,317,330],{"title":241,"path":242,"stem":243,"children":244,"page":102},"Apache Cordova","/ipuclari/apache-cordova","ipuclari/apache-cordova",[245],{"title":246,"path":247,"stem":248},"Visual Studio'da Cordova Intellisense Aktif Etme","/ipuclari/apache-cordova/visual-studioda-cordova-intellisense-aktif-etme","ipuclari/apache-cordova/visual-studioda-cordova-intellisense-aktif-etme",{"title":250,"path":251,"stem":252,"children":253,"page":102},"Apache Server","/ipuclari/apache-server","ipuclari/apache-server",[254],{"title":255,"path":256,"stem":257},"Apache Sunucularda Açılış Sayfasını Değiştirmek","/ipuclari/apache-server/apache-sunucularda-acilis-sayfasini-degistirmek","ipuclari/apache-server/apache-sunucularda-acilis-sayfasini-degistirmek",{"title":10,"path":259,"stem":260,"children":261,"page":102},"/ipuclari/asp-net-mvc","ipuclari/asp-net-mvc",[262],{"title":263,"path":264,"stem":265},"Class Library Projelerine Razor Intellisense Desteği Eklemek","/ipuclari/asp-net-mvc/class-library-projelerine-razor-intellisense-destegi-eklemek","ipuclari/asp-net-mvc/class-library-projelerine-razor-intellisense-destegi-eklemek",{"title":267,"path":268,"stem":269,"children":270,"page":102},"Asp.Net Web Api","/ipuclari/asp-net-web-api","ipuclari/asp-net-web-api",[271],{"title":272,"path":273,"stem":274},"Asp.Net Web Api Dosya İndirme","/ipuclari/asp-net-web-api/asp-net-web-api-dosya-indirme","ipuclari/asp-net-web-api/asp-net-web-api-dosya-indirme",{"title":276,"path":277,"stem":278,"children":279,"page":102},"IIS","/ipuclari/iis","ipuclari/iis",[280],{"title":281,"path":282,"stem":283},"Visual Studio IIS Express Yüksek Cpu Kullanımı Sorunu","/ipuclari/iis/visual-studio-iis-express-yuksek-cpu-kullanimi-sorunu","ipuclari/iis/visual-studio-iis-express-yuksek-cpu-kullanimi-sorunu",{"title":104,"path":285,"stem":286,"children":287,"page":102},"/ipuclari/javascript","ipuclari/javascript",[288],{"title":289,"path":290,"stem":291},"Jquery width() - innerWidth() - outerWidth() Farkları","/ipuclari/javascript/jquery-width-innerwidth-outerwidth-farklari","ipuclari/javascript/jquery-width-innerwidth-outerwidth-farklari",{"title":293,"path":294,"stem":295,"children":296,"page":102},"Nop Commerce","/ipuclari/nop-commerce","ipuclari/nop-commerce",[297,301,305],{"title":298,"path":299,"stem":300},"Nop Commerce Eklentilerinde Kullanıcı Yetkilendirmesi","/ipuclari/nop-commerce/nop-commerce-eklenti-kullanici-yetkilendirmesi","ipuclari/nop-commerce/nop-commerce-eklenti-kullanici-yetkilendirmesi",{"title":302,"path":303,"stem":304},"Nop Commerce Eklenti Yazımında Intelli Sense Sorununu Düzeltme","/ipuclari/nop-commerce/nop-commerce-eklenti-yaziminda-intelli-sense-sorununu-duzeltme","ipuclari/nop-commerce/nop-commerce-eklenti-yaziminda-intelli-sense-sorununu-duzeltme",{"title":306,"path":307,"stem":308},"Nop Commerce Widget Konum Listesi","/ipuclari/nop-commerce/nop-commerce-widget-konum-listesi","ipuclari/nop-commerce/nop-commerce-widget-konum-listesi",{"title":117,"path":310,"stem":311,"children":312,"page":102},"/ipuclari/orchard-cms","ipuclari/orchard-cms",[313],{"title":314,"path":315,"stem":316},"Orchard 1.7.x Sürümlerinde Intellisense Hatasını Giderme","/ipuclari/orchard-cms/orchard-1-7-x-surumlerinde-intellisense-hatasini-giderme","ipuclari/orchard-cms/orchard-1-7-x-surumlerinde-intellisense-hatasini-giderme",{"title":318,"path":319,"stem":320,"children":321,"page":102},"Wordpress","/ipuclari/wordpress","ipuclari/wordpress",[322,326],{"title":323,"path":324,"stem":325},"Word Press Ftp Bilgisi Sormama Ayarı","/ipuclari/wordpress/word-press-ftp-bilgisi-sormama-ayari","ipuclari/wordpress/word-press-ftp-bilgisi-sormama-ayari",{"title":327,"path":328,"stem":329},"Wordpress Sidebar Meta - Wordpress.org Linkini Silme","/ipuclari/wordpress/wordpress-sidebar-meta-wordpress-org-linkini-silme","ipuclari/wordpress/wordpress-sidebar-meta-wordpress-org-linkini-silme",{"title":331,"path":332,"stem":333,"children":334,"page":102},"Xampp","/ipuclari/xampp","ipuclari/xampp",[335],{"title":336,"path":337,"stem":338},"Xampp Tüm Sürüm Listesi","/ipuclari/xampp/xampp-tum-surum-listesi","ipuclari/xampp/xampp-tum-surum-listesi",[340,357,368,379,390,401,412,423,434,445,456,467,478,489,500,511,522,533,544,555,566],{"id":341,"title":5,"body":342,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":351,"navigation":352,"path":353,"seo":354,"stem":355,"__hash__":356},"posts/dersler/.navigation.md",{"type":343,"value":344,"toc":345},"minimark",[],{"title":346,"searchDepth":347,"depth":347,"links":348},"",2,[],null,"md",{},true,"/dersler/.navigation",{"title":5,"description":346},"dersler/.navigation","Yo_9ZJtmvgLHf17cAHzvT06H3T1Ets_s-roHMTl3ZYI",{"id":358,"title":10,"body":359,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":363,"navigation":352,"path":364,"seo":365,"stem":366,"__hash__":367},"posts/dersler/asp-net-mvc/.navigation.md",{"type":343,"value":360,"toc":361},[],{"title":346,"searchDepth":347,"depth":347,"links":362},[],{},"/dersler/asp-net-mvc/.navigation",{"title":10,"description":346},"dersler/asp-net-mvc/.navigation","PTvSN66cD4508L31HdyDUIhOskLEnya90TKHQjGo994",{"id":369,"title":104,"body":370,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":374,"navigation":352,"path":375,"seo":376,"stem":377,"__hash__":378},"posts/dersler/javascript/.navigation.md",{"type":343,"value":371,"toc":372},[],{"title":346,"searchDepth":347,"depth":347,"links":373},[],{},"/dersler/javascript/.navigation",{"title":104,"description":346},"dersler/javascript/.navigation","bUttamdS6EWYvmoedNpErrdL_02OT9K6sHHmAD5kdXE",{"id":380,"title":117,"body":381,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":385,"navigation":352,"path":386,"seo":387,"stem":388,"__hash__":389},"posts/dersler/orchard-cms/.navigation.md",{"type":343,"value":382,"toc":383},[],{"title":346,"searchDepth":347,"depth":347,"links":384},[],{},"/dersler/orchard-cms/.navigation",{"title":117,"description":346},"dersler/orchard-cms/.navigation","vf9ZQxf2YUpNSH09JkDW8B80DJ8dutrwo13pM-L1naU",{"id":391,"title":138,"body":392,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":396,"navigation":352,"path":397,"seo":398,"stem":399,"__hash__":400},"posts/dersler/requirejs/.navigation.md",{"type":343,"value":393,"toc":394},[],{"title":346,"searchDepth":347,"depth":347,"links":395},[],{},"/dersler/requirejs/.navigation",{"title":138,"description":346},"dersler/requirejs/.navigation","3ee9nRLCD2baXpsVn9PyDaAus4--JiF-l-veIDcdruM",{"id":402,"title":147,"body":403,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":407,"navigation":352,"path":408,"seo":409,"stem":410,"__hash__":411},"posts/dersler/three-js-ile-webgl/.navigation.md",{"type":343,"value":404,"toc":405},[],{"title":346,"searchDepth":347,"depth":347,"links":406},[],{},"/dersler/three-js-ile-webgl/.navigation",{"title":147,"description":346},"dersler/three-js-ile-webgl/.navigation","nUfb_DUlupidc2LBy3L_59z47x2BhJi1-L6Ri78gMMI",{"id":413,"title":156,"body":414,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":418,"navigation":352,"path":419,"seo":420,"stem":421,"__hash__":422},"posts/dersler/vue-js/.navigation.md",{"type":343,"value":415,"toc":416},[],{"title":346,"searchDepth":347,"depth":347,"links":417},[],{},"/dersler/vue-js/.navigation",{"title":156,"description":346},"dersler/vue-js/.navigation","sM919oShzUaKXtAu2t6UxThzxjp88FIpEiCBtqjgMfM",{"id":424,"title":165,"body":425,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":429,"navigation":352,"path":430,"seo":431,"stem":432,"__hash__":433},"posts/dersler/yazilim-mimarisi/.navigation.md",{"type":343,"value":426,"toc":427},[],{"title":346,"searchDepth":347,"depth":347,"links":428},[],{},"/dersler/yazilim-mimarisi/.navigation",{"title":165,"description":346},"dersler/yazilim-mimarisi/.navigation","VaeC5tLP3Enl4njeu0Cen-C_KmQabvKhw7PxK_bMbAw",{"id":435,"title":174,"body":436,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":440,"navigation":352,"path":441,"seo":442,"stem":443,"__hash__":444},"posts/duyurular/.navigation.md",{"type":343,"value":437,"toc":438},[],{"title":346,"searchDepth":347,"depth":347,"links":439},[],{},"/duyurular/.navigation",{"title":174,"description":346},"duyurular/.navigation","4rzF9u-0UF1wDFh1PaKOGlrl47vkJ-eGm2YLWTQsWB8",{"id":446,"title":211,"body":447,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":451,"navigation":352,"path":452,"seo":453,"stem":454,"__hash__":455},"posts/gelistirmelerim/.navigation.md",{"type":343,"value":448,"toc":449},[],{"title":346,"searchDepth":347,"depth":347,"links":450},[],{},"/gelistirmelerim/.navigation",{"title":211,"description":346},"gelistirmelerim/.navigation","-rbnagzfm7EAv-3Wbx2RtTpnuOsf7PhFd1k8HWymFJs",{"id":457,"title":236,"body":458,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":462,"navigation":352,"path":463,"seo":464,"stem":465,"__hash__":466},"posts/ipuclari/.navigation.md",{"type":343,"value":459,"toc":460},[],{"title":346,"searchDepth":347,"depth":347,"links":461},[],{},"/ipuclari/.navigation",{"title":236,"description":346},"ipuclari/.navigation","zi0IIAkH6byWTX1v0PQqvoJGIN-QOgZPuFh46B3-Hbs",{"id":468,"title":241,"body":469,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":473,"navigation":352,"path":474,"seo":475,"stem":476,"__hash__":477},"posts/ipuclari/apache-cordova/.navigation.md",{"type":343,"value":470,"toc":471},[],{"title":346,"searchDepth":347,"depth":347,"links":472},[],{},"/ipuclari/apache-cordova/.navigation",{"title":241,"description":346},"ipuclari/apache-cordova/.navigation","XB8Y86jOhcbmfazjiAHT9ZBlLm-ELG_56cMZdlgVDeg",{"id":479,"title":250,"body":480,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":484,"navigation":352,"path":485,"seo":486,"stem":487,"__hash__":488},"posts/ipuclari/apache-server/.navigation.md",{"type":343,"value":481,"toc":482},[],{"title":346,"searchDepth":347,"depth":347,"links":483},[],{},"/ipuclari/apache-server/.navigation",{"title":250,"description":346},"ipuclari/apache-server/.navigation","nz2-tvhAoLZq5JoofxrB1Vce1Y0ZJxM5-aJy4UGGMBE",{"id":490,"title":10,"body":491,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":495,"navigation":352,"path":496,"seo":497,"stem":498,"__hash__":499},"posts/ipuclari/asp-net-mvc/.navigation.md",{"type":343,"value":492,"toc":493},[],{"title":346,"searchDepth":347,"depth":347,"links":494},[],{},"/ipuclari/asp-net-mvc/.navigation",{"title":10,"description":346},"ipuclari/asp-net-mvc/.navigation","yIDoFpgOrvcNkVOqKxihtoYUeqvtYWjqHMCSbvyyBM8",{"id":501,"title":267,"body":502,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":506,"navigation":352,"path":507,"seo":508,"stem":509,"__hash__":510},"posts/ipuclari/asp-net-web-api/.navigation.md",{"type":343,"value":503,"toc":504},[],{"title":346,"searchDepth":347,"depth":347,"links":505},[],{},"/ipuclari/asp-net-web-api/.navigation",{"title":267,"description":346},"ipuclari/asp-net-web-api/.navigation","lAXXpFakou4QFVT0fsneP_g0umpUlY7pPiW3AUj0iIg",{"id":512,"title":276,"body":513,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":517,"navigation":352,"path":518,"seo":519,"stem":520,"__hash__":521},"posts/ipuclari/iis/.navigation.md",{"type":343,"value":514,"toc":515},[],{"title":346,"searchDepth":347,"depth":347,"links":516},[],{},"/ipuclari/iis/.navigation",{"title":276,"description":346},"ipuclari/iis/.navigation","zl9qxvnrSEksXoGXqf4t3nm5q4tAsAUoQZN7O2Pj6l8",{"id":523,"title":104,"body":524,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":528,"navigation":352,"path":529,"seo":530,"stem":531,"__hash__":532},"posts/ipuclari/javascript/.navigation.md",{"type":343,"value":525,"toc":526},[],{"title":346,"searchDepth":347,"depth":347,"links":527},[],{},"/ipuclari/javascript/.navigation",{"title":104,"description":346},"ipuclari/javascript/.navigation","l3NHgRo-FsSkV-HcqIpwTPoxjwyiA_Er6lWUBa_iyKU",{"id":534,"title":293,"body":535,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":539,"navigation":352,"path":540,"seo":541,"stem":542,"__hash__":543},"posts/ipuclari/nop-commerce/.navigation.md",{"type":343,"value":536,"toc":537},[],{"title":346,"searchDepth":347,"depth":347,"links":538},[],{},"/ipuclari/nop-commerce/.navigation",{"title":293,"description":346},"ipuclari/nop-commerce/.navigation","J3gbuZvYk7B3_EWUoYX4qmWCvGsfciErCs_DkpZS3o4",{"id":545,"title":117,"body":546,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":550,"navigation":352,"path":551,"seo":552,"stem":553,"__hash__":554},"posts/ipuclari/orchard-cms/.navigation.md",{"type":343,"value":547,"toc":548},[],{"title":346,"searchDepth":347,"depth":347,"links":549},[],{},"/ipuclari/orchard-cms/.navigation",{"title":117,"description":346},"ipuclari/orchard-cms/.navigation","emBSh7WkN8FUKMOnKi3efkXnJMctE9nz-z5apX2Nk28",{"id":556,"title":318,"body":557,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":561,"navigation":352,"path":562,"seo":563,"stem":564,"__hash__":565},"posts/ipuclari/wordpress/.navigation.md",{"type":343,"value":558,"toc":559},[],{"title":346,"searchDepth":347,"depth":347,"links":560},[],{},"/ipuclari/wordpress/.navigation",{"title":318,"description":346},"ipuclari/wordpress/.navigation","se7piGHmA3YAlKnPNPqIRhyiTc-1cdlxvCE_WChWiNs",{"id":567,"title":331,"body":568,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":572,"navigation":352,"path":573,"seo":574,"stem":575,"__hash__":576},"posts/ipuclari/xampp/.navigation.md",{"type":343,"value":569,"toc":570},[],{"title":346,"searchDepth":347,"depth":347,"links":571},[],{},"/ipuclari/xampp/.navigation",{"title":331,"description":346},"ipuclari/xampp/.navigation","-Eggmae4KDrGpf_pbmsKkFN0yO5CtVI5ak5TYdCiNwI",[578,585],{"id":413,"title":156,"body":579,"coverImage":349,"createDate":349,"description":346,"extension":350,"meta":583,"navigation":352,"path":419,"seo":584,"stem":421,"__hash__":422},{"type":343,"value":580,"toc":581},[],{"title":346,"searchDepth":347,"depth":347,"links":582},[],{},{"title":156,"description":346},{"id":586,"title":161,"body":587,"coverImage":1175,"createDate":1176,"description":599,"extension":350,"meta":1177,"navigation":352,"path":162,"seo":1178,"stem":163,"__hash__":1179},"posts/dersler/vue-js/vue-js-nedir.md",{"type":343,"value":588,"toc":1173},[589,593,600,603,606,609,614,639,644,647,654,660,665,671,678,681,695,698,705,710,716,719,722,727,734,737,740,1046,1049,1155,1163,1166,1169],[590,591,161],"h1",{"id":592},"vuejs-nedir",[594,595,596],"p",{},[597,598,599],"strong",{},"Merhaba Arkadaşlar,",[594,601,602],{},"Bugüne kadar Javascript dünyasından pek çok framework geldi geçti. Piyasa o kadar hızlı bir dönüşümde ki piyasa hızına\nyetişmek gerçekten oldukça yorucu bir süreç halini alabiliyor. Ancak bütün bu framework'ler belirli dünya ihtiyaçlarına\ngöre belirleniyor. Biz de bugün son dönemlerin popüler framework'ü olan Vue.js hakkında konuşacağız.",[594,604,605],{},"Vue.js Şubat 2014 tarihinde, eski bir Google çalışanı olan Evan You tarafından geliştirildi. Kendisi aynı zamanda\nAngular.js 1 geliştirici ekibindendi. Kendisinin Angular.js'de eksik gördüğü yönleri de kapatarak, böyle bir framework\nortaya çıkardı. Daha önce Angular.js ile çalışan kişiler, aralarındaki bazı benzerlikleri (v-if gibi) farkedeceklerdir.",[594,607,608],{},"3 yılda ciddi bir gelişim gösteren framework, Github'da 80bin civarı yıldıza sahip, bu da onun popülerliğini gösteriyor.\nŞu an arkasında büyük bir firma olmasa da proje çok düzgün bir şekilde ilerliyor.",[594,610,611],{},[597,612,613],{},"AVANTAJLARI",[615,616,617,621,624,627,630,633,636],"ul",{},[618,619,620],"li",{},"Saf javascript kullanılması. Bu elbette kişilerin tercihine bağlı bir durum. Ancak frontend developer'ların hepsi\nTypescript, Coffescript bilemezken, Javascript biliyor olacaklardır. Bu da aradaki uyumu arttıracaktır.",[618,622,623],{},"Hafif bir script olması. İster büyük mimarilerde kullanın, isterseniz tek bir sayfada kullanın. Tek bir dosyayı\nsayfaya ekleyerek hemen kullanmaya başlayabilirsiniz. (Örn. Angular'da belirli yapılandırmalar gerekmektedir.)",[618,625,626],{},"Virtual dom kullanması. Virtual dom, react tarafından kullanılmış bir özelliktir. Avantajı ise değişikller yapıldıkça,\ndoğrudan dom'un değil, memory'deki dom'un clone'nin güncellenmesi ve aradaki farkların uygun zamanda gerçek dom'a\nyansıtılmasıdır. (Angular'da Virtual dom yoktur.)",[618,628,629],{},"Performasının çok iyi olması. (Aşağıda detaylı bir performans testi mevcuttur.)",[618,631,632],{},"Öğrenim eğrisinin kesinlikle az olması. Diğer framework'lerle kıyaslandığında gerçekten kullanması oldukça kolay.",[618,634,635],{},"Basit Javascript objeleriyle çalışması. Bunun avantajı dışarıdan yapılacak müdahelelerin sistemde çalışması. Yani\ndiğer framework'lerdeki gibi wrapper'lara ya da trigger'lara ihtiyaç duymaması.",[618,637,638],{},"Geniş framework ve library desteği.Mobil hybrid geliştirmesi için Quasar Framework'ü, mobil native için Weex'i kullanabilirsiniz. Bunun gibi daha pek çok içeriğe sahiptir.",[594,640,641],{},[597,642,643],{},"PERFORMANS FARKLARI",[594,645,646],{},"Performans anlamında diğer framework'lerle kıyaslama yapıldığında, en üst performansa sahip framework olarak görünüyor.",[594,648,649],{},[650,651],"img",{"alt":652,"src":653},"Performans tablosu 1","/images/2018/01/Ekran-Alintisi.png",[594,655,656],{},[650,657],{"alt":658,"src":659},"Performans tablosu 2","/images/2018/01/Ekran-Alintisi-1.png",[594,661,662],{},[597,663,664],{},"COMPONENT MİMARİ",[594,666,667],{},[650,668],{"alt":669,"src":670},"logo","/images/2018/01/puzzle-icon-28364-150x150.jpg",[594,672,673,674,677],{},"Son dönem Javascript frameworklerinde ",[597,675,676],{},"component mimarı"," oldukça popüler bir hale geldi.",[594,679,680],{},"Component mimari, aslında html'de halihazırda bulunan tag'ların genişletilmesidir. Örneğin paragraf için ",[594,682,683,684],{}," kullarız ya\nda başlık için ",[685,686,687,688],"h",{}," kullanırız. Ama mesela kendi isteğimize göre ",[689,690,691,692],"custom",{}," gibi bir tag yazarsak, browser bunu düz bir\nmetin olarak basacaktır. Çünkü biz, ne olduğunu bilsek de browser ",[689,693,694],{}," 'ı tanımıyor olacaktır. İşte bu şekilde özel\ntag'lar yazabilmemiz, yeni nesil framework'ler sayesinde mümkün olmaktadır.",[594,696,697],{},"Bir diğer dikkat çekici detay da bu mimaride yazılmış framework'lerde her kod parçasının ya da html parçasının kendi\nişini yapmasıdır.",[594,699,700,701,704],{},"Örneğin, bir alışveriş sitesinde sepetimiz olduğunu varsayalım, sepeti, komple bir component olarak da tasarlayabiliriz,\niçindeki her bir item'i ayrı bir component, toplam tutarı ayrı bir component olarak da tasarlayabiliriz. Böyle\nyapmamızın avantajı ve bu framework'lerin en önemli özelliği, ",[597,702,703],{},"yeniden kullanılabilirlik (reusable)","'dir. Yani biz\nsepeti, herhangi bir kod değişikliği yapmadan farklı yerlerde aynı şekilde kullanabiliriz. Bunun bizlere sağladığı\nesneklik ve aynı kodu tekrar yazmama özelliği muazzamdır.",[594,706,707],{},[597,708,709],{},"MVVM",[594,711,712],{},[650,713],{"alt":714,"src":715},"Mvvm","/images/2018/01/mvvm-light-300x90.png",[594,717,718],{},"Bahsettiğimiz framework'lerin bir diğer güzelliği ise bizlere Mvvm pattern'ini sunmasıdır.",[594,720,721],{},"Mvvm; kısaca model'deki veri güncellendiğinde, view'daki verinin de otomatik olarak güncellenmesi, aynı şekilde tam\ntersine bir güncelleme işleminin de olmasıdır. Bunun avantajları çok daha az kod ile hızlıca işlemlerin çıkarılması,\nveri değişimlerinin hızlıca yapılmasıdır. Bunu yaygınlaştıran ise Silverlight, Knockout.js gibi popüler yapılar\nolmuştur.",[594,723,724],{},[597,725,726],{},"JQUERY'DEN YAZIM FARKI",[594,728,729,730,733],{},"Kesinlikle en büyük farkları, az kod satırı ve yüksek performansa sahip olmasıdır. Buradaki sihir, Vue.js'nin ",[597,731,732],{},"declaretive"," bir yapıya sahip olmasıdır. Bu yapıyla bütün veri değişiklikleri otomatik olarak gerekli yerlere\nyansıtılıyor. Bizlerin bunun için hiç bir şey yapmamıza gerek kalmıyor.",[594,735,736],{},"Kod farkını anlamak için şu örneğe bakalım;",[594,738,739],{},"JQuery ile şöyle yaparken,",[741,742,746],"pre",{"className":743,"code":744,"language":745,"meta":346,"style":346},"language-html shiki shiki-themes material-theme-lighter github-light github-dark","6 \u003Cdiv id=\"app\">\n7     \u003Ch1>Merhaba Vue\u003C/h1>\n8     \u003Cinput id=\"message\">\n9 \u003C/div>\n11 \u003Cscript src=\"https://code.jquery.com/jquery-2.1.4.min.js\">\u003C/script>\n12 \u003Cscript type=\"text/javascript\">\n13     $('#message').on('keyup', function(){\n14         var message = $('#message').val();\n15         $('h1').text(message);\n16 })\n17 \u003C/script>\n","html",[747,748,749,786,808,832,844,874,898,948,989,1021,1033],"code",{"__ignoreMap":346},[750,751,754,758,762,766,770,773,777,781,783],"span",{"class":752,"line":753},"line",1,[750,755,757],{"class":756},"su5hD","6 ",[750,759,761],{"class":760},"sP7_E","\u003C",[750,763,765],{"class":764},"sQzsp","div",[750,767,769],{"class":768},"s9AJx"," id",[750,771,772],{"class":760},"=",[750,774,776],{"class":775},"sjJ54","\"",[750,778,780],{"class":779},"s_sjI","app",[750,782,776],{"class":775},[750,784,785],{"class":760},">\n",[750,787,788,791,793,795,798,801,804,806],{"class":752,"line":347},[750,789,790],{"class":756},"7     ",[750,792,761],{"class":760},[750,794,590],{"class":764},[750,796,797],{"class":760},">",[750,799,800],{"class":756},"Merhaba Vue",[750,802,803],{"class":760},"\u003C/",[750,805,590],{"class":764},[750,807,785],{"class":760},[750,809,811,814,816,819,821,823,825,828,830],{"class":752,"line":810},3,[750,812,813],{"class":756},"8     ",[750,815,761],{"class":760},[750,817,818],{"class":764},"input",[750,820,769],{"class":768},[750,822,772],{"class":760},[750,824,776],{"class":775},[750,826,827],{"class":779},"message",[750,829,776],{"class":775},[750,831,785],{"class":760},[750,833,835,838,840,842],{"class":752,"line":834},4,[750,836,837],{"class":756},"9 ",[750,839,803],{"class":760},[750,841,765],{"class":764},[750,843,785],{"class":760},[750,845,847,850,852,855,858,860,862,865,867,870,872],{"class":752,"line":846},5,[750,848,849],{"class":756},"11 ",[750,851,761],{"class":760},[750,853,854],{"class":764},"script",[750,856,857],{"class":768}," src",[750,859,772],{"class":760},[750,861,776],{"class":775},[750,863,864],{"class":779},"https://code.jquery.com/jquery-2.1.4.min.js",[750,866,776],{"class":775},[750,868,869],{"class":760},">\u003C/",[750,871,854],{"class":764},[750,873,785],{"class":760},[750,875,877,880,882,884,887,889,891,894,896],{"class":752,"line":876},6,[750,878,879],{"class":756},"12 ",[750,881,761],{"class":760},[750,883,854],{"class":764},[750,885,886],{"class":768}," type",[750,888,772],{"class":760},[750,890,776],{"class":775},[750,892,893],{"class":779},"text/javascript",[750,895,776],{"class":775},[750,897,785],{"class":760},[750,899,901,905,909,912,915,918,920,923,926,929,931,933,936,938,941,945],{"class":752,"line":900},7,[750,902,904],{"class":903},"srdBf","13",[750,906,908],{"class":907},"sGLFI","     $",[750,910,911],{"class":756},"(",[750,913,914],{"class":775},"'",[750,916,917],{"class":779},"#message",[750,919,914],{"class":775},[750,921,922],{"class":756},")",[750,924,925],{"class":760},".",[750,927,928],{"class":907},"on",[750,930,911],{"class":756},[750,932,914],{"class":775},[750,934,935],{"class":779},"keyup",[750,937,914],{"class":775},[750,939,940],{"class":760},",",[750,942,944],{"class":943},"sbsja"," function",[750,946,947],{"class":760},"(){\n",[750,949,951,954,957,960,964,967,970,972,974,976,978,980,983,986],{"class":752,"line":950},8,[750,952,953],{"class":903},"14",[750,955,956],{"class":943},"         var",[750,958,959],{"class":756}," message",[750,961,963],{"class":962},"smGrS"," =",[750,965,966],{"class":907}," $",[750,968,911],{"class":969},"skxfh",[750,971,914],{"class":775},[750,973,917],{"class":779},[750,975,914],{"class":775},[750,977,922],{"class":969},[750,979,925],{"class":760},[750,981,982],{"class":907},"val",[750,984,985],{"class":969},"()",[750,987,988],{"class":760},";\n",[750,990,992,995,998,1000,1002,1004,1006,1008,1010,1013,1015,1017,1019],{"class":752,"line":991},9,[750,993,994],{"class":903},"15",[750,996,997],{"class":907},"         $",[750,999,911],{"class":969},[750,1001,914],{"class":775},[750,1003,590],{"class":779},[750,1005,914],{"class":775},[750,1007,922],{"class":969},[750,1009,925],{"class":760},[750,1011,1012],{"class":907},"text",[750,1014,911],{"class":969},[750,1016,827],{"class":756},[750,1018,922],{"class":969},[750,1020,988],{"class":760},[750,1022,1024,1027,1030],{"class":752,"line":1023},10,[750,1025,1026],{"class":903},"16",[750,1028,1029],{"class":760}," }",[750,1031,1032],{"class":756},")\n",[750,1034,1036,1039,1042,1044],{"class":752,"line":1035},11,[750,1037,1038],{"class":903},"17",[750,1040,1041],{"class":760}," \u003C/",[750,1043,854],{"class":764},[750,1045,785],{"class":760},[594,1047,1048],{},"Vue.js ile şöyle yaparız,",[741,1050,1052],{"className":743,"code":1051,"language":745,"meta":346,"style":346},"\u003Cdiv id=\"app\">\n2     \u003Ch1>{{ message }}\u003C/h1>\n3     \u003Cinput v-model=\"message\">\n4 \u003C/div>\n1 new Vue({\n2     el: '#app',\n3     data: {\n4         message: ''\n5     }\n6 })\n",[747,1053,1054,1072,1092,1114,1125,1130,1135,1140,1145,1150],{"__ignoreMap":346},[750,1055,1056,1058,1060,1062,1064,1066,1068,1070],{"class":752,"line":753},[750,1057,761],{"class":760},[750,1059,765],{"class":764},[750,1061,769],{"class":768},[750,1063,772],{"class":760},[750,1065,776],{"class":775},[750,1067,780],{"class":779},[750,1069,776],{"class":775},[750,1071,785],{"class":760},[750,1073,1074,1077,1079,1081,1083,1086,1088,1090],{"class":752,"line":347},[750,1075,1076],{"class":756},"2     ",[750,1078,761],{"class":760},[750,1080,590],{"class":764},[750,1082,797],{"class":760},[750,1084,1085],{"class":756},"{{ message }}",[750,1087,803],{"class":760},[750,1089,590],{"class":764},[750,1091,785],{"class":760},[750,1093,1094,1097,1099,1101,1104,1106,1108,1110,1112],{"class":752,"line":810},[750,1095,1096],{"class":756},"3     ",[750,1098,761],{"class":760},[750,1100,818],{"class":764},[750,1102,1103],{"class":768}," v-model",[750,1105,772],{"class":760},[750,1107,776],{"class":775},[750,1109,827],{"class":779},[750,1111,776],{"class":775},[750,1113,785],{"class":760},[750,1115,1116,1119,1121,1123],{"class":752,"line":834},[750,1117,1118],{"class":756},"4 ",[750,1120,803],{"class":760},[750,1122,765],{"class":764},[750,1124,785],{"class":760},[750,1126,1127],{"class":752,"line":846},[750,1128,1129],{"class":756},"1 new Vue({\n",[750,1131,1132],{"class":752,"line":876},[750,1133,1134],{"class":756},"2     el: '#app',\n",[750,1136,1137],{"class":752,"line":900},[750,1138,1139],{"class":756},"3     data: {\n",[750,1141,1142],{"class":752,"line":950},[750,1143,1144],{"class":756},"4         message: ''\n",[750,1146,1147],{"class":752,"line":991},[750,1148,1149],{"class":756},"5     }\n",[750,1151,1152],{"class":752,"line":1023},[750,1153,1154],{"class":756},"6 })\n",[594,1156,1157,1158,1162],{},"Aradaki fark, Jquery'de, bir input'a id ver, onun keyup event'ini yakala, değerini al ve istediğin bir yere yaz\nşeklindeyken, Vue.js'de data objesine field'ı bağla, basılacak yerde ",[1159,1160],"binding",{"value":1161},"..."," şeklinde yaz.",[594,1164,1165],{},"Bu fark, özellikle büyük projelerde çok çok ciddi zaman ve kod uzunluğu oluşturuyor.",[594,1167,1168],{},"Sonuç olarak Vue.js çok iyi bir framework. Kullanmanızı kesinlikle tavsiye ediyorum.",[1170,1171,1172],"style",{},"html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":346,"searchDepth":347,"depth":347,"links":1174},[],"2018/01/what-is-vuejs-definition.png","2018-01-13T00:00:00.000Z",{},{"title":161,"description":599},"pRal08Vlzk_RkYOpYF1KWKEn_Ehw20vbumGM_UVlqaA",1762871733053]