<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>javascript arşivleri - BARIŞ DOĞAN SÜTÇÜ</title>
	<atom:link href="https://barisdogansutcu.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>https://barisdogansutcu.com/tag/javascript/</link>
	<description>FRONTEND DEVELOPER</description>
	<lastBuildDate>Wed, 14 Aug 2019 21:25:25 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>

<image>
	<url>https://barisdogansutcu.com/wp-content/uploads/2019/07/barisdogansutcuLogo.png</url>
	<title>javascript arşivleri - BARIŞ DOĞAN SÜTÇÜ</title>
	<link>https://barisdogansutcu.com/tag/javascript/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Node.js Çalışma Mantığı Nasıldır?</title>
		<link>https://barisdogansutcu.com/node-js-calisma-mantigi-nasildir/</link>
					<comments>https://barisdogansutcu.com/node-js-calisma-mantigi-nasildir/#comments</comments>
		
		<dc:creator><![CDATA[Barış Doğan Sütçü]]></dc:creator>
		<pubDate>Mon, 12 Aug 2019 20:05:52 +0000</pubDate>
				<category><![CDATA[Backend Developer]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Frontend Developer]]></category>
		<category><![CDATA[backend developer]]></category>
		<category><![CDATA[frontend developer]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[nodejs]]></category>
		<guid isPermaLink="false">https://barisdogansutcu.com/?p=1084</guid>

					<description><![CDATA[<p>2009 yılında Joyent firma çalışanı Ryan Dahl tarafından&#160;geliştirilmeye başlanan node.js, bir Javascript Runtime platformu olup kullanımı ücretsizdir.&#160;Web tarayıcıları olmadan da her yerde çalışabilir. Google tarafından geliştirilen V8 javascript motoru üzerinde çalışır.&#160; Node.js&#160;Ne İşe Yarar? Node.js, bir yazılımın arkayüz ve önyüz kodlarını aynı anda ve aynı...</p>
<p><a href="https://barisdogansutcu.com/node-js-calisma-mantigi-nasildir/">Node.js Çalışma Mantığı Nasıldır?</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<p>

2009 yılında Joyent firma çalışanı Ryan Dahl tarafından&nbsp;geliştirilmeye başlanan <strong>node.js</strong>, bir Javascript Runtime platformu olup kullanımı ücretsizdir.&nbsp;Web tarayıcıları olmadan da her yerde çalışabilir. Google tarafından geliştirilen V8 javascript motoru üzerinde çalışır.&nbsp;</p>



<h2 class="wp-block-heading"><strong>Node.js&nbsp;Ne İşe Yarar?</strong></h2>



<p>Node.js, bir yazılımın arkayüz ve önyüz kodlarını aynı anda ve aynı dilde yazmanın en kolay yoludur. Eşzamansız yani asenkron yapısı ile&nbsp;veritabanlarına ya da Internetteki çeşitli servislere istek yapıp beklemeye gerek yoktur. Node.js,&nbsp;istekleri tek-tek değil paralel olarak yapar ve anlık olarak istekler hızlı bir şekilde işlenir.&nbsp;</p>



<p>Modüler kod yazmayı teşvik&nbsp;eden&nbsp;Node.js ile kod yazmak adeta lego parçalarını birleştirmek gibidir. Binlerce açık kaynak paketi olan&nbsp;NPM&#8217;nin irili ufaklı modülleri karıştırılarak kullanılabilir.<br>Node.js ekosistemini&nbsp;kullanmayan yok gibi. Startup çalışanlardan büyük şirketlere kadar hemen herkes node.js kullanıyor. Google, NASA, Apple, IBM, Microsoft, Pinterest, Netflix ve PayPal bunlardan sadece birkaçı.</p>



<h2 class="wp-block-heading"><strong>Node.js Özellikleri Nelerdir?</strong></h2>



<p>Açık kaynaklı yani kullanımının ücretsiz olması, olaylara dayalı olması ve&nbsp;asenkron&nbsp;olması en önemli özellikleridir.</p>



<p>Çok hızlı ve ucuz maliyetli olması da&nbsp;<strong>node.js özellikleri</strong>&nbsp;arasındadır.&nbsp;<br>NPM (node package manager) paket yönetim sistemine sahip bir platform olarak sürekli gelişen ve ihtiyaçlara en etkili şekilde cevap veren bir yapıdadır.<br>Eşzamanlı bağlantıları hızlı ve etkin şekilde işlemektedir.<br>Client ve server tarafında aynı dili kullanmanın kolaylıklarına sahiptir.<br>MongoDB gibi veritabanı kullanıldığında istemci ve sunucu tarafında yüzde 100 JavaScript kullanır.</p>



<h2 class="wp-block-heading"><strong>Node.js Çalışma Mantığı</strong></h2>



<p>Node.js; Javascript tabanlı scriptleri yorumlayan ve çalıştıran,&nbsp;node.js backend tarafında çalışan,&nbsp;hızlı, ve ölçeklenebilir network uygulamalarını geliştirmeyi sağlayan bir platformdur.&nbsp;Node.js olay bazlı yapısını&nbsp;Event loop (Olay Döngüsü) adı verilen bir işlemle yapıyor.&nbsp;</p>



<p>Olaya dayalı bir uygulama olan node.js, değişkenleri başlatarak işlevleri bildirir ve olayların gerçekleşmesini bekler. Uygulamada olayları dinleyen ve sonrasında bu olaylardan birinin tespit edilmesi durumunda geri arama işlevini tetikleyen bir ana döngü vardır.&nbsp;Olay işleme gözlemci modelinde olup uygulamada olayları dinleyen işlevler &#8220;gözlemci&#8221; olarak çalışır.<br>250.000 civarı NPM paket sayısı ve modüler yapısı ile hemen her işi hallederken, aynı anda birden fazla kullanıcıya takılmadan cevap verebilir.

</p>
<p><a href="https://barisdogansutcu.com/node-js-calisma-mantigi-nasildir/">Node.js Çalışma Mantığı Nasıldır?</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://barisdogansutcu.com/node-js-calisma-mantigi-nasildir/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Vue.js Nedir, Nerelerde Kullanılır?</title>
		<link>https://barisdogansutcu.com/vue-js-nedir-nerelerde-kullanilir/</link>
					<comments>https://barisdogansutcu.com/vue-js-nedir-nerelerde-kullanilir/#respond</comments>
		
		<dc:creator><![CDATA[Barış Doğan Sütçü]]></dc:creator>
		<pubDate>Thu, 08 Aug 2019 19:12:52 +0000</pubDate>
				<category><![CDATA[Backend Developer]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Frontend Developer]]></category>
		<category><![CDATA[backend developer]]></category>
		<category><![CDATA[frontend developer]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[javascript nedir]]></category>
		<category><![CDATA[vue.js kullanım alanları]]></category>
		<category><![CDATA[vue.js nedir]]></category>
		<guid isPermaLink="false">https://barisdogansutcu.com/?p=1062</guid>

					<description><![CDATA[<p>Kullanıcı arayüzleri oluşturmada kullanılan vue.js, Evan You tarafından geliştirilmiş açık kaynaklı bir basitliğin ve kendine yeterliliğin ön planda olduğu progressive javascript frameworktur. Vue’nun odaklandığı konu kolay adapte olmaktır. &#160;Vue.js nedir? &#160;Çekirdek yapısı view katmanına odaklanan vue.js, ihtiyaçlar doğrultusunda kolaylıkla harici kütüphanelerle ilişkilendirilebilen ve bu sayede...</p>
<p><a href="https://barisdogansutcu.com/vue-js-nedir-nerelerde-kullanilir/">Vue.js Nedir, Nerelerde Kullanılır?</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Kullanıcı arayüzleri oluşturmada kullanılan vue.js, Evan You tarafından geliştirilmiş açık kaynaklı bir basitliğin ve kendine yeterliliğin ön planda olduğu progressive javascript frameworktur. Vue’nun odaklandığı konu kolay adapte olmaktır.</p>



<h2 class="wp-block-heading">&nbsp;<strong>Vue.js nedir?</strong></h2>



<p>&nbsp;Çekirdek yapısı view
katmanına odaklanan vue.js, ihtiyaçlar doğrultusunda kolaylıkla harici
kütüphanelerle ilişkilendirilebilen ve bu sayede hızlı ve kapsamlı single-page
uygulamalar geliştirilebilen bir uygulamadır. <strong>Vue.js nedir</strong> denildiğinde, kullanıcı arayüzleri geliştirmede
kullanılan interaktif bir front-end kütüphanesi veya bir çeşit progressive web
framework diyebiliriz.</p>



<h2 class="wp-block-heading">&nbsp;<strong>Vue.js Özellikleri</strong></h2>



<p>&nbsp;&#8211; Kolay anlaşılabilir
ve öğrenilebilirdir.</p>



<p>&nbsp;&#8211; Çok yönlü kullanım
imkanına sahiptir.</p>



<p>&nbsp;&#8211; Çekirdek yapısı
özelliği ve desteklenen kütüphanelerle beraber sürdürülebilir sonuçlar sağlar.</p>



<p>&nbsp;&#8211; Düşük boyutta ve
hızlıdır.</p>



<p>&nbsp;&#8211; Virtual Dom
sayesinde yüksek performanslıdır ve kolay test edilebilir.</p>



<p>&nbsp;&#8211; Mevcut bir projeye
kolay entegre edebilir.</p>



<p>&nbsp;&#8211; Reactive bir yapıya
sahiptir.</p>



<p>&nbsp;&#8211; Ücretsizdir.</p>



<p>&nbsp;&#8211; Özelliklere ihtiyaç
duyulduğunda özellikler pluginlerle eklenebilir.</p>



<p>&nbsp;&#8211; Kullanıcı kendi
Component&#8217;lerini oluşturabilir.</p>



<p>&nbsp;&#8211; Anlaşılması ve
öğrenmesi kolaydır.</p>



<h2 class="wp-block-heading"> Vue.js Projeye Ekleme</h2>



<p>Öncelikle bize ait olan projeye vue.js ekleyebilmek için aşağıda verdiğim script&#8217;i ekleyelim. Tabii bunu bilgisayarınıza indirerek local olarak da ekleyebilirsiniz.</p>



<pre class="wp-block-code"><code>&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&lt;/script></code></pre>



<p>Daha sonra HTML dosyanıza gelerek aşağıda verdiğim kodu ekleyin.</p>



<pre class="wp-block-code"><code>&lt;div id="app">
  {{ message }}
&lt;/div></code></pre>



<p>Script tagları arasına veya Javascript dosyasına aşağıda ki kodu ekleyin.</p>



<pre class="wp-block-code"><code>var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})</code></pre>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Artık Vue.js ye başladınız&#8230;</p></blockquote>



<h2 class="wp-block-heading">&nbsp;<strong>Vue.js Nerelerde Kullanılır?</strong></h2>



<p>&nbsp;Vue.js, varolan bir
projeye çok kolay dahil edilebildiği için kullanımı her geçen gün
yaygınlaşıyor. Temel amacı fonksiyonel ve hızlı etkileşimi olan arayüz
tasarlamak olan vue.js, web projeleri tasarlamada büyük kolaylık sağlıyor.
Birden çok ekran tasarımı olan bir web projesinde, herhangi bir ekran diğer
sayfalarda değişiklik yapılmadan tasarlanabiliyor. </p>



<p>&nbsp;Angular’a göre çok
daha esnek bir yapıda olan vue.js, interface katmana sahiptir. Tarayıcının
DOM’u üzerinde değişiklik yapmak oldukça maliyetlidir. Bu yüzden vue.js virtual
DOM kullanılıyor. Vue.js ekleme işlemi gerçekleştirildikten sonra uygulama
alanı tanımlanıyor. Vue ile etkileşimli alan ilişkilendiriliyor. Etkileşimli
alan Vue&#8217;ye iletilen alandır. Data, key ve value ile ilgili veri işlemleri için
direktifleri barındırır. </p>



<figure class="wp-block-image"><img fetchpriority="high" decoding="async" width="700" height="491" src="https://barisdogansutcu.com/wp-content/uploads/2019/08/barisdogansutcu-vue-js.png" alt="" class="wp-image-1065" srcset="https://barisdogansutcu.com/wp-content/uploads/2019/08/barisdogansutcu-vue-js.png 700w, https://barisdogansutcu.com/wp-content/uploads/2019/08/barisdogansutcu-vue-js-600x421.png 600w, https://barisdogansutcu.com/wp-content/uploads/2019/08/barisdogansutcu-vue-js-300x210.png 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<figure class="wp-block-image"><img decoding="async" width="900" height="505" src="https://barisdogansutcu.com/wp-content/uploads/2019/08/vue-barisdogan.jpg" alt="" class="wp-image-1067" srcset="https://barisdogansutcu.com/wp-content/uploads/2019/08/vue-barisdogan.jpg 900w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vue-barisdogan-600x337.jpg 600w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vue-barisdogan-300x168.jpg 300w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vue-barisdogan-768x431.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<figure class="wp-block-image"><img decoding="async" width="900" height="878" src="https://barisdogansutcu.com/wp-content/uploads/2019/08/vueBarisdogan.jpg" alt="" class="wp-image-1068" srcset="https://barisdogansutcu.com/wp-content/uploads/2019/08/vueBarisdogan.jpg 900w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vueBarisdogan-600x585.jpg 600w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vueBarisdogan-300x293.jpg 300w, https://barisdogansutcu.com/wp-content/uploads/2019/08/vueBarisdogan-768x749.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>&nbsp;Veritabanı bağlantısı, form kontrolü ve hesap kontrolü denildiğinde artık ilk akla vue.js geliyor.</p>



<h2 class="wp-block-heading"> <strong>Vue.js kullanım alanları</strong> </h2>



<p>Diğer frameworklere göre çok daha fazladır Açık kaynaklı olan ve kullanıcı sayısı her geçen gün artan vue.js, bir script kütüphanesi olup özellikle büyük ölçekli bir projede firmalar tarafından kullanılıyor. Listelemeden metot tanımlamaya, model kullanımından Component kullanımı ve daha birçoğuna kadar vue.js kullanmak tercih ediliyor.</p>



<p>&nbsp;Birden çok platformda
hızlıca uygulama geliştirebilmenin yolunu açan vue.js, birçok firma ve
yazılımcının tercihidir.</p>
<p><a href="https://barisdogansutcu.com/vue-js-nedir-nerelerde-kullanilir/">Vue.js Nedir, Nerelerde Kullanılır?</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://barisdogansutcu.com/vue-js-nedir-nerelerde-kullanilir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
