23 Mart 2020 Pazartesi

JAMStack Nedir?

  Author : RawShed     Hiç yorum yok
Mart 23, 2020

JAMStack Nedir?

Merhaba arkadaşlar, bugün sizlere JAMStack teknolojisi hakkında bilgiler vermeye çalışacağım umarım yararlı olur.




JAMStack modern bir web uygulama geliştirme mimarisidir. Veritabanı ve sunucu tarafına gerek duymadan statik web siteler oluşturmamıza yardımcı olan teknolojidir.

JAM,
JavaScript
API
Markup
kelimelerin baş harflerinin oluşan birleşimdir.

Kurucusu Mathias Biilmann’ın dediği gibi “"İstemci tarafında JavaScript, yeniden kullanılabilir API'ler ve önceden oluşturulmuş İşaretleme'yi temel alan modern bir web geliştirme mimarisi"

J-JavaScript
Dinamik işlemler JavaScript tarafından yönetilir. Uygulamanız sadece JavaScript’ten oluşabilir dilerseniz de React, Vue gibi Framework’lar kullanabilirsininiz.

A-API
Statik sayfalardan bahsetsek de API ne alaka diyebilirsiniz. Fakat JAMStack’ın temeli API’lardır. API’lar sayesinde veritabanı veya backend teknolojileri kullanmadan  sunucu taraflı işlemlerimizi halledebiliyoruz.

M-Markup
HTML kısmıdır. Yani web sitemizin sunum katmanıdır.

Neden JAMStack?

Web siteleri veya CMS siteleri(Wordpress, Contentful vb) sunucu ve veritabanına gerek duyar. Fakat JAMStack API’den gelen JavaScript’leri yükleyebilir ve bir statik site oluşturucu (Gatsby, Hugo vb) kullanılarak oluşturulan CDN’leri dağıtabilir.
-Hızlıdır
-Ucuzdur, çünkü sunucu gerekmez.
-Her şey API aracılığıyla çalıştığından güvenlidir.

Geleneksel ve JAMStack sitelerinin çalışma ortamı;


Hangi statik oluşturucuyu seçmeliyim?

Gatsby: Gatsby, geliştiricilerin olağanüstü hızlı web siteleri ve uygulamalar geliştirmelerine yardımcı olan React'i temel alan ücretsiz ve açık kaynaklı bir çerçevedir
NuxtJS: Vue JS Framework’u dür. NuxtJS kullanarak bir sonraki VUE.js uygulamanızı güvenle oluşturun. Web geliştirmeyi basit ve güçlü hale getiren açık kaynaklı bir çerçeve.
Hugo: Hugo, en popüler açık kaynaklı statik site oluşturucularından biridir. Hugo, olağanüstü hızı ve esnekliğiyle web sitesi oluşturmayı tekrar eğlenceli hale getiriyor.
Netlify CMS: Herhangi bir statik site oluşturucusu ile kullanılabilen açık kaynak içerik yönetimidir.

daha fazlası için...

Evet arkadaşlar, bugün sizlere JAMStack nedir? Neden JAMStack ve birkaç statik oluşturu teknolojilerden bahsettim. Sonraki derslerde görüşmek dileğiyle

Kaynaklar:
https://buttercms.com/blog/what-is-jamstack
https://medium.com/paypal-engineering/what-exactly-is-jamstack-a9c05f513823
https://medium.com/free-code-camp/an-introduction-to-the-jamstack-the-architecture-of-the-modern-web-c4a0d128d9ca
https://snipcart.com/blog/jamstack

By
Devamını Oku

22 Mart 2020 Pazar

JavaScript var, let ve const

  Author : RawShed     Hiç yorum yok
Mart 22, 2020

Bugünkü yazımda JavaScript'teki var, let ve const değişkenler arasındaki farkları anlatacağım. Eğer ki beğenirsen yazımı paylaşabilirsin.


js_var_let_const

ECMAScript, JavaScript dilinin standartını belirleyen script dilidir. Tüm tarayıcılar şu an ES5 sürümünü destekliyor. ES6 ile birlikte "let" ve "const" değişkenleri geldi. Fakat tarayıcıların anlayacağı bir dile çevirmek için "Babel" adlı bir js compiler(derleyici) devreye giriyor.

