Minimal Api .Net 6’in yeni api dizaynıdır. Geleneksel .Net api özelliklerinden farklı olup yeni bir alternatif sağlar. Kullanmakta olduğumuz WEB API modeli MVC’den türetilmiş, controllers ve action metotlarından oluşur, bununla birlikte model binding, datalar için validasyon ve filters gibi birçok özellik sağlar.

.Net ile api oluşturmanın belli kuralları olduğundan günümüz teknoloji dillerine göre daha kompleks kalmasına neden oluyordu. Daha yalın ve minimalist apilerin populeritesi de artmakta olduğu için ve microservis mimarisinin de bu anlamda büyük ölçüde ilerlemesinden dolayı Microsoft kolları sıvıyor ve geniş kapsamlı karmaşık uygulamalar yani monolitik API yerine birçok küçük web servis hizmeti olacak şekilde yeni bir api patternı tasarlamaya başlıyor.

Günümüzde popüler olarak kullanılan Javascript,Node, Python gibi dillerin de projeler yapıları minimal hatta tek bir dosya uygulamaları bulunuyor. Zamanla .Net de bu dünyayı görerek daha yalın projelere ve daha küçük yapıları oluşturmak üzere geliştirmeler yapıyor ve Minimal API’ler ile daha hafifi ve sade bir api modeli ile karşımıza çıkıyor.

Minimal Apiler gene aynı HTTP web servis mantığı ile farklı http requestleri alıp geriye bir response döndürmesidir. Bunun içinde MapGet, MapPost gibi metotlar kullanılır.

Minimal Api Kullanımı

Minimal Api‘nin kullanımı sytanxı aşağıdaki gibidir.

Minimal api’nin en sade kullanımıdır. Get çağrısı ile birlikte ki bunu bize app.MapGet metotu sağlıyor. Bu metodun ilk parametresi ile bir endpoint belirliyoruz. Daha sonra lamba expresion ile response olarak geriye ne döndürmek istiyoruz onu tanımlıyoruz.

Minimal Api ile yaratılan API’ler sınırlı özelliklerinin olması işlevsiz olduğu anlamına gelmez. Bu API’ler .Net API’lerin birçok özelliğine sahiptir. Kullanabildiğimiz özelliklerinden bir tanesi de Dependecy Injection.

.Net core ile daha sık kullandığımız DI nesnelerini, .Net 6’dan önce startup.cs class’i içerisinde tanımlıyorduk ve bu servisleri kullanacağımız controller classlarda çağrıyorduk.

Minimal Api’de yapı biraz daha sadeleşmiş durumda, kullanacağımız servisleri program.cs içerisinde tanımladıktan sonra (.Net 6 ile birlikte startup classı kaldırıldı. Tüm configurasyon ve tanımlama işlemleri program.cs içerisinde yapılıyor.) Minimal apinin MapGet, MapPost, MapPut metotlarının delegate parametresinde tanımlamamız yeterli oluyor.

Örnek;

IOderService application içerisinde tanımladığımız DI servisimiz, lambda expression içerisinde tanımladığımız bu nesneyi minimal api parametre olarak görmez yani sizin post requestiniz bu nesneyi sizden beklemez. Application ayağa kaldığında bunun bir implementasyon olduğunu anlar. Bu şekilde kolaylıkla kullanacağımız servisi metot içerisinde implemente etmiş olduk.

The post .Net Core Minimal API Nedir? appeared first on Dinamik Network.

Günümüzde Kullanılan Databaseler Nelerdir? 

Database’leri (veri tabanı) Masaüstü ve Server uygulamaları olarak iki temel gruba alabiliriz. Masaüstü grubuna giren database (veri tabanı) uygulamaları tek uygulama ile çalışabilecek çok fazla özelliği olmayan küçük çaplı uygulamalarıdır. Buna örnek olarak Microsoft Access’i verebiliriz. Server grubuna girenler ise çok fazla kişini aynı anda bağlı kalabildiği, gelişmiş bağlantı ve güvenlik işlemleri içeren gelişmiş uygulamalardır. Buna örnek olarak da SQL Server’i verebiliriz.

