CategoryGenel

MIME Tipleri (MIME TYPES) Nedir ? Ne İşe Yararlar ?

Merhaba arkadaşlar bu yazımda sizlere MIME Tiplerinin (MIME TYPES)’ın ne olduğunu anlatacağım. Aslında bu yazıyı PHP ile Dosya Yükleme İşlemi yazımdan önce paylaşmak istiyordum fakat aradan fazla zaman geçmeden bu konu hakkında sizleri bilgilendirmek istedim.

MIME Tipleri (MIME TYPES) Nedir ?

MIME Tipleri (MIME TYPES), Multiporpose Internet Extensions kısaltmasıdır ve internet üzerinden gönderilen verinin, veri türünü sunucu tarafına ileterek sunucunun bu dosya üzerinde nasıl işlem yapacağını anlamasını sağlar.

MIME tipleri slash(/) işareti ile ayrılacak şekilde tip ve alt tip olmak üzere iki kısımdan oluşur. Basit bir örnek vermek gerekirse bir Portable Network Graphics(PNG) dosyası olsun. Bunu MIME Tipi image/png şeklindedir buradaki image kısmı tipi png kısmı ise alt tipi olarak adlandırılır yani sunucu image kısmından bunun bir resim olduğunu ve png kısmından ise bunun bir png dosyası olduğunu anlar.

MIME Tipleri (MIME TYPES) Ne İşe Yarar ?

Aslında bir önceki MIME Tipleri Nedir başlığı altındada açıkladığım gibi sunucunun gelen verinin, veri türünün ne olduğunu ve bu veri ile ne yapacağını anlamak için bu işlemleri yapar.

MIME Tiplerinin ne işe yaradıklarını basit bir örnek ile anlatmak gerekirse

MIME Tipi “text/html” olduğunu varsayalım bunu sunucuyu ilettiğimiz de sunucu tamam bunun bir html dosyası olduğunu anlayacak ve HTML dosyası üzerinde nasıl bir işlem yapması gerekiyorsa ona göre işlemlerine devam edicek.

MIME Tipi “application/pdf” olduğunu varsayalım bunu sunucuya ilettiğimiz zaman sunucu bunun bir PDF dosyası olduğunu anlayacak ve içerisinde gerekli olan uygulamalar yüklü ise dosyanın içeriğini size direkt olarak göstericek ve ya sunucuya pdf dosyaları için yapması gereken işlemleri yapmasını sağlayacak.

MIME Tipleri (MIME TYPES) Listesi

Bu MIME Tiplerinin genel olarak kullanılanlarının listesini paylaşmak gerekirse

bu listenin hemen hemen tamamını görmek için buraya tıklayabilirsiniz.

Özet,

Bu yazımda sizlere MIME Tipleri (MIME TYPES) konusunda sizlere bilgi verdim. MIME Tiplerinin aslında sadece sunucuya gönderilen veri hakkında bilgi verdiğini ve sunucunun da bu tiplere göre yapması gereken işlemleri uyguladığından bahsettim.

Bu yazımı beğendiyseniz ve Genel olarak yazılımcılık, bilgisayar bilimi hakkında yazmış olduğum yazıları merak ediyorsanız buraya tıklayabilirsiniz.

GitHub da Kullanılan En Popüler Programlama Dilleri

Bu yazım da sizlere GitHub’un her yıl yayınladığı Octoverse raporlarından GitHub kullanıcıları arasında ki en popüler 10 Programlama Dili Listesinden bahsedeceğim.

10-) Ruby

Ruby, sade ve basitliğe odaklanmış dinamik ve açık kaynak kodlu bir yazılım dilidir. Günlük olarak kullandığımız bir çok uygulama Ruby ile geliştirilmiştir. Ruby ile Web uygulamaları geliştirmek için yapılan Ruby on Rails frameworkü ile Twitch, SoundCloud, Hulu, Zendesk, Square ve GitHub’un kendisi dahil Ruby ile geliştirilmiştir.

9-) C

1970’li yıllarda geliştirilmeye başlanan ve çok eski programlama dillerinden biri olan C. Hala çok yaygın kullanılan bir programlama dilidir

😎 Shell