https://caniuse.com/#search=es6 sitesinden hangi tarayıcı sürümlerinin ES6'yı desteklediğine bakabilirsin. Evet, asıl konumuza geçebiliriz.

 var: "var" ile tanımladığımız değişkenin kapsamı içinde tanımladığı fonksiyon ile sınırlıdır. Eğer ki fonksiyon dışında tanımlanırsa global scope olur.
Özet: "var" değişkeni function scope'tur.

var a=5; // var ile global olarak tanımladık

function y(){
    console.log(a);
}
y();

//Konsol ekranında bize 5 rakamını gösterecektir.

let: Sonradan değiştirilebilir, sadece bir kez tanımlanabilir. "let" veya "const" ile tanımlanan değişkenin kapsamı block içerisinde sınırlıdır. Block'tan kastım {} süslü parantezdir.
Özet: "let" ve "const" değişkeni block scope'tur.


{
    let pi=3.14; //block scope
}

console.log(pi); // pi değişkeni bulunamadı hatasını verecektir

const: "constant" kelimesinden gelir sabit anlamındadır. "let" değişken tanımlamasından farkı "const" ile değişken tanımlarsanız değerini sonradan değiştirememenizdir.
Özet: "let" ve "const" değişkeni block scope'tur.

const pi=3;
console.log(pi);
// 3 sonucu verecektir

pi=3.14;
console.log(pi);
//const ile tanımladığımız değişkene yeniden değer ataması yaptığımızdan 
//"Uncaught TypeError: Assignment to constant variable" hatası aldık.

Peki "var" veya "let" hangisini seçmeliyiz?

JavaScript'te değişkenlerimizi global olarak tanımlamamalıyız. Çünkü global değişkenler işi bitince bellekten silinmez. Ve global olarak "var" tanımladığımızda istediğimiz yerden değiştirmemizi mümkün kılıyor. ES6 ile "let" kullanılarak tanımlanan değişkenin kapsamı, tanımlandığı kod bloğuyla sınırlıdır. Yani block scope'tur. "var" kullanacağınız yerler elbette olacaktır fakat "let" kullanmak daha güvenli bir değişken tanımlama yöntemidir.

 Evet arkadaşlar bugün JavaScript'teki var, let ve const değişkenlerini anlatmaya çalıştım. Sonraki derslerde görüşmek dileğiyle.

By
Devamını Oku

10 Mart 2020 Salı

SQL Select Distinct Sorgusu

  Author : RawShed     Hiç yorum yok
Mart 10, 2020

Bugünkü yazımızda SQL Select Distinct sorgusundan bahsedeceğim. Geçen derste Select sorgusuna değinmiştik.

SQL SELECT DISTINCT

Distinct, farklı değerler döndürmemize yarayan ifadedir. Mesela tablomuzun Fiyat sütununda iki tane 33 TL değer var fakat biz iki kere 33 TL'yi listelemesi yerine sadece bir defa listelesin istiyoruz. Bunun için Distinct ifadesini kullanıyoruz. Toplam 12 veri olduğuna dikkat edin.

Sql-distinct

Kod yapımız aşağıdaki gibi olacaktır:

1
2
Select Distinct Fiyat //Tablo_ismi adlı tablodan
from Tablo_ismi //Fiyat adlı sütununun farklı değerlerini listele demiş olduk

Sonuç:
sql-distinct-2
Distinct ile bize aynı olmayan verileri listele sorgusu gerçekleştirdik. Fiyat kısmında iki tane 33 TL vardı, Distinct sayesinde sadece birisini yazdırdık. Veri sayımızın 12'den 11'e düştüğünü görebilirsiniz.

Özeti; Distinct tekrar eden değer varsa yalnızca birisini listeliyor.

By
Devamını Oku

8 Mart 2020 Pazar

SQL Select Sorgusu

  Author : RawShed     Hiç yorum yok
Mart 08, 2020

Bu dersimizde SQL SELECT sorgusunu değineceğim. Kısaca Select'i, verileri sorgulamak için kullanırız. 



Örnek olarak aşağıdaki veritabanı tablosundan gideceğim.

Kısaca bahsetmek gerekirse, BiletFiyadId, Nereden, Nereye, Fiyat verilerimiz veritabanı tablosunun sütunlarıdır.

Şimdi asıl konumuza dönelim, temel SELECT yapısı aşağıdaki gibidir:

1
2
3
4
SELECT
    select_listesi