Şimdi günümüzde kullanılan database’ler nelerdir onlara bakalım. Herhangi bir sıralama yapılmamakla birlikte en popüler olan databaselere yer verilmiştir.

Günümüzde Kullanılan Databaseler Nelerdir Görelim

Microsoft SQL Server

Microsoft’un bir ürünü olan SQL Server teknik olarak yukarıda vermiş olduğumuz iki gruba da girebilir. SQL Server sadece Windows sistemlerde çalışır. Dünyada en çok kullanılan database listesinde en başları çekmektedir. SQL Server, farklı farklı versiyonlar ile satışa sunulmaktadır. Sunulan bu versiyonlar farklı özellik setleri içermekle birlikte farklı kullanıcı tiplerini hedef alır. Bunlar;

• Datacenter, yüksek seviye uygulama desteği ve veri merkezleri için tasarlanmıştır. 256 mantıksal işlemci ve sınırsız alanı desteklemektedir.
• Enterprise, SQL Server kümeleri oluşturabilme ve düzenleme için gerekli araçlara sahip olmakla birlikte 524 petabyte’a kadar veri tabanı yönetebilmektedir.
• Standart, Enterprise’in küçültülmüş versiyonu olarak anabiliriz.
• Web
• Workgroup
• Express, Express ücretsiz olarak sunulmakla birlikte 1 işlemci, 1 GB hafıza ve 4 GB veri tabanı desteklemektedir.

Bu paketlerin haricinde özelleştirilmiş sürümleri mevcuttur. Bunlar;

• Azure, Microsoft SQL Server’in bulut bazlı versiyonudur.
• Developer, Datacenter ile geliştirme ve test sistemi olarak kullanılabilmesi dışında Datacenter ile aynıdır.
• Embeddeb (SSEE), sadece belirli Windows servisleri tarafından kullanılan özel olarak hazırlanmış bir sürümdür.
• Evulation, deneme sürümü olarak bilinir. Enterprise ‘in 180 günlük deneme sürümüdür.
• Fast Track, ticari kurumlar için zeka işleme ve veri depolama işlemleri için kullanılan sürümüdür.
• Parallel Data Warehouse, yüzlerce Terabyte’lık veri depolama işlemleri için hazırlanmıştır.

Oracle Database

Oracle Database  (Oracle Veri Tabanı), Microsoft’un ürünü olan SQL Server kadar ünlüdür ve yoğun bir şekilde kullanılır. Oracle adlı şirketin bir ürünüdür.  Zaman zaman RDBMS (relational database management system yani ilişkisel veri tabanı yönetim sistemi) olarak ya da sadece Oracle olarak anılmaktadır. Aynı şekilde dünyada en çok kullanılan database listesinde en başları çekmektedir.

Gelişmiş bir veri tabanı uygulamasıdır. SQL Server gibi büyük miktarda verinin çok kullanıcılı ortamda güvenli bir şekilde depolanmasını ve bu depolanan verilere erişimleri yönetir. En çok kurumsal alanlarda tercih edilmektedir.

Oracle Database birçok araçtan oluşmaktadır. Developer’lar için kolay ve esnek uygulamalar geliştirebilmesi için yardımcı olurlar. Oracle Database içinde de Stored Procedure ve Trigger’lar kullanılabilmektedir. 1977 yılında Larry Ellison ve iki arkadaşı tarafından ilk versiyonu geliştirilmiştir.

MySQL

SQL tabanlı olan ve tüm platformlarda çalışabilen bir veri tabanı uygulamasıdır. MySQL database Web tabanlı uygulamalar ile kullanılması için tasarlanmıştır. 6 milyondan daha fazla sistemde yüklüdür. Çok kullanıcılı, çoklu iş parçacıklı, hızlı ve sağlam bir veri tabanıdır. Unix, Os/2 ve Windows platformları için ücretsiz olarak dağıtılmaktadır.  Ticari olarak kullanmak isteyenler için ise ücretli bir lisans seçeneği de mevcuttur. En iyi performansı Linux sistemlerde göstermektedir.

