• Buradasın

    Bootstrap

    Özetteki ilgi çekici içerikler

    • Bootstrap ve HTML Tablolar Eğitimi

      Bu video, bir konuşmacının sunduğu eğitim içeriğidir ve Bootstrap ile HTML tablolarının nasıl kullanılacağını anlatmaktadır.. Video, iki ana bölümden oluşmaktadır. İlk bölümde Bootstrap ile responsive tabloların oluşturulması, temel HTML tablo yapısı (table, tr, th, td, tfoot) ve Bootstrap'in table class'ı kullanılarak tabloların responsive hale getirilmesi gösterilmektedir. İkinci bölümde ise HTML tablolarında caption kullanımı, "caption" etiketinin kullanımı ve caption'ın tablonun hangi kısmında görünmesini istediğimizi belirtmek için "caption-top" özelliğinin kullanımı anlatılmaktadır.. Video, Bootstrap ile tabloların temel özelliklerini, düzenlemelerini ve caption kullanımını öğrenmek isteyenler için adım adım örnekler sunmaktadır. Konuşmacı, bu derste hemen hemen her şeye değinildiğini belirterek, tablolar konusunun uzun olduğunu ifade etmektedir.

      • youtube.com

    • Bootstrap Grid Sistemi Eğitim Videosu

      Bu video, bir eğitim içeriği olup, bir eğitmen tarafından Bootstrap'in grid sistemi hakkında bilgi verilmektedir.. Video, Bootstrap'in en önemli özelliği olan grid sisteminin nasıl çalıştığını anlatmaktadır. Eğitmen, getbootstrap.com sitesinden örnek bir sayfa kullanarak container ve container fluid sınıflarının farklarını, media query'lerin nasıl çalıştığını ve responsive tasarımın nasıl uygulandığını göstermektedir. Ayrıca, farklı ekran çözünürlüklerine göre container genişliklerinin nasıl değiştiği ve breakpoint'lerin (large, medium, small, extra small) ne anlama geldiği açıklanmaktadır. Video, bir sonraki derste kolonların nasıl kullanılacağına değineceğini belirterek sona ermektedir.

      • youtube.com

    • Bootstrap ile Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir web geliştirme eğitim içeriğidir. Eğitmen, Bootstrap kütüphanesi kullanarak web sayfası tasarımı konusunda adım adım rehberlik etmektedir.. Video, Bootstrap ile slider oluşturma ile başlayıp, div boyutlandırma, modal pencere oluşturma, kart (card) yapısı ve form tasarımı konularını kapsamaktadır. Eğitmen, her bir konuyu HTML kodları üzerinden pratik örneklerle anlatmakta ve Bootstrap'in temel bileşenlerini detaylı şekilde açıklamaktadır.. Eğitim boyunca, Bootstrap'ın karosel (carousel) özelliği, modal penceresi kullanımı, kart yapısı ve form elemanları (label, form grupları, açılır liste, onay kutusu) gibi temel bileşenlerin nasıl kullanılacağı gösterilmektedir. Ayrıca, formun ekran boyutuna göre responsive olması için col-md gibi sınıfların kullanımı da anlatılmaktadır.

      • youtube.com

    • Bootstrap Tablolar ve Boyutlandırma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Bootstrap kütüphanesindeki tablolar ve boyutlandırma için gerekli sınıfları öğretmektedir.. Video, öncelikle div etiketlerine genişlik ve yükseklik verme yöntemlerini göstererek başlıyor. Ardından tablo oluşturma, tablo sınıflarını (table, table-striped, table-success, table-danger, table-border, table-borderless, table-sm) kullanarak tablo renklendirme ve stillendirme tekniklerini detaylı şekilde anlatıyor. Son bölümde ise responsive tasarım için tabloların nasıl genişletileceği ve scroll özelliğinin nasıl kullanılacağı gösteriliyor.

      • youtube.com

    • Bootstrap ile Form Kontrolleri Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Bootstrap kullanarak form kontrolleri oluşturma sürecini adım adım göstermektedir.. Video, Bootstrap'in select class form kontrolü kullanarak son kullanma tarihi ve yılı için seçenekler oluşturma konusunu ele almaktadır. Eğitmen, form grubu oluşturma, label ekleme, div sınıfları kullanma ve optionlar eklemek için gerekli kodları göstermektedir. Ayrıca, kodlama sırasında karşılaşılan bir hata ve çözümü de paylaşılmaktadır. Video, form kontrollerinin nasıl oluşturulacağını ve Bootstrap ile form tasarımı yapmak isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • Bootstrap Konteyner ve Konteyner Flüt Klasları Eğitimi

      Bu video, bir web geliştirme eğitim dersidir. Eğitmen, Bootstrap kütüphanesindeki konteyner ve konteyner flüt klaslarını anlatmaktadır.. Videoda konteyner klasının web sitesinin iskeletini oluşturan bir yapı olduğu açıklanmaktadır. Eğitmen, konteyner klasının kullanımını adım adım göstererek, div etiketi içinde konteyner klasının nasıl kullanılacağını, arka plan rengi ve yazı rengi ayarlarını nasıl yapacağını ve ekran boyutunun değişmesine rağmen konteynerin nasıl davranacağını göstermektedir. Ayrıca konteyner flüt klasının sayfanın tamamına yayılma özelliğini de anlatmaktadır. Video, bir sonraki derste ızgara sisteminin öğrenileceği bilgisiyle sonlanmaktadır.

      • youtube.com

    • Bootstrap ile Mobil Uyumlu Olmayan Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, Bootstrap kullanarak mobil uyumlu olmayan bir web sitesinin tasarımını adım adım göstermektedir.. Videoda, web sitesinin alt kısmının tasarımı anlatılmaktadır. İlk olarak konteyner ve row-col yapısı oluşturulup, Font Awesome'dan ikonlar kullanılarak bir paragraf ve buton eklenmektedir. Ardından "Hizmetlerimiz" bölümünün nasıl oluşturulacağı gösterilmekte, her bir hizmet için resim ve metin ekleme, yazı formatlama ve boşluk ayarları yapılmaktadır.. Eğitim, flexbox yapısı kullanarak öğeleri yan yana düzenleme, class'lar vererek tasarım biçimlendirme ve padding, margin gibi CSS özellikleri uygulama gibi teknik detayları içermektedir. Video sonunda, bir sonraki derste "Hakkımızda" bölümünün yapılacağı belirtilmektedir.

      • youtube.com

    • Bootstrap'te Figür Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı Bootstrap'te figür kullanımını anlatmaktadır.. Video, Bootstrap'te figür konusunun nasıl kullanılacağını adım adım göstermektedir. Konuşmacı, figür ve fig caption HTML5 elementlerinin Bootstrap ile nasıl oluşturulacağını, responsive tasarım için img fluid ve thumbnail sınıflarının kullanılmasını, fig caption'ın sağ tarafta görünmesini sağlayan text-end class'ını ve resmin köşelerini yuvarlayan rounded class'ını örneklerle açıklamaktadır. Video, content konusunun son bölümü olup, bir sonraki videoda formlar ve komponentler konusuna geçileceği belirtilmektedir.

      • youtube.com

    • Bootstrap RFS (Responsive Font Size) Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı Bootstrap'in RFS (Responsive Font Size) özelliğini anlatmaktadır.. Video, RFS'in ne olduğunu ve nasıl kullanıldığını açıklamaktadır. RFS, Bootstrap'in 5. versiyonuyla entegre edilmiş bir eklenti olarak, farklı tarayıcı boyutlarında yazı boyutlarını otomatik olarak ayarlayarak daha düzgün bir içerik sunmayı sağlar. Konuşmacı, RFS'in nasıl çalıştığını göstermek için bir örnek sunarak, yazı boyutlarının ekran boyutuna göre nasıl değiştiğini göstermektedir. Ayrıca, RFS'in özelleştirilebilir olduğunu ve SAS dosyasında customize bölümünde bu özelleştirmelerin yapılabileceğini belirtmektedir.

      • youtube.com

    • Angular CLI'ye Bootstrap Kurulum Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Angular CLI'ye Bootstrap entegrasyonunu adım adım göstermektedir.. Video, Angular CLI'ye Bootstrap kurulumunun nasıl yapılacağını detaylı şekilde anlatmaktadır. Önce npm ile Bootstrap'in kurulumu, ardından Angular CLI.json dosyasına script ve style dosyalarının eklenmesi, Angular CLI sitesinden gerekli modüllerin yüklenmesi ve son olarak Bootstrap bileşenlerinin (örneğin buton) projeye nasıl entegre edileceği gösterilmektedir. Video, bir sonraki derste Bootstrap araçlarının daha detaylı kullanılacağını belirterek sonlanmaktadır.

      • youtube.com

    • ASP.NET MVC Veritabanı İşlemleri ve Bootstrap Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere ASP.NET MVC framework'ünde veritabanı işlemleri ve Bootstrap kullanımı konusunda adım adım rehberlik etmektedir.. Video, veritabanı üzerinde insert, update, delete gibi temel işlemlerin nasıl yapılacağını göstererek başlıyor. Ardından, veritabanından çekilen verilerin ASP.NET MVC sayfasına nasıl gönderileceği, view models kullanarak veri aktarımı ve Bootstrap ile sayfanın nasıl tasarlanacağı anlatılıyor. Eğitmen, Bootstrap'in temel bileşenlerini (div, row, column, list-group, list-group-item) kullanarak sayfayı ikiye ayırarak kişiler ve adresler listelerini nasıl düzenleyeceğini gösteriyor.

      • youtube.com

    • CPanel ile Web Sitesi Yükleme Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı web sitesi yükleme sürecini adım adım göstermektedir.. Video, Bootstrap gibi kodlar kullanılarak tasarlanan bir web sitesinin nasıl online bir server'a yükleneceğini anlatmaktadır. Konuşmacı, eski tip FTP programları yerine CPanel üzerinden dosya yükleme işleminin daha kolay olduğunu vurgulayarak, CPanel'e nasıl giriş yapılacağını, dosya yöneticisini nasıl kullanacağını ve web sitesine dosya yükleme sürecini göstermektedir. Ayrıca, web sitesine yapılan değişikliklerin nasıl yükleneceği de örnek olarak anlatılmaktadır.

      • youtube.com

    • Bootstrap Form Tasarımı ve JavaScript Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan yazılım eğitim serisinin on birinci bölümüdür. Eğitmen, form tasarımı ve JavaScript kullanımını adım adım göstermektedir.. Video, formun CSS özelliklerinin geliştirilmesi ile başlayıp, JavaScript ile formun boş alanlarının kontrolü ve gönder butonunun disable edilmesi ile devam etmektedir. Daha sonra React ve Vue.js teknolojileri kullanılarak form gönderme işleminin nasıl yapılacağı, Axios kütüphanesi ile veri gönderimi ve form başarılı olduğunda kullanıcıya bildirim verme işlemleri anlatılmaktadır.. Eğitim, formun gönderildiğinde router push ile listeye yönlendirme yaparak kullanıcıya bildirim gönderme işlemini uygulamalı olarak göstermektedir. Video, bir serinin parçası olup, bir sonraki videoda listeye basıldığında işin biteceği belirtilmektedir.

      • youtube.com

    • Bootstrap Popover Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir.. Video, Bootstrap'in popover özelliğinin nasıl kullanılacağını adım adım göstermektedir. İlk bölümde popover'ın temel kullanımı, title ve content bilgilerinin tanımlanması, trigger özellikleri ve HTML içeriğinin eklenmesi anlatılırken, ikinci bölümde sayfada bulunan tüm data toggle'lara popover özelliği kazandırma, data placement ayarları ve JavaScript ile popover elementlerini listeleme işlemleri gösterilmektedir.. Eğitim boyunca kod yazımı, konsolda sonuçların incelenmesi ve pratik örnekler üzerinden Bootstrap popover'ın farklı kullanım şekilleri detaylı olarak açıklanmaktadır. Ayrıca, popover'ın göstermeden önce, gösterdikten sonra, gizlenmeden önce ve gizlendikten sonra çalışacak olayların nasıl tanımlanacağı da gösterilmektedir.

      • youtube.com

    • Bootstrap ile Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Bootstrap kullanarak web sitesi oluşturma eğitimidir. Eğitmen, temel HTML ve CSS bilgisi olan izleyicilere yönelik adım adım bir ders sunmaktadır.. Videoda, Bootstrap'ın temel bileşenlerinin nasıl kullanılacağı gösterilmektedir. İlk bölümde menü (navbar) oluşturma, responsive tasarım için breakpoint'leri kullanma, slider ekleme ve footer oluşturma konuları ele alınırken, ikinci bölümde kartların (card) nasıl ekleneceği, düzenleneceği ve yatay-dikey olarak nasıl yerleştirileceği anlatılmaktadır.. Eğitmen, Bootstrap'ın class'larını kullanarak web sitesinin görünümünü nasıl özelleştirebileceğinizi göstermekte ve temel HTML bilgisi olmadan bile Bootstrap'ı nasıl kullanabileceğinizi açıklamaktadır. Ayrıca, bu serinin devamında HTML ve CSS ile sıfırdan web sitesi yapma videosu çekeceğini belirtmektedir.

      • youtube.com

    • ASP.NET ve Bootstrap ile Dinamik Web Sitesi Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimidir. Eğitmen, izleyicilere ASP.NET ve Bootstrap kullanarak dinamik bir web sitesi nasıl oluşturulacağını adım adım göstermektedir.. Video, Visual Studio 2015 kullanarak boş bir web projesi oluşturma ile başlayıp, Bootstrap ve jQuery kütüphanelerinin projeye eklenmesi, master page oluşturma, menü ve footer tasarımı, jumbotron eklemesi ve kart görünümü oluşturma gibi konuları kapsamaktadır. Ayrıca Bootstrap'un 12 birimlik grid sistemini kullanarak sayfayı düzenleme, responsive tasarım ve stil verme teknikleri de detaylı olarak anlatılmaktadır.. Eğitim, temel web geliştirme tekniklerini öğrenmek isteyenler için hazırlanmış olup, ilerleyen aşamalarda veritabanı oluşturma, verileri çekme ve admin paneli yapımı gibi konuların da işleneceği belirtilmektedir.

      • youtube.com

    • Bootstrap ve CSS Flexbox ile Responsive Header Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, Bootstrap kütüphanesi ve CSS Flexbox kullanarak responsive bir web sayfası header tasarımı yapmaktadır.. Videoda, HTML ve CSS kodları yazarak adım adım bir header tasarımı gösterilmektedir. Eğitmen önce temel HTML yapısını oluşturup, ardından Bootstrap class'ları ve CSS Flexbox özellikleri kullanarak logo yerleştirme, menü oluşturma, hover efektleri ekleme ve login alanı tasarımı gibi adımları detaylı olarak anlatmaktadır.. Eğitimde ayrıca Font Awesome font kütüphanesinin ekleme, arama butonu ve input alanının oluşturulması, gradient arka plan oluşturma ve responsive tasarım için konteyner genişliği ayarlama gibi konular da ele alınmaktadır. Eğitmen, dökümantasyonu sık sık kullanarak class'ların anlamlarını açıklamakta ve flexbox yapısının responsive tasarım için önemini vurgulamaktadır.

      • youtube.com

    • Bootstrap Kurulum Eğitimi

      Bu video, bir eğitim serisinin ikinci dersi olup, bir eğitmen tarafından Bootstrap'in kurulumunu anlatan bir eğitim içeriğidir.. Videoda Bootstrap'in iki farklı kurulum yöntemi gösterilmektedir: referans göstererek ve paket kurulumu yaparak. Eğitmen önce getbootstrap.com adresinden Bootstrap paketini indirme sürecini anlatır, ardından NetBeans derleyicisi kullanarak referans göstererek Bootstrap'i nasıl kullanabileceğimizi gösterir. Daha sonra paket kurulumu yaparak Bootstrap'i projeye nasıl dahil edebileceğimizi adım adım gösterir. Video, referans yoluyla kurulum yapmanın dezavantajlarını da vurgulayarak, paket kurulumunun daha tercih edilmesi gerektiğini belirtir.

      • youtube.com

    • Sublime Text ile Bootstrap Eklentisi Kurulum Rehberi

      Bu video, Anar adlı bir eğitimcinin Sublime Text ile Bootstrap eklentisinin nasıl kurulacağını gösterdiği bir eğitim içeriğidir.. Videoda, Bootstrap kullanırken tüm sınıfları ezberlemeden kolayca kullanabilmenizi sağlayan bir eklentinin kurulumu adım adım anlatılmaktadır. Önce eklentinin GitHub'dan indirilmesi, sıkıştırılmış dosyanın açılması, Sublime Text'e paket kontrolü kurulumu ve eklentinin yüklenmesi gösterilmektedir. Son olarak, eklentinin nasıl kullanılacağı örneklerle açıklanmaktadır.

      • youtube.com

    • Bootstrap Popover Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, bir eğitmen tarafından Bootstrap kütüphanesindeki Popover özelliğinin nasıl kullanılacağı adım adım gösterilmektedir.. Videoda, Popover özelliğinin Bootstrap kütüphanesinden nasıl ekleneceği, nasıl kullanılacağı ve özelleştirileceği anlatılmaktadır. Eğitmen, önce Bootstrap sitesinden Popover kütüphanesini nasıl bulacağını, ardından örnek kodları nasıl kopyalayacağını ve kendi sayfasına nasıl entegre edeceğini göstermektedir. Ayrıca, Popover'ın açılış yönünü (top, bottom, left, right) değiştirme, pointer ekleme ve title özelliğini kullanma gibi temel özellikler de açıklanmaktadır. Video, bir sonraki derste bu özelliklerin nasıl düzenleneceği ve ikonlar ekleneceği bilgisiyle sonlanmaktadır.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor