Bootstrap nedir ve ne zaman kullanmalıyım?

Özgür ve açık kaynaklı yazılımlar bize birçok şey için birden fazla alternatif sunuyor. Bu, hangisinin en iyi kullanılacağını bilmeyi zorlaştırır. Bir web sitesine ihtiyacınız yoksa ne olduğunu bilmenize gerek olmadığını söyleyerek başlayalım. Çizme atkısı ve ne zaman kullanılması gerektiği.

Eski günlerde, bir web sitesi yapmak için not defteri veya hatta bir kelime işlemci ile gayet iyi bir şekilde halledebiliyordunuz, ancakSayfalar etkileşimli hale geldi ve içeriğin daha sık güncellenmesi gerekti, yeni araçlar kullanmak gerekli hale geldi onları yaratmak için.

Bootstrap nedir ve ne zaman kullanmalıyım?

Bir yandan, Macromedia (daha sonra Adobe) Dreamweaver gibi, kod yazmanıza ve içeriği görsel olarak düzenlemenize izin veren görsel editörler ortaya çıktı. Linux'ta Kompozer veya NVU gibi aynı özelliklere sahip olmasalar da işi oldukça kolaylaştıran araçlarımız vardı.

Kod yazmada iyiyseniz, araç sıkıntısı yoktu. Anjuta veya Eclipse, uzman programcılar için ideal geliştirme ortamlarıydı.

Zamanla, içerik yöneticileri şu şekilde ortaya çıktı: WordPress Drupal o Joomla.  Bu tür bir yazılım, içerik oluşturmaya odaklanmak için kod yazmayı göz ardı etmeyi mümkün kıldı.. gibi yerler için ideal bir alternatif olduğu ortaya çıktı. Linux Adictos birkaç yazarın içeriği sürekli güncellediği.

Bunu biraz açıklayayım.

Kodlama açısından bir web sayfası şunları içerir:

• Belge Türü: Tarayıcıya hangi HTML sürümünün kullanıldığını söyler.
• HTML kapsayıcı: Tarayıcıya HTML belgesinin başlangıcını ve sonunu söyler ve dil gibi ek bilgileri içerebilir.
• Baş Konteyner: Sayfanın başlığı, yazar, içeriğin kısa bir açıklaması ve ilgili terimlerin listesi gibi tarayıcı ve arama motorları için faydalı bilgiler içerir. Ayrıca tarayıcıya, içeriğin ekranda nasıl oluşturulacağına ilişkin talimatları nerede bulacağını söyler.
• Gövde Konteyneri: İşte kullanıcının tarayıcıda göreceği tüm içerik.
• Komut dosyası ifadesi: Tarayıcıya, etkileşim eklemenize veya formları postayla göndermenize olanak tanıyan Javascript veya PHP gibi belirli programlama dillerinde talimatları nerede bulacağını söyler.

Gövde kapsayıcısının içindeki bir belgenin farklı bölümleri şunlardır:

• Başlık: Bu, web sitesinin başlığının görüntülendiği yerdir. Logo, bağlantılar, gezinme çubuğu veya diğer önemli bilgileri içerebilir.
• Gezinme: Bu kap, sitenin ana bölümlerine erişim sağlayan bir gezinme menüsü oluşturmak için kullanılır.
• Madde: İsim, işlevi oldukça açıklayıcıdır. Bir web sayfasındaki farklı konuları ayırt etmek için kullanılır. Örneğin, ana sayfada takip eden bu yazı Linux Adictos.
• bölüm: Bir makalenin farklı bölümlerini ayırın.
• kenara: Sayfanın yan tarafında görüntülenen içeriği gruplandırır.
• Altbilgi: Sayfanın altındaki bilgileri gösterir. Genellikle yol tarifleri, diğer sitelere bağlantılar ve menüyü tekrarlama gibi bilgileri görüntülemek için kullanılır.

Metnin farklı bölümlerini işaretlemek için kaplar var sırasıyla başlıkları ve paragrafları gösteren h (1 ila 6) op olarak.

İçerik yöneticisi olmasaydı, her zaman yazarları Linux Adictos Bir makale yayınlamak istesek sayfa kodunun tamamını sıfırdan yazmamız gerekirdi.  Ayrıca, ana sayfanın sırasını ve makalelerin listesini kategoriye göre manuel olarak güncellemeliyiz.

Ve yöneticiler bir yeniden tasarım yapacaklarsa veya yeni bir ekran boyutu ortaya çıkarsa, stil sayfalarını güncellemek gerekecekti.

İçerik yöneticileri sorunu

İçerik yöneticileri bahsettiğimiz koşullarda ideal olsa da, birkaç değişiklikle kurumsal veya bilgilendirici web siteleri gibi sık güncellenmeyen siteler söz konusu olduğunda kaynak israfıdır.  Öte yandan, veritabanlarının kullanımını içerirler ve popülerlikleri onları sık sık güncelleme gerektiren saldırıların nesnesi haline getirir.

WordPress'in özel durumunda, bence bloatware haline geliyor. Gittikçe daha fazla tema, çoğu durumda zaten yüklemiş olduğunuzla aynı işlevi yerine getiren eklentilerin yüklenmesini gerektiriyor. Ve en iyi avantajların çoğu ödeme yöntemi kapsamındadır. Ve tam olarak ucuz değiller.

Bootstrap gibi açık kaynaklı çerçevelerin kullanışlı olduğu yer burasıdır.  Bootstrap'i, bir şeyler inşa etmek yerine tüm ekran boyutlarına kolayca uyum sağlayan web siteleri oluşturmak için kullanılan bir kutu Lego tuğlası olarak düşünün. Düğmeler, simgeler ve temalar gibi ihtiyaç duyabileceğiniz hemen hemen her şeyle birlikte geldiği için tekerleği yeniden icat etmenize gerek yok. Ancak aynı zamanda tasarımlarınızın diğerleri gibi görünmemesi için esnekliğe sahipsiniz.

Bir sonraki makalede nasıl kullanılacağını göreceğiz.