FileMaker Pro

Filemaker firması tarafından geliştirilmiştir. Macintosh ve Windows tabanlı sistemlerde çalışabilen bir veri tabanı uygulamasıdır. Filemaker Pro veritabanı 1980 ‘li yıllarda Macintosh için geliştirilmiş çok az sayıdaki veri tabanı uygulamasından biridir. Filemaker veri tabanı yazılımı ilk olarak Nashoba System tarafından geliştirilmiş olup sonraları Apple’in alt firmalarından birisi olan Claris tarafından satın alınmıştır.

dBASE

Kişisel bilgisayarlar için veri tabanı ihtiyacını gidermek amacı ile geliştirilmiştir. Express’tirveri tabanı uygulaması Ashton Tata firması tarafından piyasaya sunulmuştur. Kendi içerisinde bütünleşik bir veri tabanı yöneticisi içermekle birlikte 4. Nesil programlama dili ve yazılımıdır.

Microsoft Access

Diğer adı Microsoft Office Access’tir.  Office uygulaması içerisine de olan bir veri tabanı uygulamasıdır. Access Jet veri tabanı motoru ile grafiksel ara yüzü bir pakette bir araya getirmiştir. Genellikle tekil programlar ya da çok küçük uygulamaların geliştirilmesinde kullanılmaktadır. Kullanımındaki büyük kolaylığı sayesinde çok tercih edilen veri tabanları uygulamaları arasında yerini almıştır.

Günümüzde kullanılan database’ler yazımız da bu kadar. En popüler olan databaselere bir göz atmış olduk. Diğer yazılarımızda görüşmek üzere.

Database kategorili diğer yazılarımız için bağlantıya tıklayabilirsiniz.

Kaynak: Wikipedia

The post Günümüzde Kullanılan Databaseler Nelerdir? appeared first on Dinamik Network.

En İyi TypeScript Kursları & Online Eğitimleri – TOP 6 [2021]

Bu yazımızda 6 tane kurs inceleyeceğiz.

1 – Typescript: Tam Geliştirici Kılavuzu

Bu kurs popüler tasarım modelleri ile karmaşık projeler inşa ederek, Master Typescript. React ve Express’i öğretmeyi amaçlamaktadır. Bu, Typescript’te uzmanlaşmak için en iyi çevrimiçi kurstur. Çevrimiçi olan diğer tüm kurslar size Typescript’in temel sözdizimini ve özelliklerini öğretir , ancak yalnızca bu kurs size Typescript’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.

Kursun Kazanımları :

1. Büyük uygulamalar oluşturmak için ana tasarım modelleri
2. Kompozisyon ve Devralmayı anlayın ve her birinin ne zaman kullanılacağını öğrenin
3. Typescript’i React / Redux veya Express projelerine entegre edin
4. Sınıflar ve arabirimler tarafından desteklenen yeniden kullanılabilir kod yazın

Puan: 5 üzerinden 4.7

Süresi: 24.5 Saat

Typescript: Tam Geliştirici Kılavuzuna Katıl

İnceleme: Bu, burada görebildiğim en iyi Typecript kursu. Typecript’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’da / StephenGrider / typescriptcasts adresinde bulabilirsiniz. GÜNCELLEME: Sadece bir şeyi kodlamak yerine, ilgili kavramları öğretir ve Typescript’in içini ve dışını öğrenmenize yardımcı olur. Bravo! Dersten derse koda erişebilmek istiyorum. – Jeremey Peters

2 – Typescript Temelleri

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’in OOP’yi uygulama şeklini anlamak için Typescript’te yazma deneyimi de edineceksiniz. Sonunda dosyalarınızı gerçek dünya kurulumunu temsil edecek şekilde yeniden yapılandıracaksınız

