Gumby Daha Fazla Sevgiyi Hakeden Bir Web Çerçevesi

Deneyimli bir Web geliştiricisiyseniz, iyi bir çerçevenin proje zaman çizelgeleri için harikalar yaratabileceğini bilirsiniz. Doğru çerçeve, güzel ve hızlı bir web sitesini hemen hemen hiç bir araya getirmenize izin vermez - ve proje başına bütçe üzerinde çalışırken, bu esastır. Yine de sadece hız değil: Web sürekli gelişiyor ve siteniz için sağlam bir temele sahip olmak gelecekte daha kolay korunmasını sağlıyor. Bu yüzden Gumby çerçevesine ihtiyacınız var..

Gumby ile Kim Arkadaş Olabilir??

Gumby ile arkadaşlık kurmak için, en azından HTML ve CSS hakkında iyi bir çalışma bilgisine sahip olmanız gerekir - ve bazı JavaScript'de zarar vermeyecektir. Ama Gumby'nin sunduğu şeyden gerçekten zevk almak için Sass'ı anlamanız ve Düğümünüzün olması Node.JS Nedir ve Neden Umursamalıyım? [Web Geliştirme] Düğüm.JS Nedir ve Neden Umursamalıyım? [Web Geliştirme] JavaScript, tarayıcıda çalışan, yalnızca istemci tarafında çalışan bir programlama dilidir, değil mi? Artık değil. Node.js, sunucuda JavaScript çalıştırmanın bir yoludur; ama bu çok daha fazlası. Eğer… ve Ruby yüklüyse (Ruby 3 Etkileşimli, Eğlenceli, Öğrenmeye Başlamak İçin Ücretsiz Yollar öğrenmek zorunda kalmayacaksınız olsa da, Ruby Programlama Dili 3 Etkileşimli, Eğlenceli, Öğrenmeye Başlamak İçin Ücretsiz Yollar Ruby Programlama Dili Ruby, çok etkileyici seviyeli, betik dili, web üzerinde ağırlıklı olarak Ruby on Rails web geliştirme çerçevesinin bir parçası olarak kullanılır, fakat aynı zamanda bağımsızdır. Ruby'nin ne olduğunu merak ediyorsanız (…). Çoğu web çerçevesi gibi, Gumby çoğunlukla ne içindir? ne yaptıklarını zaten bilen geliştiriciler için.

Kodlayıcı değilseniz, endişelenmeyin! Bu makale sizin için olmayabilir, ancak kendi web sitenizi kurmayarak kaçırıyorsunuz Kişisel Bir Web Sitesi Oluşturmayarak Kaçırıyorsunuz: Kişisel Bir Web Sitesi Oluşturmayarak Kaçırdığınız 6 Efsaneyi Çözme: 6 Efsanenin İsrafı Kişisel bir web sitesine sahip olmayı hiç düşündünüz mü? Bilirsiniz - insanların kim olduğunuzu, ne yaptığınızı, hedeflerinizi ve özlemlerinizi ve elbette iletişim kurmak için okumaya gidebilecekleri bir yer…. İyi haber şu ki, bu roket bilimi değil. Hızlı bir şekilde birlikte bir şeyler çekmek istiyorsanız, WordPress çok yönlü bir seçenektir veya kodlama yapmayan bu yöntemlerden herhangi biriyle devam edebilirsiniz. Kodlama Yapmadan Dakikada Kendi Web Sitenizi Kurma Tüm Kodlama Becerileri Web büyüdükçe ve göz kamaştırıcı derecede hızlı bir şekilde büyüdükçe, web varlığı için ihtiyaç daha da artmaktadır. Dünyanın pek çok yerinde, sadece bir site yapmak için bir web varlığına sahip olmalısınız ....

Odadaki Filler: Önyükleme ve Zurb Vakfı

Web çerçevelerinin tartışılması, Twitter Bootstrap ve (bence daha iyi) Zurb Foundation'dan bahsetmeden tamamlanamaz. Bugün hepsini karşılaştırmayacağım, çünkü bu çok sıkıcı olurdu - ve daha da önemlisi, çünkü araçlar çok kişisel bir seçim..

