<?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>Typescript arşivleri - Dinamik Network</title>
	<atom:link href="https://dinamiknetwork.com/e/typescript/feed/" rel="self" type="application/rss+xml" />
	<link>https://dinamiknetwork.com/e/typescript/</link>
	<description>Bilişim Dünyasına Profesyonel Yaklaşım</description>
	<lastBuildDate>Wed, 09 Feb 2022 14:34:18 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.12</generator>

<image>
	<url>https://dinamiknetwork.com/wp-content/uploads/2020/01/cropped-ikon-1-1-32x32.png</url>
	<title>Typescript arşivleri - Dinamik Network</title>
	<link>https://dinamiknetwork.com/e/typescript/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>En İyi TypeScript Kursları &#038; Online Eğitimleri &#8211; TOP 6 [2021]</title>
		<link>https://dinamiknetwork.com/en-iyi-typescript-kurslari-online-egitimleri-top-6-2021/</link>
					<comments>https://dinamiknetwork.com/en-iyi-typescript-kurslari-online-egitimleri-top-6-2021/#respond</comments>
		
		<dc:creator><![CDATA[Cansu Karaman]]></dc:creator>
		<pubDate>Sun, 02 Jan 2022 12:38:13 +0000</pubDate>
				<category><![CDATA[Web Developer]]></category>
		<category><![CDATA[En İyi TypeScript Kursları & Online Eğitimleri]]></category>
		<category><![CDATA[Typescript]]></category>
		<category><![CDATA[TypeScript Kursları]]></category>
		<category><![CDATA[TypeScript öğrenmek]]></category>
		<guid isPermaLink="false">https://kursbil.com/?p=2969</guid>

					<description><![CDATA[<p>En İyi TypeScript Kursları &#38; Online Eğitimleri yazımız ile kurs önerileri yazılarımıza devam ediyoruz. TypeScript öğrenmek isteyenlerin mutlaka görmesi gerektiğini düşünüyoruz. Gelelim 2020 yılının en&#46;&#46;&#46;</p>
<p>The post <a rel="nofollow" href="https://dinamiknetwork.com/en-iyi-typescript-kurslari-online-egitimleri-top-6-2021/">En İyi TypeScript Kursları &#038; Online Eğitimleri &#8211; TOP 6 [2021]</a> appeared first on <a rel="nofollow" href="https://dinamiknetwork.com">Dinamik Network</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>En İyi TypeScript Kursları &amp; Online Eğitimleri</strong> yazımız ile kurs önerileri yazılarımıza devam ediyoruz. <strong>TypeScript</strong> öğrenmek isteyenlerin mutlaka görmesi gerektiğini düşünüyoruz. Gelelim 2020 yılının en iyi 6 <strong>TypeScript</strong> kurslarına biraz göz atalım.</p>
<h2><strong>En İyi TypeScript Kursları &amp; Online Eğitimleri &#8211; TOP 6 [2021]</strong></h2>
<p>Bu yazımızda 6 tane kurs inceleyeceğiz.</p>
<h3><strong>1 &#8211; <a href="https://www.udemy.com/course/typescript-the-complete-developers-guide/" target="_blank" rel="noopener">Typescript: Tam Geliştirici Kılavuzu</a></strong></h3>
<p>Bu kurs popüler tasarım modelleri ile karmaşık projeler inşa ederek, Master Typescript. React ve Express&#8217;i öğretmeyi amaçlamaktadır. Bu, Typescript&#8217;te uzmanlaşmak için en iyi çevrimiçi kurstur. Çevrimiçi olan diğer tüm kurslar size Typescript&#8217;in temel sözdizimini ve özelliklerini öğretir , ancak yalnızca bu kurs size Typescript&#8217;i gerçek projelere nasıl uygulayacağınızı gösterecek ve örnekler aracılığıyla büyük, başarılı projeleri nasıl inşa edeceğinizi öğretecektir.</p>
<p><strong>Kursun Kazanımları :</strong></p>
<ol>
<li>Büyük uygulamalar oluşturmak için ana tasarım modelleri</li>
<li>Kompozisyon ve Devralmayı anlayın ve her birinin ne zaman kullanılacağını öğrenin</li>
<li>Typescript&#8217;i React / Redux veya Express projelerine entegre edin</li>
<li>
<div class="udlite-block-list-item udlite-block-list-item-small udlite-block-list-item-tight udlite-block-list-item-neutral udlite-text-sm" data-purpose="objective">
<div class="udlite-block-list-item-content"><span class="what-you-will-learn--objective-item--ECarc">Sınıflar ve arabirimler tarafından desteklenen yeniden kullanılabilir kod yazın</span></div>
</div>
<div></div>
</li>
</ol>
<p style="text-align: left;"><strong>Puan: 5 üzerinden 4.7</strong></p>
<p style="text-align: left;"><strong>Süresi: 24.5 Saat</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.udemy.com/course/typescript-the-complete-developers-guide/" target="_blank" rel="noopener">Typescript: Tam Geliştirici Kılavuzuna Katıl</a></p>
<blockquote>
<p style="text-align: left;"><em><strong>İnceleme:</strong> Bu, burada görebildiğim en iyi Typecript kursu. Typecript&#8217;in giriş ve çıkışlarını gerçekten ilgi çekici bir şekilde geçiyor. Kodu sağlamadığını düşünmüştüm ama kodu github&#8217;da / StephenGrider / typescriptcasts adresinde bulabilirsiniz. GÜNCELLEME: Sadece bir şeyi kodlamak yerine, ilgili kavramları öğretir ve Typescript&#8217;in içini ve dışını öğrenmenize yardımcı olur. Bravo! Dersten derse koda erişebilmek istiyorum. &#8211; Jeremey Peters</em></p>
</blockquote>
<p>&nbsp;</p>
<h3><strong>2 &#8211; <a href="https://www.coursera.org/projects/rudi-hinds-typescript-learn-fundamentals" target="_blank" rel="noopener">Typescript Temelleri</a></strong></h3>
<p><img wpfc-lazyload-disable="true" loading="lazy" class="size-full wp-image-3076 alignleft" src="https://dinamiknetwork.com/wp-content/uploads/2020/12/1-Online-Kurs-Coursera-Logo.png" alt="" width="217" height="70" />Typescript üzerine orta seviye bir kurstur. Bu kursun sonunda, hem basit hem de ileri düzeydeki tüm ana Typescript türleriyle çalışmış olacaksınız. Typescript kodu yazmış olacak ve komut satırını kullanarak derlemiş olacaksınız. Typescript&#8217;in OOP&#8217;yi uygulama şeklini anlamak için Typescript&#8217;te yazma deneyimi de edineceksiniz. Sonunda dosyalarınızı gerçek dünya kurulumunu temsil edecek şekilde yeniden yapılandıracaksınız</p>
<p><strong>Kursun Kazanımları :</strong></p>
<ol>
<li>Typecript&#8217;in ne olduğunu ve şirketlerin onu neden kullandığını anlayın</li>
<li>Tüm temel türleri öğrenin ve bunları kullanın, örneğin dizeler, sayı dizileri vb.</li>
<li>Gelişmiş türleri öğrenin ve bunları kullanın, örneğin numaralandırma ve arayüzler vb.</li>
<li>Typescript&#8217;te sınıflar yazın ve OOP ilkelerini anlayın</li>
<li>Gerçek dünya geliştirme örneği için proje dosyalarımızı yeniden yapılandırın</li>
</ol>
<p style="text-align: left;"><strong>Puan: 5 üzerinden 4.0</strong></p>
<p style="text-align: left;"><strong>Süresi: 2 Saat</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.coursera.org/projects/rudi-hinds-typescript-learn-fundamentals" target="_blank" rel="noopener">Typescript Temelleri Kursuna Katıl</a></p>
<blockquote><p><em><strong>İnceleme: </strong> Kurs beklediğim tek şeydi ve öğretim görevlisi açıklamada çok iyi! &#8211; Lj</em></p></blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><strong>3 &#8211; <a href="https://www.udemy.com/course/introduction-typescript-development/" target="_blank" rel="noopener">TypeScript Geliştirmeye Giriş Kursu</a></strong></h3>
<p>Bu kursu tamamladıktan sonra, <strong>Angular 2 uygulama çerçevesi</strong> ile nasıl çalışılacağını öğrenmeye hazır olacaksınız . Angular 2, modern geliştirme uygulamalarından yararlanmak için sıfırdan yeniden oluşturuldu ve çerçeve yaratıcıları aslında yeni sürümü tamamen TypeScript programlama dilinde oluşturdu. Gelecek vadeden Angular geliştiriciler için TypeScript&#8217;in bu kadar önemli olmasının nedeni budur.</p>
<p><strong>Kursun Kazanımları : </strong></p>
<ol>
<li>Angular 2 uygulamaları oluşturmaya hazır olun.</li>
<li>TypeScript sınıfları ve nesne yönelimli programlama kavramlarıyla çalışın.</li>
<li>TypeScript programlama dili ile kodlamayı öğrenin.</li>
</ol>
<p style="text-align: left;"><strong>Puan: 5 üzerinden 4.5</strong></p>
<p style="text-align: left;"><strong>Süresi: 6 Saat</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.udemy.com/course/introduction-typescript-development/" target="_blank" rel="noopener">TypeScript Geliştirmeye Giriş Kursuna Katıl</a></p>
<blockquote><p><em><strong>İnceleme :</strong> Yazı-komut dosyası kursunun reactjs projelerinde kullanılmasını bekliyoruz, ancak temel bilgiler için iyi uygulamalı. Teşekkürler &#8211; Priyesh Jain</em></p></blockquote>
<p>&nbsp;</p>
<h3><strong>4 &#8211; <a href="https://www.udemy.com/course/understanding-typescript/" target="_blank" rel="noopener">TypeScript &#8211; 2021 Edition&#8217;ı Anlamak Kursu</a></strong></h3>
<p><strong>Bu kurs tamamen güncellendi, TypeScript&#8217;in en son sürümünü yansıtıyor ve tonlarca öğrenci geri bildirimi içeriyor. </strong></p>
<p>Çoğu kişi TypeScript&#8217;i Angular 2+ &#8216;dan bilir. Orada kullanmanız gereken dil, değil mi? <strong>Bundan daha fazlası! </strong></p>
<p>TypeScript&#8217;in ne olduğunu, neden gerçekten <strong>güçlü</strong> bir <strong>JavaScript</strong> eklentisi olduğunu, Özelliklerinin ne olduğunu ve nasıl kullanılacağını öğrenin! Ve bunu <strong>yaparken, Angular 2+ Kodunuzda gerçekte ne yaptığınızı</strong> da <strong>anlayın.</strong></p>
<p>Bu Kurs sizi <strong>Temel Bilgilerden</strong> ve en <strong>önemli Özelliğinden</strong> (Türler!) <strong>Projelerinizden herhangi birinde TypeScript kullanabileceğiniz Noktaya götürür</strong> . <strong>ReactJS</strong>  Projeleri dahil!</p>
<p><strong>Kursun Kazanımları : </strong></p>
<ol>
<li>TypeScript&#8217;i ve Türler, ES6 Desteği, Sınıflar, Modüller, Arayüzler ve çok daha fazlası gibi Özelliklerini Projelerinden herhangi birinde kullanın</li>
<li>TypeScript neden vanilya JavaScript&#8217;e göre gerçek bir avantaj sunuyor?</li>
<li>TypeScript&#8217;i ReactJS veya NodeJS / Express ile nasıl birleştireceğinizi öğrenin</li>
<li>TypeScript&#8217;in gerçekte ne hakkında olduğunu ve nasıl çalıştığını anlayın</li>
<li>TypeScript&#8217;i hem teoride hem de gerçek kullanım durumlarına ve projelere uygulanmış olarak öğrenin</li>
</ol>
<p style="text-align: left;"><strong>Puan: 5 üzerinden 4.7</strong></p>
<p style="text-align: left;"><strong>Süresi: 15 Saat</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.udemy.com/course/understanding-typescript/" target="_blank" rel="noopener">TypeScript &#8211; 2021 Edition&#8217;ı Anlamak Kursuna Katıl</a></p>
<blockquote><p><em><strong>İnceleme :</strong> iyi yapılandırılmış kurs ve size daktilo ile ilgili temel kavramları ve bilgileri sağlar. Önceki modüllerde öğrendiklerinizi gösteren küçük projeler yapmak için ayrı bir modül yapma fikrini seviyorum. Kursun geri kalanına devam etmeden önce, kursu durdurmanız ve kodla oynamanız için size bir mola verir. video kalitesi mükemmel ve ses net. Bu kadar kaliteli içerik sunmayı önemsediğiniz için teşekkür ederiz. &#8211; Abdullah Fadhel</em></p></blockquote>
<p>&nbsp;</p>
<h3><strong>5 &#8211; <a href="https://www.pluralsight.com/courses/typescript" target="_blank" rel="noopener">TypeScript Temelleri Kursu</a></strong></h3>
<p><b><img wpfc-lazyload-disable="true" loading="lazy" class="size-full wp-image-3079 alignleft" src="https://dinamiknetwork.com/wp-content/uploads/2020/12/4-Kurslar-ve-Egitimler-PluralSight.png" alt="" width="154" height="75" />TypeScript</b> , kurumsal ölçekte JavaScript uygulamaları oluşturmak için destek sağlayan açık kaynaklı bir dildir. JavaScript&#8217;i yapılandırmak için kullanılabilen birkaç desen mevcut olsa da, TypeScript, sınıflar ve modüller gibi nesne yönelimli geliştiricilerin aşina olduğu konteyner işlevselliği sağlar.</p>
<p>Ayrıca, bir uygulamadaki değişkenlere uygun olmayan değerlerin atanmamasını sağlamak için kesin olarak yazılmış kodu destekler.</p>
<p>Bu kurs, TypeScript ile başlamak için bilmeniz gereken temel kavramlar ve özellikler konusunda size yol gösterecek ve bunu kurumsal ölçekte JavaScript uygulamaları oluşturmak için kullanacaktır. TypeScript&#8217;in oynadığı rolü ve öğrenme sürecini hızlı bir şekilde başlatmaya yardımcı olacak temel özellikleri öğreneceksiniz.</p>
<p><strong>Kursun Kazanımları : </strong></p>
<ol>
<li>TypeScript nedir ve neden kullanılır?</li>
<li>TypeScript özellikleri, sözdizimi ve anahtar sözcükler</li>
<li>Araç ve Çerçeve Seçenekleri</li>
<li>Bir sınıf nasıl oluşturulur</li>
<li>TypeScript değişkenleri ve işlevleri</li>
<li>TypeScript bildirimleri</li>
<li>TypeScript sınıfları ve arayüzleri</li>
</ol>
<p style="text-align: left;"><strong>Puan: 5 üzerinden 4.7</strong></p>
<p style="text-align: left;"><strong>Süresi: 4 Saat 24 Dakika</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.pluralsight.com/courses/typescript" target="_blank" rel="noopener">TypeScript Temelleri Kursuna Katıl</a></p>
<p>&nbsp;</p>
<h3><strong>6 &#8211; <a href="https://www.linkedin.com/learning/typescript-essential-training" target="_blank" rel="noopener">Temel TypeScript Kursu</a></strong></h3>
<p>Bu kursta Jess Chadwick, JavaScript uygulamalarınızda TypeScript dilinin tüm gücünden nasıl yararlanılacağını öğretir ve bazı JavaScript temellerini yeniden ziyaret ederek başlar. Ardından TypeScript&#8217;e özgü veri türlerini, sınıfları, jenerikleri, modülleri ve dekoratörleri gözden geçirir. &#8220;Gerçek Dünya Uygulama Geliştirme&#8221; bölümünde, TypeScript&#8217;in sunduğu her şeyden yararlanmak için mevcut bir JavaScript kod tabanının nasıl dönüştürüleceğini gösteriyor. Dahası, seçtiğiniz ortamı kullanarak bunların hepsini nasıl yapacağınızı gösteriyor: Windows, Mac ve hatta Linux.</p>
<p><strong>Kursun Kazanımları : </strong></p>
<ol>
<li>TypeScript programlama dili ile kodlamayı öğrenin.</li>
<li>TypeScript nedir ve neden kullanılır?</li>
<li>TypeScript özellikleri, sözdizimi ve anahtar sözcükler</li>
</ol>
<p><strong>Puan: 5 üzerinden 4.5</strong></p>
<p style="text-align: left;"><strong>Süresi: 4 Saat 19 Dakika</strong></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-large fasc-type-flat fasc-ico-before dashicons-welcome-learn-more fasc-style-bold" style="background-color: #3b7ccc; color: #ffffff;" href="https://www.linkedin.com/learning/typescript-essential-training" target="_blank" rel="noopener">Temel TypeScript Kursuna Katıl</a></p>
<blockquote><p><em><strong>İnceleme :</strong> Linkedin&#8217;de olması güzel bir durum aslında. Kursu bitirdiğimizde profilimizde bu kursu bitirdiğimizin kanıtı oluyor. MB</em></p></blockquote>
<p>&nbsp;</p>
<p><strong>En İyi TypeScript Kursları &amp; Online Eğitimleri</strong> yazımız bu kadar arkadaşlar. Diğer yazılarımızda görüşmek üzere&#8230; <a href="https://kursbil.com/category/egitim/bilisim/yazilim-gelistirme/web-developer/" target="_blank" rel="noopener">Web Developer</a> katergorisindeki diğer yazılarımız için tıklayabilirsiniz.</p>
<p>&nbsp;</p>
<p><strong><em>Kaynak: </em></strong><em>https://www.typescriptlang.org/</em></p>
<p>The post <a rel="nofollow" href="https://dinamiknetwork.com/en-iyi-typescript-kurslari-online-egitimleri-top-6-2021/">En İyi TypeScript Kursları &#038; Online Eğitimleri &#8211; TOP 6 [2021]</a> appeared first on <a rel="nofollow" href="https://dinamiknetwork.com">Dinamik Network</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dinamiknetwork.com/en-iyi-typescript-kurslari-online-egitimleri-top-6-2021/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Typescript nedir?</title>
		<link>https://dinamiknetwork.com/typescript-nedir/</link>
					<comments>https://dinamiknetwork.com/typescript-nedir/#comments</comments>
		
		<dc:creator><![CDATA[Cansu Karaman]]></dc:creator>
		<pubDate>Thu, 06 Feb 2020 12:07:37 +0000</pubDate>
				<category><![CDATA[Yazılım]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[node.js]]></category>
		<category><![CDATA[Typescript]]></category>
		<category><![CDATA[typescript nedir]]></category>
		<category><![CDATA[visual studio code]]></category>
		<guid isPermaLink="false">https://dinamiknetwork.com/?p=1245</guid>

					<description><![CDATA[<p>Web programlama da büyük önem kazanan, Typescript aslında bir javascripttir. Typescript dilinde yazdığımız kodlarımızı javascript e derleyen bu sayede tüm platformlarda çalışan nesne yönelimli programlama&#46;&#46;&#46;</p>
<p>The post <a rel="nofollow" href="https://dinamiknetwork.com/typescript-nedir/">Typescript nedir?</a> appeared first on <a rel="nofollow" href="https://dinamiknetwork.com">Dinamik Network</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Web programlama da büyük önem kazanan, <strong>Typescript</strong> aslında bir javascripttir. Typescript dilinde yazdığımız kodlarımızı javascript e derleyen bu sayede tüm platformlarda çalışan nesne yönelimli programlama dilidir.</p>
<p>Sizlere typescript projesi nasıl oluşturulur? Oluşturduktan sonra Typescriptte kullanılan temel tiplerden bahsedicem. Typescripttin en sevdiğim özelliklerinden bir tanesi temel ve custom tiplerle temiz kod yazmamızı sağlamasıdır. Ayrıca javascriptte gözden kaçırdığımız hataları typescript ile daha hızlı bir şekilde tespit edebilmemiz.</p>
<h3 style="text-align: center;"><strong>         Typescript projesi nasıl oluşturulur?</strong></h3>
<p>Ben proje oluşumunu Visual Studio Code üzerinden yapıcam. VS Code indirmek için <a href="https://code.visualstudio.com/download">buraya</a> tıklayabilirsiniz. Projeyi oluşturmadan önce makinamıza ilk önce node.js yüklüyoruz. Node.js&#8217;i <a href="https://nodejs.org/en/download/">bu adresden</a> indirebilirsiniz. İndirme işlemi tamamlandıktan sonra typescript&#8217;i indirelim. Bunun için command prompt açıp yükleme komutunu yazıyoruz.</p>
<pre class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">npm install -g typescript</pre>
<p><img wpfc-lazyload-disable="true" loading="lazy" class="aligncenter wp-image-1247 size-full" src="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_2.png" alt="" width="880" height="508" srcset="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_2.png 880w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_2-768x443.png 768w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_2-850x491.png 850w" sizes="(max-width: 880px) 100vw, 880px" /></p>
<p>Yükleme işlemi tamamlandıktan sonra VS Code içerisinden proje dosyasını oluşturalım. Projede şuan için html ve .ts uzantılı iki dosya oluşturdum. .ts uzantılı dosyamız Typescript&#8217;tir 🙂</p>
<p><img wpfc-lazyload-disable="true" loading="lazy" class="alignnone size-full wp-image-1248" src="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_3.png" alt="" width="1908" height="1033" srcset="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_3.png 1908w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_3-768x416.png 768w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_3-1536x832.png 1536w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_3-850x460.png 850w" sizes="(max-width: 1908px) 100vw, 1908px" /></p>
<p>VS Code içerisinde oluşturduğumuz projeyi run edebilmek için node.js den biraz yardım alalım. Visual Studio Code içerisinden terminal&#8217;i açıyoruz. Projeye package.json dosyasını oluşturmak için <code class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">npm init</code> komutu yazıyoruz.</p>
<p>&nbsp;</p>
<p><img wpfc-lazyload-disable="true" loading="lazy" class="alignnone size-full wp-image-1250" src="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1.png" alt="" width="1916" height="1029" srcset="https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1.png 1916w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1-768x412.png 768w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1-1536x825.png 1536w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1-850x456.png 850w, https://dinamiknetwork.com/wp-content/uploads/2020/02/Typescript_5-1-466x250.png 466w" sizes="(max-width: 1916px) 100vw, 1916px" /></p>
<p>Ardından <code class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">npm install –save-dev lite-server</code> ile dev ortamını oluşturuyoruz. package.json içerisinde <code class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">start: lite-server</code> satırını ekleyip programa start verebiliriz.</p>
<blockquote><p><em>Npm Lite-server ile programı başlattığımızda yapacağımız tüm değişiklikler için html, javascript dosyalarını yeniden okur anlık olarak değişikliklerin hepsini canlı olarak görmemizi sağlar. Böylelikle Projemizi kapatıp tekrar başlatmamıza gerek kalmaz. 🙂 </em></p></blockquote>
<pre class="prettyprint lang-json" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">{
  "name": "typescript_example",
  "version": "1.0.0",
  "description": "test",
  "main": "helper.js",
  "scripts": {
    "test": "test",
    "start" : "lite-server"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "lite-server": "^2.5.4"
  }
}&lt;span id="mce_marker" data-mce-type="bookmark" data-mce-fragment="1"&gt;​&lt;/span&gt;</pre>
<p>&nbsp;</p>
<p>İşlemler tamamlandıysa çalıştırmayı <code class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">npm start</code> komutuyla yapıyoruz. Şimdi Typescript&#8217;i javascript diline çevirelim.</p>
<p>helper.ts içerisinde toplama işlemi yapan bir fonksiyon yazalım.</p>
<pre class="prettyprint lang-typescript" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">function Add(number1,number2) {
    const total = number1 + number2;
    return total;
}

console.log(Add(5,6));</pre>
<p>Tekrar terminali açıyoruz. <code class="prettyprint lang-powershell" data-start-line="1" data-visibility="visible" data-highlight="" data-caption="">tsc helper.ts</code> komutunu çalıştıralım ve karşımızda typescriptin javascript versiyonu .js dosyayı 🙂</p>
<p>Typescript kullanabilmek için html &#8216;de oluşturduğumuz .js dosyasını kaynak olarak kullanın. Browser .ts dosyasını okuyamaz ve kodlarınız da çalışmamış olur. Bir sonraki yazımda TypeScript temel tiplerden bahsedicem.</p>
<p>Proje oluşturma kısmında anlayışılmayan kısımlar için yazabilir, hata alırsanız yardımcı olmaya çalışabilirim.</p>
<p>The post <a rel="nofollow" href="https://dinamiknetwork.com/typescript-nedir/">Typescript nedir?</a> appeared first on <a rel="nofollow" href="https://dinamiknetwork.com">Dinamik Network</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dinamiknetwork.com/typescript-nedir/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