Kursun Kazanımları :

1. Typecript’in ne olduğunu ve şirketlerin onu neden kullandığını anlayın
2. Tüm temel türleri öğrenin ve bunları kullanın, örneğin dizeler, sayı dizileri vb.
3. Gelişmiş türleri öğrenin ve bunları kullanın, örneğin numaralandırma ve arayüzler vb.
4. Typescript’te sınıflar yazın ve OOP ilkelerini anlayın
5. Gerçek dünya geliştirme örneği için proje dosyalarımızı yeniden yapılandırın

Puan: 5 üzerinden 4.0

Süresi: 2 Saat

Typescript Temelleri Kursuna Katıl

İnceleme:  Kurs beklediğim tek şeydi ve öğretim görevlisi açıklamada çok iyi! – Lj

3 – TypeScript Geliştirmeye Giriş Kursu

Bu kursu tamamladıktan sonra, Angular 2 uygulama çerçevesi 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’in bu kadar önemli olmasının nedeni budur.

Kursun Kazanımları : 

1. Angular 2 uygulamaları oluşturmaya hazır olun.
2. TypeScript sınıfları ve nesne yönelimli programlama kavramlarıyla çalışın.
3. TypeScript programlama dili ile kodlamayı öğrenin.

Puan: 5 üzerinden 4.5

Süresi: 6 Saat

TypeScript Geliştirmeye Giriş Kursuna Katıl

İnceleme : Yazı-komut dosyası kursunun reactjs projelerinde kullanılmasını bekliyoruz, ancak temel bilgiler için iyi uygulamalı. Teşekkürler – Priyesh Jain

4 – TypeScript – 2021 Edition’ı Anlamak Kursu

Bu kurs tamamen güncellendi, TypeScript’in en son sürümünü yansıtıyor ve tonlarca öğrenci geri bildirimi içeriyor. 

Çoğu kişi TypeScript’i Angular 2+ ‘dan bilir. Orada kullanmanız gereken dil, değil mi? Bundan daha fazlası! 

TypeScript’in ne olduğunu, neden gerçekten güçlü bir JavaScript eklentisi olduğunu, Özelliklerinin ne olduğunu ve nasıl kullanılacağını öğrenin! Ve bunu yaparken, Angular 2+ Kodunuzda gerçekte ne yaptığınızı da anlayın.

Bu Kurs sizi Temel Bilgilerden ve en önemli Özelliğinden (Türler!) Projelerinizden herhangi birinde TypeScript kullanabileceğiniz Noktaya götürür . ReactJS  Projeleri dahil!

Kursun Kazanımları : 

1. TypeScript’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
2. TypeScript neden vanilya JavaScript’e göre gerçek bir avantaj sunuyor?
3. TypeScript’i ReactJS veya NodeJS / Express ile nasıl birleştireceğinizi öğrenin
4. TypeScript’in gerçekte ne hakkında olduğunu ve nasıl çalıştığını anlayın
5. TypeScript’i hem teoride hem de gerçek kullanım durumlarına ve projelere uygulanmış olarak öğrenin

Puan: 5 üzerinden 4.7

Süresi: 15 Saat

TypeScript – 2021 Edition’ı Anlamak Kursuna Katıl

İnceleme : 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. – Abdullah Fadhel

5 – TypeScript Temelleri Kursu

TypeScript , kurumsal ölçekte JavaScript uygulamaları oluşturmak için destek sağlayan açık kaynaklı bir dildir. JavaScript’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.

Ayrıca, bir uygulamadaki değişkenlere uygun olmayan değerlerin atanmamasını sağlamak için kesin olarak yazılmış kodu destekler.

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’in oynadığı rolü ve öğrenme sürecini hızlı bir şekilde başlatmaya yardımcı olacak temel özellikleri öğreneceksiniz.

Kursun Kazanımları : 

