Burak Behlül

Typescript Öğrenmek Typescript, Javascript’in bir süper setidir. Bir derleyicidir ve kodlarını Javascripte dönüştürür.  Typescript, Javascript’e ek özellikler getiriyor. Normalde Javascript’de değişkenlere tip veremiyoruz. Ama Typescript bunu sağlıyor. Çünkü JS dinamik tiplere sahiptir ama TS static tiplere sahiptir. Nesne Tabanlı Progralama (OOP) terimlerini getiriyor. Özellikle soyutlama ve kapsülleme. Typescript’i derlemek için kendi derleyicisini kullanabilirsiniz. Ayrıca babel, webpack ile de derleyebilirsiniz. (Görsel, I) Kurulum: npm i -g typescript Bu komut global olarak kurar.  Derleme: tsc dosya.ts Birkere derler ve bırakır. Ama her değişikliğinizde derlemesini istiyorsanız: tsc dosya.ts -w Tipler Neyse, gelin ilk içeriğimizi yazalım, bir yazılımcı klasiği olan “ hello world ” ile başlayalım: let text : string = "Hello World" ; // Tipini 'string' yaptık. text = "Merhaba dünya!" // Böyle dersek, kabul eder. text = 5 // Dersek eğer hata verir. Se...

Mala Anlatır Gibi React — 10: Yeni Özellikler ve Hooklar / React 19 React 19 çıkmasıyla beraber, yeni özellikler ve hook lar geldi. Artık head etiketleri ni kullanabileceğiz. Yani direkt component’a <title> Burak Behlül </title> diye yazıp, kullanacağız. Bunun harici nextjs kullananlar bilir, artık ‘ use client ’, ‘ use server ’ özelliği de React’da geldi. React’da memoization ’ı elle yapmaya son. Bu durumda, useMemo() , useCallback() , memo() gibi hookları kullanmayacağız. React kendisi yönetecek. (Görsel, I.) Bunun yanında Promise ’ı çözen ve bir hook getirmişler. Kullanımı şöyle: import { use, Suspense } from 'react' use ( ()=> {}) use ( ()=> fetch ( URL ). then (). catch ()) Yanıtı beklemek <Suspense>: < Suspense fallback= "Yükleniyor..." > // code </ Suspense > Ayrıca, use() hook’u, useContext yerine geçiyor, bakalım: useContext (themeContext) use (themeContext) Provider kalkıyor: < ThemeContext . Provider valu...

C# öğrenmek 101: Temel C#’a temelden başlayacağız. C# kullanılan ve bilinen dillerden biri. Öğrenilmesi korkulan bir dillerden ama göz korktucudur fakat hiçbir dil öğrenilmek isteyecek ve öğrenilmeyecek düzeyde değildir. C# birçok yönde kullanılan bir dil, backend, backend web, frontend web, mobil, form, oyun uygulamaları ve daha fazlası.. Başlayalım. Çalıştırma Ortamı İlk önce c#’ı deneyecek bir ortam lâzım. Bilgisayarınıza dotnet veya Visual Studio indirip bilgisayarınıza kurabilirsiniz. Kurmayıp, internet üzerinden “ c# online compiler ” ile de kodları deneyebilirsiniz. Visual Studio var ise oradan Console App’ı seçip kurun. Eğer dotnet ile kuracaksanız ise terminal’i açıp, dotnet new console -n ConsoleAppName yazmanız gerekiyor. Çalıştırmak için ise klasörün bulunduğu terminale dotnet run watch yazmanız yeterli. Csharp (Görsel, I.) Merhaba dünya! Konsola bir yazı yazdıralım: Console.WriteLine( "Merhaba dünya!" ); Değişken ve Tipler Değikenleri ve tipleri öğrenelim: s...

Nodejs —1: Prisma / Çoklu Veritabanı Prisma, birçok veritabanını içinde barındıran ve veritabanı geçişinizi kolaylaştıracak bir kütüphane. En güzel olaylarından biri veritabanı geçişi yani mysql’den mongodb’ye geçişimizi kolaylaştırıyor. Veritabanı sorgularını kolaylaştırıyor. Ayrıca tip güvenliği sağlayıp, otomatik şema oluşturmamızı sağlıyor. (Görsel, I.) İlk olarak kütüphamizi kuralım: npm i prisma @prisma /client npx prisma init npx prisma generate Prisma şema oluşturduktan sonra migrate yapalım: npx prisma migrate dev --name init Sonra prisma init yaptığımız klasör dizinine prisma diye klasör açıp, schema.prisma dosyası oluşturalım ve içeriğini girelim: Tüm tabolar bu tek dosya içerisinde oluşturulur* generator client { provider = "prisma-client-js" } datasource db { provider = "mongodb" url = env ( "DATABASE_URL" ) } model User { id String @id @ default ( auto ()) @ map ( "_id" ) @test. ObjectId username String em...