Shell, işletim sisteminde belirli komutların çalışması için geliştirilen bir yazılım dilidir. Shell, dosyalar üzerinde işlemler yapabilir, programları işleyebilir ve çalıştırabilir. Özellikle sistem yöneticileri arasında aşırı popülerdir.

7-) TypeScript

Typescript, Javascript’in süper güçlü haline benzetebiliriz aralarında ki tek farkı genel olarak geniş çaplı projelerde kullanılabilir bir haldedir.

6-) C#

C#, Microsoft tarafından geliştirilmeye başlanmış ve kurumsal uygulamalar geliştirmek için oluşturulmuştur ve OOP programlama dili Java’ya aşırı benzemektedir.

5-) C++

C++ 1970’lere dayanan geliştirilmeye başlayan ve genel olarak acemi olanlara ders olarak verilir. C++ hala aşırı popüler programlama dillerinden ve hala bir çok işletim sistemlerinin, web tarayıcılarının ve oyunların çekirdek dili olarak kullanılmaya devam etmektedir.

4-) PHP

PHP, dinamik ve interaktif Web Sayfaları yapmak için kullanılan bir programlama dilidir. Facebook ve Yahoo gibi büyük internet siteleri PHP kullanılarak geliştirilmiştir fakat bir çok geliştiricilerinden en kötü programlama dillerinden biri olarak adlandırıyorlar ve bunu daha anlatmak için PHP’ye “Tekerleksiz Bisiklet” olarak tanımlıyorlar.

3-) Python

Python, gittikçe büyümeye devam eden bir üst seviye programlama dilidir. Başlangıç için öğrenilmesi kolay olan bir programlama dilidir. Genel olarak makine öğrenmesi ve veri analizi gibi işlemler için kullanılır.

2-) Java

Java, Sun Microsystems tarafından geliştirilen ve şu anda Oracleye ait olan bir OOP programlama dilidir. Veritabanı, Android uygulamaları ve web siteleri geliştirmek için kullanılır.

1-) Javascript

Javascript, GitHub’da en çok tercih edilen bir programlama dillerdir. Javascript genel olarak Web Sitelerinden tasarımlarını daha aktif olarak kullanılması için geliştirilmiştir fakat son zamanlarda interaktif eklentiler ve websiteleri geliştirilmek için kullanılır. Bunun haricinde geliştirilen Frameworkler ile native uygulama geliştirmek için bile kullanılmaya başlanmıştır ve şunu söylemek gerekirse çok benzetilse bile Javascript’in Java ile isim benzerliği haricinde herhangi bir benzerliği yoktur.

RGB’den Hex’e Çevirme (RGB to Hex)

Bu yazımda sizlere RGB Renk Kodunu Hex Renk koduna çevirmekten bahsedeceğim yani kısaca RGB to Hex işlemini yapacağız. Öncelikle sizlere RGB Renk Kodlarının nasıl bir kombinasyona sahip olduklarından bahsetmek gerekirse.

RGB Renk Kodu

RGB Renk Kodları, kırmızı, yeşil ve mavinin kombinasyonları kombinasyonu ile hesaplanır.

(R,G,B)

Kırmızı, Yeşil ve Mavi, renklerini 0-255 arasında ki tam sayılar ile tanımlıyoruz.

HEX Renk Kodu

Hex Renk Kodu, 6 haneden oluşan 16’lık sistemde çalışır.

Oluşturduğumuz HEX Renk Kodu

RRGGBB şeklinde oluşturulur.

  • İlk 2 hane kırmızı rengin 16’lık sistemdeki halini temsil eder.
  • Ortadaki 2 hane yeşil rengin 16’lık sistemdeki halini temsil eder.
  • Son 2 hane mavi rengin 16’lık sistemdeki halini temsil eder.

RGB to Hex

  • Kırmızı, yeşil, mavi renklerin sayılarını 10’luk sistemden 16’lık sisteme çevirilir.
  • Çevirdiğimiz sayıları RRGGBB şeklinde yan yana yazarsak RGB to Hex işlemini tamamlamış oluruz.

Örnek 1

(255, 0, 0) renk kodunu Hex Renk koduna çevirmeye çalışalım.

Kırmızı

10’luk sistemde 255’i 16’lık sistemde FF olarak tanımlanır.