1. TypeScript nedir ve neden kullanılır?
2. TypeScript özellikleri, sözdizimi ve anahtar sözcükler
3. Araç ve Çerçeve Seçenekleri
4. Bir sınıf nasıl oluşturulur
5. TypeScript değişkenleri ve işlevleri
6. TypeScript bildirimleri
7. TypeScript sınıfları ve arayüzleri

Puan: 5 üzerinden 4.7

Süresi: 4 Saat 24 Dakika

TypeScript Temelleri Kursuna Katıl

6 – Temel TypeScript Kursu

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’e özgü veri türlerini, sınıfları, jenerikleri, modülleri ve dekoratörleri gözden geçirir. “Gerçek Dünya Uygulama Geliştirme” bölümünde, TypeScript’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.

Kursun Kazanımları :

1. TypeScript programlama dili ile kodlamayı öğrenin.
2. TypeScript nedir ve neden kullanılır?
3. TypeScript özellikleri, sözdizimi ve anahtar sözcükler

Puan: 5 üzerinden 4.5

Süresi: 4 Saat 19 Dakika

Temel TypeScript Kursuna Katıl

İnceleme : Linkedin’de olması güzel bir durum aslında. Kursu bitirdiğimizde profilimizde bu kursu bitirdiğimizin kanıtı oluyor. MB

En İyi TypeScript Kursları & Online Eğitimleri yazımız bu kadar arkadaşlar. Diğer yazılarımızda görüşmek üzere… Web Developer katergorisindeki diğer yazılarımız için tıklayabilirsiniz.

Kaynak: https://www.typescriptlang.org/

The post En İyi TypeScript Kursları & Online Eğitimleri – TOP 6 [2021] appeared first on Dinamik Network.

Javascript extensiondır. Javascript içerisinde html sytanx yapısını kullanmamızı sağlayan bir yapıdır. JSX, basit html kodlarında bile kendi DOM’larını değiştirip geliştireceği bir yapı sunar.

DOM (Document Object Model) web sayfalarının bize göründüğünü ve HTML elemanlarının bir arada bulunmasını sağlayan bir yapıdır. Kullanıcı web sayfası üzerinde herhangi bir komut girdiğinde DOM tekrar güncellenir. Bu durum performans açısından uygulamayı zayıflatır. Burda React’ın kullandığı VirtualDOM devreye girer. React uygulamasında ne zaman bir değişiklik olursa sadece değişiklik yapılan alan güncellenir ve DOM’a aktarılır.

VirtualDOM, DOM’un value/key şeklinde memoryde bulunmuş halidir. DOM’un bir kopyasıdır.

Kullanımı ve Kuralları;

• Component, Return içerisinde tek bir parent element kullanabilir.Div element’i kullanılıyor ise ikinci bir div kullanımına izin vermemektedir.
• Özel keywordler bulunmaktadır. Örneğin div içerisinde class attribute tanımı için className kullanılır.
• Jsx formatında Javascript ifadeleri { } süslü parantez kullanarak yapılır. Örneğin bir p elementi içerisinde hesaplama yapmak istediğimizde <p> { 5+ 5 } </p> kullanarak 5+5 işleminin çıktısını 10 alabiliriz.
• Javascriptte tanımladığımız sabit bir değerin gösterimi içinde aynı şekilde { } süslü parantez kullanarak yaparız. Süslü parantez kullanmadan gösterimi sağlarsak, JSX formatı değeri yazı olarak algılar.

React Uygulamasına Genel Bakış

React uygulamasında birbirine benzer klasörler bulunur. Bunlar src(source) ve public(kaynak) klasörleridir.

React web uygulamasında browser üzerinden bir sayfaya açtığımızda index.html sayfasının içinde ne olduğunu görürüz. Index.html incelediğimizde ise sadece uygulamanın başlığını ve body içerisinde yer alan <div id=”root”></div> görürüz. Uygulamanın içeriğini dolduran bir element göremeyiz.

Src klasöründeki index.js içerisinde ID’si root olan html çağrılıyor. Burda ReactDOM’un render metodu tarayıcıda bir render etme işlemi yapacaktır. ReactDOM, react-dom modülü tarafından import edilmiştir.

