- Gerekli Dosyaları İndirme
- 1. Bootstrap Nedir Projeye Bootstrap Ekleme
- 2. Alternatif Bootstrap Proje Ekleme Yöntemi
- 3. Container Kavramı
- 4. Grid Sistemi Satır ve Sütun Mantığı
- 5. Justify and Align Position Yatay ve Dikey Konumlandırmalar
- 6. Flex-Box Esnek Kutular
- 7. Renkler, Butonlar, Alert, ve d-Flex Column
- 8. Margin - Padding - Border
- 9. Cards E-Ticaret Tasarımı
- 10. Listeler ve Tablolar
- 11. Form , İnput, OverFlow, Row ve Col Genel Bilgilerle İletişim Formu
- 12. Animate.css Sitelerinizi Hareketlendirin
- 13. Align-Self Mantığı Belirli Kutulara-Objelere Hareket Verme
What you'll learn
- Bootstrap ile kodlama mantığını öğrenecek
- Bootstrap'ı bilgisayarlarına yüklemeyi
- Estetik Tasarım Yapmayı
- En düşük kod ile en verimli çıktılar elde etmeyi
Description
Responsive Web Tasarımı Nedir?
Responsive web tasarımı, bir web sitesinin tüm cihazlarda iyi görünmesini sağlayan web sitesi tasarımına yaklaşmanın nispeten yeni bir yoludur. Duyarlı web sitelerinde, hangi cihazda olursanız olun aynı bilgi ve sayfa öğeleri görünür, ancak boyutlandırma ve düzenleme yöntemleri ekran boyutunuza göre değişir.
Web sitesi, cihazınızdan bağımsız olarak sezgisel bir deneyim sunmak için akıllı telefonların ve tabletlerin daha küçük ekran boyutuna uyum sağlar (veya yanıt verir). Uyarlanabilir bir tasarım ve esnek düzen, ziyaretçileriniz için daha iyi bir kullanıcı deneyimi sağlar ve arama motoru optimizasyon değerinizi artırmanıza yardımcı olur.
Neden Bootstrap Tercih Ediliyor?
Bunu 8 başlık altında değerlendirebiliriz.
1 - Bootstrap Responsive Yapı Sağlar
Bootstrap kendine ait kullanışlı bir grid sistemi ile gelmektedir. Böylece kendi grid sisteminizi tasarlamak için bir sürü zaman harcamanıza gerek kalmaz. Siz sadece içeriklerinize odaklanabilir, daha verimli olabilirsiniz.
2 - Bootstrap Responsive Resimler Sağlar
Bootstrap, görüntüleri geçerli ekran boyutuna göre otomatik olarak yeniden boyutlandırmak için kendi koduyla birlikte gelir. Görüntülerinize .img duyarlı sınıfı eklemeniz yeterlidir; önceden tanımlanmış CSS kuralları gerisini halleder.
İmg-circle ve img-round gibi sınıfların eklenmesiyle resimlerinizin şeklini bile değiştirebilirsiniz.
3 - Bootstrap Faydalı Komponentler İçerir
Bootstrap, web sayfanıza kolayca yapıştırabileceğiniz bir dizi özellik ile birlikte gelir.
Navigation bars
Dropdowns
Progress bars
Thumbnails
.. ve daha fazlası.
Web sayfanıza sadece göz alıcı tasarım öğeleri eklemek bir esinti olmakla kalmaz, aynı zamanda bunları görüntülemek için kullanılan ekran boyutu veya cihaz ne olursa olsun her birinin harika görüneceğini bilerek emin olabilirsiniz.
4. Bootstrap JavaScript Desteği Sağlar
Halen ikna olmadı iseniz JQquery’i deneyebilirsiniz.
Bootstrap ayrıca geliştiricilerin bir düzineden fazla özel JQuery eklentisinden faydalanmalarını sağlar. JQuery, modal pop-up'lar, geçişler, görüntü karuselleri ve - kişisel favorilerimden biri için - bir sayfada gezinirken gezinme çubuğunuzu otomatik olarak güncelleyen bir eklenti için etkileşimle oynamak için daha da fazla alan sunar.
*kaynak : argenova / Bootstrap nedir ?
Other Courses
15 Minutes to Ahh....
Guilt free "you-time". You deserve to unwind and catch your breath.
Easy Arabic stories (MSA)
Arabic for life from ZERO knowledge in Arabic to MASTERING
Cost Behavior and Cost Volume Profit (CVP) Analysis
Practical Accounting The Better Way to Learn. Breakeven Point, Target Profit, Change of Variables, Practice in Excel.
How to build a IT Startup from scratch.
Business models, examples, practical steps you should take, how to validate an idea with MVP technique and more.
About the instructors
- 4.58 Calificación
- 44079 Estudiantes
- 34 Cursos
Tuncay EROL
Öğretmen | En İyi Eğitmen
Tuncay Erol Lise öğrenimini Elektirik-Elektronik bölümünde tamamladıktan sonra AÜ Yönetim Bilişim Sistemleri bölümünden lisans derecesinde mezun oldu. Akabinde Marmara Üniversitesi Pedagojik Formasyon eğitimini alarak Öğretmenlik hayatına giriş yaptı. Yüksek Lisans eğitimini ise AYÜ Siber Güvenlik bölümünde tamamladı.
Ücretli ve Ücretsiz tüm kurslarıma sizi içtenlikle davet ediyorum. Web Sitem Üzerinden Kurs fırsatlarına ulaşabilirsiniz. Sevgiyle kalın..
Kurslarla alakalı avantajlardan yararlanmak için web siteme göz atabilirsiniz.
Eğitim verdiği alanlar;
Web Tasarım
Web Yazılım
Etkili İletişim Teknikleri
Python
Java
C
C++
C#
Student feedback
Course Rating
Reviews
Anlatım çok iyi.
Bootstrap dersi veriyorsunuz fakat bootstrapin telafuzunu bilmiyorsunuz. Komik gerçekten.
Başlangıç için mükemmel bir kurs
Emeğine sağlık, anlaşılır sade ve akıcı bir kurs.
Mükemmel anlatım. Ücretli ve daha genişletilmiş kurs olursa satın alabilirim.