Yeşil

10’luk sistemde 0’ı 16’lık sistemde 00 olarak tanımlanır.

Mavi

10’luk sistemde 0’ı 16’lık sistemde 00 olarak tanımlanır.

Sonuç;

Sonuç olarak elimizde Kırmızı için FF, Yeşil için 00, Mavi için 00 vardır.

HEX Renk kodları RRGGBB olarak tanımlandığına göre (255,0,0) FF0000 olarak tanımlanacaktır.

RGB to Hex
RGB to Hex

Bu yazımda sizlere RGB kodunu Hex koduna çevirmiş olduk yani RGB to Hex işlemini yapmış olduk. Bu yazımı beğendiyseniz ve diğer yazılarımı merak ediyorsanız tıklayabilirsiniz.

Javascript RGB Color Picker Uygulaması

Bu yazımda yeni bir Javascript RGB Color Picker uygulaması yapacağız. Yapacağımız uygulamanın temel mantıkını anlatmak gerekirse bildiğiniz üzere RGB ile renk tanımlarken ne kadar kırmızı, ne kadar yeşil ve ne kadar mavi renklerinin karıştırıldığını 0 ile 255 arasında belirliyoruz.

Tasarımımız da 3 adet range tipinde input olucak bunlar kırmızı, yeşil ve mavi renklerinin ne kadar yoğun olduklarını temsil edicekler. Bunlar oynatıldıkça rengin değişimini göreceğiz. Yapıcağımız uygulamanın nasıl göründüğünden bahsetmek gerekirse

Tasarımsal kısımların nasıl yapılacağı size kalmış bu yüzden sadece Javascript kısmından bahsedeceğim.

Javascript kısmında bazı kısımların anlaşılması için yaptığım tasarımla ilgili şu bilgileri vermem gerekiyor.

range tipli inputların idleri red, green ve blue ve en altta elde ettiğimiz rengi gösteren alanının id si display’dir.

Javascript

var input = document.querySelectorAll(“input”);

for(var i=0;i<input.length;i++){

input[i].addEventListener(“input”,function(){

var red = document.getElementById(“red”).value;

var green = document.getElementById(“green”).value;

var blue = document.getElementById(“blue”).value;

});

var display = document.getElementById(“display”);

display.style.background = “rgb(“+ red +”, “+ green +”, “+ blue +”)”;

}

Şimdi bu kodların teker teker ne işe yaradıklarından bahsedeyim.

var input = document.querySelectorAll(“input”);

querySelectorAll fonksiyonu içinde belirttiğimiz elementten kaç tane varsa hepsini bir bize dizi olarak döndürecektir. querySelectorAll ile ilgili daha detaylı bilgi almak için Javascript DOM Element İşlemleri yazısına gidebilirsiniz.

for(var i=0; i<input.length; i++){

//kodlar

}

Bu döngü querySelectorAll ile döndürmüş olduğumuz dizinin tüm elemanlara ulaşmamızı sağlayacak.

input[i].addEventListener(“input”,function(){

var red = document.getElementById(“red”).value;

var green = document.getElementById(“green”).value;

var blue = document.getElementById(“blue”).value;

var display = document.getElementById(“display”);

display.style.background = “rgb(“+ red +”, “+ green +”, “+ blue +”)”;

});

Şimdi burada öncelikle idsi red, green ve blue olan inputların değerlerini aldık daha sonra display adında bir değişken oluşturarak bize id’si display olan elementi döndürüyor.

display.style.background = “rgba(“+ red +”,”+ green +”,”+ blue +”)”;

Bu kod ise display değişkeni ile seçtiğimiz elementin stil özelliklerinden background özelliğini red, green ve blue inputlarının değerlerine eşitliyoruz ve bize o anda seçilen renkleri veriyor.

Düşüncede karmaşık bir uygulama olarak gözükse bile aslında sadece bir rengin nasıl rgb olarak yazıldığını bilmemiz yetiyor.

Bu yazımda RGB Color Picker uygulaması yaptık ve yazdığımız kodların ne işe yaradıklarını açıkladım. Bu yazımı beğendiyseniz ve Javascript hakkında yazmış olduğum yazıları merak ediyorsanız buraya tıklayabilirsiniz.