Bu render etme işlemi <App/> componenti kullanarak yapılmaktadır. Bu componentin kaynağı da app.js olarak belirlenmiştir.

App.js klasörüne baktığımızda html sayfasında gördüğümüz tüm elementleri burda görüyoruz. Logo, başlıkları ve paragrafları. Bu durumda component olarak oluşturulan app.js’ın html içerisinde nasıl tetiklendiğini gözlemledik.

The post JSX Nedir? React JS Uygulamasına Genel Bakış appeared first on Dinamik Network.

React JS kullanıcılar için arayüz oluşturmamızı sağlayan Javascript kütüphanelerinden birisidir. Facebook tarafından geliştirilen react.js aynı zamanda açık kaynaklı bir kütüphanedir. Günümüzde popüler olarak kullanılan bir kütüphane olup performanslı ve maliyetsizdir.

Element bazlı oluşturularak Javascript’in karmaşık yapısını düzenler, kod okunabilirliğini ise kolaylaştırır. Gerçek zamanlı güncellenebilen web siteler oluşturmanızı sağlar. Bu yapıya hot reloading denir.

React dünyasına giriş yaparken yeni birkaç terimle karşılaşacağız. Flux mimarisine benzeyen tek yönlü veri akışını, javascript içerisinde html kodlarını yazdığımız jsx formatını. Detaylı olarak inceleyeceğimiz componentlerden(bileşenler), bu componentlerin arasında iletişimi sağlayan Props yapısını ve React koleksiyonlarının en küçük birimi olan elementleri detaylı inceliyor olacağız.

React Projesi Oluşturma

React uygulamasını kurmak paket yönetici NPM’e ihtiyacımız var. Bunun için bilgisayarımıza Node.Js yüklememiz gerekmektedir. Buradan kolaylıkla node.js kurulumunu yapabilirsiniz.

Kurulum tamamlandıktan sonra react uygulamasını oluşturmak için aşağıdaki komut satırını yazmanız yeterli olacaktır.

npx create-react-app my-app

<img class="alignnone wp-image-3480" src="https://dinamiknetwork.com/wp-content/uploads/2021/12/react_create_project.png" alt="" width="719" height="216" />

Projenin içerisine baktığımız zaman node_modules, public,src klasörlerini görmüş olacağız. Node_modules klasörü içerisinde yüklediğimiz kütüphaneleri bulabiliriz. Public klasörü html, image ve iconların bulunduğu klsörürümüzdür. Src klasöründe ise işlemleri yaptığımız js dosyalarımız bulunmaktadır. Package.json çalıştırdığımız scriptler ve kullandığımız kütüphanelerin tanımlandığı
dosyadır.

Kurduğumuz bu react uygulamamızı çalıştırmak için proje dizinine gidip npm start komutunu kullanmamız yeterli olacaktır.

The post React JS Nedir? React Projesi Oluşturma appeared first on Dinamik Network.

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.

         Typescript projesi nasıl oluşturulur?

Ben proje oluşumunu Visual Studio Code üzerinden yapıcam. VS Code indirmek için buraya tıklayabilirsiniz. Projeyi oluşturmadan önce makinamıza ilk önce node.js yüklüyoruz. Node.js’i bu adresden indirebilirsiniz. İndirme işlemi tamamlandıktan sonra typescript’i indirelim. Bunun için command prompt açıp yükleme komutunu yazıyoruz.

npm install -g typescript

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’tir 🙂

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’i açıyoruz. Projeye package.json dosyasını oluşturmak için npm init komutu yazıyoruz.

Ardından npm install –save-dev lite-server ile dev ortamını oluşturuyoruz. package.json içerisinde start: lite-server satırını ekleyip programa start verebiliriz.

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. 🙂 

{
  "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"
  }
}<span id="mce_marker" data-mce-type="bookmark" data-mce-fragment="1">​</span>