FROM
    Tablo_ismi;

Select cümlesinde birden fazla verileri sorgulamak için sütun adlarını virgülle ayırarak sorgulatabiliriz. Hemen bir örnek verelim:

1
2
3
4
SELECT
    BiletFiyadId, Fiyat//Sorgulatmak istediğimiz sütun adları
FROM
    Tablo_ismi;

Yukarıda BiletFiyatId ve Fiyat sütunlarını sorgulattık, sonuç:


Peki tablodaki tüm verileri sorgulatmak istersek:

1
2
3
4
SELECT
    * //Yıldız ile tablodaki tüm verileri listelettik
FROM
    Tablo_ismi;


Sonuç:

By
Devamını Oku

Codeigniter Nedir?

  Author : RawShed     Hiç yorum yok
Mart 08, 2020

Codeigniter, Türkçe karşılığı kod ateşleyicisi anlamına gelen bir PHP Framework'u dür. PHP Framework'u olduğundan PHP bilmek gerekiyor. Bir ara geliştirilmesi durduldu, sonra tekrardan EllisLab tarafından geliştirilmeye devam edilmiş ve halen geliştirilmeye devam ediyor.


Codeigniter, ileriki derslerde değineceğimiz H/MVC (Hierarchical-Model-View-Controller) tasarım kalıbını kullanır.

Codeigniter-HMVC

MVC'yi duymuş olabilirsiniz peki buradaki H ne demek? HMVC, MVC'nin gelişmiş versiyonudur. Web sitelerini yatay ve dikey ölçekdirmeye yarayan tasarım kalıbıdır.

Peki CodeIgniter ne gibi faydaları vardır?

  • PHP'nin karmaşık işlemlerine kolay çözümler sunar.
  • PHP kodunu sadeleştirir, dinamik bir web sitesini daha kısa sürede oluşturabiliriz.
  • Ücretsiz, hafif bir Framework'tur.
  • Güvelik kontrolü 
  • Session ve Cookie yapıları
  • Aktive Record aracı (Veritabanı karmaşıklıklarının çoğunu ortadan kaldıran araç)
  • Dosya upload için hazır sınıfları
  • Codeigniter, Laravel Symfony vb gibi Framework'lara nazaran tonlarca terimleri incelemek zorunda bakmaz bizleri.

Framework Nedir?

Daha rahat ve akılda kalması için örnekle açıklayacağım. Şimdi sizden 10cm x 10cm bir kağıt kesmenizi istesem, çok kolay deyip kesersiniz değil mi? Peki, 1000 kağıt istesem? Bu durumda her defasında ölçüm yapamazsınız bu görevi üstlenecek bir çerçeve oluşturmanız gerekecek ki hızlı ve az çaba sarf edebilirsiniz. Amacımız görevi yapacak bir çerçeve oluşturmaktı. İşte Framework'de tam bu işe yarıyor. Özetlemek gerekirse, projemiz için hazır kodlar bulunan kod paketleridir.

Neden Framework Kullanırız?

Öncelikle belirtmem gerekirse kesinlikle Framework kullanmalısın diye bir zorunluluk yok. Ancak kullanırsak bize kazandıracağı hız ve vakit avantajı vardır. Örneğin Bootstrap bir CSS Framework'udur. Bu Framework'da hazır CSS class tanımlamaları vardır. Eğer biz Bootstrap kullanmasaydık CSS'de bu tanımlı class'ları kendimiz yazmak zorunda kalacaktık

Evet arkadaşlar bu dersinizde Codeigniter Nedir?, faydaları, Framework Nedir?, Neden Framework Kullanırız sorularını cevapladık. Umarım faydalı olmuştur. Sonraki derslerde görüşmek dileğiyle.

    By
    Devamını Oku

    SQL Nedir? Ders-1

      Author : RawShed     Hiç yorum yok
    Mart 08, 2020

    SQL (Structured Query Language) türkçe anlamı "Yapılandırılmış Sorgu Dili" anlamına gelir. SQL veritabanına erişmemize ve verileri değiştirmemize yardımcı olur.



    Peki SQL ile neler yapabiliriz?
    • Veritabanında sorgular çalıştırabiliriz.
    • Veritabanından veriler alabiliriz. 


      By
      Devamını Oku
      Kaydol: Kayıtlar ( Atom )