Herkese merhaba, web yazılım konusunda kendini geliştirmek ve öğrenmek isteyen arkadaşlar için yeni bir eğitim dizisi oluşturmak istedim. Bu dizide boostrap framework'unu tanıyacağız ve neler yapabileceğimizi öğreneceğiz.
Öncelikle boostrap nedir ve ne işe yarar sorusundan başlayarak eğitim dizimize ilk adımı atalım.
Boostrap Nedir?
Boostrap bir front-end frameworküdür. Yani tasarım ile uğraşan arkadaşlar için kolaylık ve hız sağlayan çok önemli bir olaydır. Belirli kurallara sahip olan framework ile internet ortamında neredeyse herşeyi yapabilirsiniz. HTML ve CSS dilleriyle tam uyumlu şekilde çalışır. Responsive site yapımı için çok tercih edilen ve kolay bir yoldur. Responsive site demişken bilmeyenler için açıklayalım.
Ek1. Responsive Site Nedir?
Kısaca responsive internete girebilen tüm cihazlarla uyumlu çalışabilen web sayfalarına denir. Yani ekran boyutuna göre şekil alan tasarımlardır.
Boostrap'ın Tarihi
Bootstrap, Mark Otto and Jacob Thornton hazırlanmış ve Ağustos 2011'de github'dan kaynak kodları paylaşılan framaworktür.
Neden Boostrap Kullanmalıyız?
Boostrap'ın birçok tercih edilme sebebi vardır ben sadece belirli ve en önemli konu başlıklarından bahsedeceğim.
- Öncelikle boostrap kolay öğrenilebilen ve kolay kullanımı olan bir frameworktür.
- Responsive tasarım ile uğraşmaktan front-end'çileri kurtarır.
- Tüm modern browserlarla uyumlu şekilde çalışır ve sizi tasarım yaparken ayrıca bununla uğraşmaktan kurtarır.
Boostrap Nasıl İndirilir?
getbootstrap.com adresine giderek boostrap'ı indirebilirsiniz.
İndirmek yerine html sayfasınızı
Tagları arasına şu kodları include edebilirsiniz :
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Bu derste boostrap hakkında genel bir bilgi sahibi olduk. Gelecek derste ise boostrap ile kod yazmaya başlayacağız. Sağlıcakla kalınız..
İlk Yorumu Sen Yap