İşlemler tamamlandıysa çalıştırmayı npm start komutuyla yapıyoruz. Şimdi Typescript’i javascript diline çevirelim.

helper.ts içerisinde toplama işlemi yapan bir fonksiyon yazalım.

function Add(number1,number2) {
    const total = number1 + number2;
    return total;
}

console.log(Add(5,6));

Tekrar terminali açıyoruz. tsc helper.ts komutunu çalıştıralım ve karşımızda typescriptin javascript versiyonu .js dosyayı 🙂

Typescript kullanabilmek için html ‘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.

Proje oluşturma kısmında anlayışılmayan kısımlar için yazabilir, hata alırsanız yardımcı olmaya çalışabilirim.

The post Typescript nedir? appeared first on Dinamik Network.

.Net core 3.x yeni incelemeye başladım. Araştırma yaparken .Net Core Blazor framework‘u ile karşılaştım. İlk önce kabaca özetlemek gerekirse javascript yerine c# yazıbileceğimiz client side web apps oluşturabildiğimiz bir framework. .Net ile web geliştiriyorsanız sizinde ilginizi çekebilir. Ben backend tarafını ön yüzden daha çok sevdiğim için benim ilgimi bu çekti ve araştırmaya başladım diyebilirim. İlk başlarda karışık geldi ama biraz okudukça ya da yazdıkça yavaşça kafamda bir yer edinmeye başladı.

Blazor Nedir?

Öncelikle Blazor tarayıcı üzerinde çalışabilen .Net web framework’dur. Web-Assembly ile çalışan javascript yerine c# kodu kullanabileceğimiz bir Framework. Web assembly web için geliştirilmiş bir byte code formatıdır. Web-Assembly için buradan daha detaylı bilgiye ulaşabilirsiniz.

Blazor daha iyi anlayabilmek için .net in bize sunduğu hazır template üzerinden inceleme yapalım.

• Visual Studio 2019 – .Net Core 3.1 versiyonu  ile birlikte Blazor App oluşturuyorum.

• Projeyi create olduğunda karşıma .razor uzantılı sayfalar çıktı. Bu sayfaların shared kütüphaneleri  NavMenu.razor ve MainLayout.razor  ile birlikte 3 örnek yapılmış. Bir tanesi welcome sayfası, ikincisi sayı arttırma sayfası diğeri ise dataları çekip tablo görünümünde gösterebildiğimiz bir yapısı olan sayfa.
•  İlk önce counter kısmına baktım. Buttona tıklatıkça mevcut sayının birer birer arttığını görüyoruz. Burada buttona tıkladığımızda tetiklenen javascript değilde C# kodu ile hazırlağımız methodun çağırıldığını görüyoruz.

@code { }  bloğunu içerisinde oluşturulan method onclick anında çağrılan mettottur. Blazor bu c# bloğunu Web Assembly yardımi ile tarayıcı üzerinde çalışabilecek hale getirmektedir.

Fetch Data kısmındaki örneğe bakalım. Aşağıdaki WeatherForecast objesini GetForecastAsync metotu ile rastgele oluşturulduktan sonra önyüzde bu methodu kullanarak tablo oluşumu sağlanmıştır. Async metotu çağırırken javascript kullanmadan Dependency Injection ile birlikte çağırarak gelen datayı tabloya yazıyoruz.

  services.AddSingleton<WeatherForecastService>();

FetchData.razor üzerindeki kullanımı

@inject WeatherForecastService ForecastService

@code bloğu içerisindeki forecasts listesini html içerisinde kullanabiliyoruz.

protected override async Task OnInitializedAsync()
    {
        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
    }

Kısa bir şekilde sizlere .Net Core Blazor framework u tanıtmaya çalıştım. Öneri de bulanacağınız ya da bu konuda hakkında örnek isterseniz yorumlarınızı bekliyorum olacağım.

Diğer C# yazılarımız için buraya tıklayabilirsiniz.

The post .Net Core Blazor Web Apps appeared first on Dinamik Network.