Ancak, herhangi bir ön uç geliştirme işinin gerektireceği bazı beceriler var - “çekirdek” beceriler - ve repertuvarınıza eklemeyi ciddi olarak düşünmeniz gereken birkaç diğer.
Ne bilmek istiyorsun
Ön uç geliştiricilerin bilmesi ve anlaması için neyin anahtar olduğunu araştırmak için iş listelemelerine çevrimiçi göz atın; üç anahtar şey var.
Sigara tartışılabilir.
Ve onlar:
- HTML
- CSS
- JavaScript (jQuery)
Bunlar esaslar. Neyse ki, bunları zaten bilmiyorsanız, bu becerileri öğrenebileceğiniz birçok ücretsiz veya uygun fiyatlı çevrimiçi öğrenme platformu var .
HTML
HyperText Markup Language veya HTML, İnternet'teki tüm web sitelerinin temel yapısal bileşenidir. Jennifer Kyrnin'in dediği gibi,
“Web sayfalarının dili - tarayıcıların web sayfalarını oluşturmak için okuduğu işaretleme dili.”
Web sayfaları HTML olmadan mevcut olamaz.
CSS
CSS ve HTML birlikte çalışır: CSS, HTML'ye stil ekler. HTML'nin bir yüz gibi olduğu benzetmesini kullanmayı seviyorum ve CSS de makyaj gibidir.
Her ne kadar CSS çevrimiçi bir web sitesi almak için gerekli olmasa da, temel olarak her site online olarak bir çeşit stil kullanmaktadır.
Aksi takdirde, oldukça sıkıcı olur. CSS'nin en yeni sürümleriyle, geçmişte yalnızca JavaScript veya Flash ile mümkün olan animasyonlar ve daha gelişmiş stil gibi şeyler yapabilirsiniz.
JavaScript
JavaScript veya JS, yıllar içinde hızla ilerliyor. Günümüzde birçok amacı var ve ön veya arka ucunda kullanılabilir.
Ön uç geliştirme ile ilgili olarak, JS, web sayfalarını etkileşimli hale getirmeye yardımcı olduğu için önemlidir. Anketler, sınavlar veya form gönderimleri oluşturmak gibi harika şeyler yapabilirsiniz.
Bugünlerde web sayfalarınızı bir sonraki seviyeye taşımanıza yardımcı olacak çok sayıda JS kütüphanesi var.
Ancak, bir ön uç geliştirici olmak için, sadece temel JavaScript'in yanı sıra en popüler JS kütüphanesi olan jQuery'yi de anlamak zorundasınız.
Güzel-Haves için
Temelleri indirdikten sonra, sahip olmak için güzel olan diğer beceriler. (Ve bir çok ön uç geliştirme işi onları arıyor.)
MV * JavaScript Çerçeveleri
JavaScript çerçeveleri, kodunuzu düzenlemenize ve yoğunlaştırmanıza yardımcı olur.
MV * (veya MVC) seçenekleri gittikçe, orada otuz var: en popüler olmak iki tane backbone.js ve angular.js.
Şüphesiz, bir JS çerçevesinin öğrenilmesi, gerçek bir ön uç geliştirici olmanın en zor kısmıdır, ancak yeteneklerinizi bir sonraki seviyeye taşımanın en iyi yoludur.
CSS Araçları
Yukarıdaki JavaScript çerçeveleriyle karşılaştırıldığında, aşağıdaki CSS araçlarının öğrenmesi nispeten kolaydır. Aramak için üç çeşit vardır:
Precompiler: Bir precompiler (veya preprocessor) kullanarak kod temizleyiciyi bakım yapan kuruluşa kadar birçok avantajı vardır. CSS yazmanın ve DRY (Kendinizi Tekrar Etmeyin) ilkelerini tanıtmanın kolay bir yoludur. Popüler CSS ön bileşenleri Sass, Less ve Stylus'tur. Eğer yeni başlıyorsanız, bir tane öğrenmeye devam edin.
CSS çerçeveleri: CSS çerçeveleri, iş akışınızı yerleşik ızgaralar ve diğer CSS bileşenleri ile optimize etmenize yardımcı olur. İki popüler örnek Bootstrap ve Foundation.
Duyarlı tasarım: Bugünlerde, sitenizin hepsine uyum sağlayabilmesi için pek çok farklı cihaz var. Duyarlı tasarım, masaüstü, tablet ve akıllı telefon gibi tüm ekran boyutlarında çalışan siteler oluşturmanıza yardımcı olur. Bootstrap ve Foundation gibi çerçeveler yerleşik bir tasarıma sahiptir, bu yüzden bunlardan birini öğrenirseniz, belirlenirsiniz.
Ön Uç Oluşturma Araçları
Bir geliştirici olarak, dosya boyutu optimizasyonunu ve iş akışı verimliliğini yönetebilmelisiniz. Bu araçlar yardımcı olabilir.
Paket Yönetimi: Özellikle büyük projeler veya bir ekiple çalıştığınız yerler için tüm kütüphaneleri, varlıkları ve benzerlerini organize etmek zor olabilir.
Her şeyi sıralamak ve güncellemelerinizin kaydını tutmak için Bower gibi bir paket yöneticisi kullanın.
Yeoman.io: Eğer bazen projeler yapmakta zorlanıyorsanız, projeleri hızlı bir şekilde kullanmaya başlamak ve üretken kalmak için Yeoman'ı kullanın. Komut satırında çalışıyor.
Görev Koşucular: Dosyaları sıkıştırmak ve iş akışını optimize etmek için komut satırında da çalışan Grunt veya Gulp kullanın. Sass veya Less preprocessors için derleyiciler olarak hareket edebilirler ve ayrıca diğer özelliklere sahip geniş bir eklenti yelpazesine sahiptirler.
Sonuç
Sevenler için hoş bir şey gibi görünebilirken, onları zamanla eklemeniz gereken beceriler olarak düşünün. Bilmeniz gereken temel şeyler HTML, CSS ve JavaScript’tir.
Başka bir web becerileriniz varsa, ön uç ile ilgili olmasalar bile onları masaya getirin - tasarım, video düzenleme, SEO, vb. Bir şirketin ne aradığını asla bilemezsiniz.
Ve tahmin et ne oldu? Mükemmel uyum olabilirsiniz.