Her üç çerçeve de anlamsal, özelleştirilebilir, duyarlı, kapsamlı UI kitlerine sahip ve önişlemciler kullanıyor. Gumby'ye yerleşmeden önce üçünü de denedim ve muhtemelen aynısını yapmalısınız. Ayrıca, önceden var olan herhangi bir kod üzerinde çalışıyorsanız, Bootstrap'ı kullanacağınız için, olasılıkla Bootstrap'da yolunuzu bilmek zorundasınızdır..

Deneyimden Konuşma: Konseptten Web Sitesine 3 Gün İçinde

Bir dakika içinde Gumby özelliklerinin çamaşır listesine ulaşacağız. İlk olarak, en alt satırda: Gumby ile kaba kağıttan bir tel çerçeveden 3 günden az bir sürede tam işlevli, duyarlı, güzel bir sayfalık kişisel bir ana sayfaya erişebildim (tam gün değil). Paralaks kaydırma, navbar, mobil cihazlarda iyi çalışan zahmetsiz dikey sekmeler - önceki deneyimlere kıyasla biraz telaşlı.

Özellikler Galore!

İşte şaşırtıcı bir gerçek: Gumby özellikleri hakkında bilgi edinmek için en iyi yer Gumby Özelliği bölümüdür. Site, çerçeveyi satabileceğimden çok daha iyi bir iş çıkarıyor, bu yüzden sizi sonsuz bir listede aşağılamayacağım. İşte en sevdiğim üçünün kısa bir özeti:

• UI takımı: Modern bir Webapp için ihtiyacınız olan her şeyi alırsınız. Düğmeler, göstergeler, gezinti (istediğiniz gibi yapışkan veya değil) ve ayrıca bir simge yazı tipi.
• Geçişler ve Anahtarlar: Başka bir öğeyi (veya başka bir grup öğeyi) değiştirmek için bir öğeyi tıklayın. Bu demek oluyor ki çok kendi sekmelerinizi, görüntü karusellerinizi veya öğeleri gösterip gizlemenizi gerektiren herhangi bir şeyi kolayca döndürebilirsiniz. burada geçişler ve anahtarlar hakkında.
• Tepki mixin: Sass'ınızı hedef çözünürlüğe göre ayarlamak için harika ve basit bir yol. Vitrin belirli bir boyutun altına düştüğünde gizli bir resim ister misiniz? Sorun değil. Bunun yerine farklı bir resim yükle? Emin. Yazı tipi boyutunu değiştir? Evet. Yanıtı burada okuyun. Ezuk.org'a gidip pencerenin genişliğini değiştirirseniz, onu eylemde görebilirsiniz: Üst bölümün nasıl kaybolduğunu ve gezinme stilinin nasıl değiştiğini not edin..

Kullandığım tüm Gumby özelliklerinden bunları seçtim çünkü karmaşık şeyleri kolaylaştırıyorlar (özellikle son ikisi).

Son Bir İpucu: Bir Astar Testi Web Sunucum

Herhangi bir Web çerçevesini kullanmak için yerel bir Web sunucusuna ihtiyacınız olacak. Her zaman tam teşekküllü bir XAMPP kurulumu ile gidebilirsiniz. XAMPP ile PC'nize bir Windows Web Sunucusu Nasıl Yüklenir XAMPP ile PC'nize bir Windows Web Sunucusu Nasıl Kurulur, ama benim için, bu çok önemli. Projemde çalıştırılacak herhangi bir sunucu tarafı kodu yoktu - tek ihtiyacım olan temel bir HTTP sunucusuydu. Kurtarma için Python:

python -m http.server

Bu tek liner, Windows altında Python yüklü, ilkel bir Web sunucusu bulmak için yeterlidir. Hizmet etmek istediğiniz dosyaları içeren dizine gidin, bunu çalıştırın ve presto:

Bir Sonraki Projenizde Deneyin

Bootstrap veya Foundation ile tamamen mutlu olsanız bile, ufkunuzu genişletmek hiçbir zaman kötü bir fikir değildir. Gumby'in size sunacağı çok şey var - bir sonraki projenizde deneyin ve düşüncelerinizi aşağıda paylaşın.