Temel Beceriler, Ön Son Geliştiriciler İçin Master Olmak

İş ilanları, ön uç geliştiricide aradıklarında değişiklik gösterir. Bazı şirketler başvuranların Ruby, Git, tasarım araçları, video düzenleme gibi şeyleri bildiklerini ister ve liste devam eder.

Bununla birlikte, herhangi bir ön uç geliştirme mesleğinin gerektirdiği - "çekirdek" becerileri - ve repertuarınıza ciddi olarak eklemeyi düşünmeniz gereken birkaç kişi var.

Bilmeniz Gerekenler

Ön uç geliştiricilerin bilmek ve anlamak için anahtar olanı aramak için çevrimiçi iş listelerine göz atın; Üç önemli şey var.

Olmayan tartışılabilir.

Ve bunlar:

HTML
CSS
JavaScript (jQuery)

Bunlar temel özellikleridir. Neyse ki, bunları zaten bilmiyorsanız, bu becerileri öğrenebileceğiniz çok sayıda ücretsiz veya ekonomik çevrimiçi öğrenme platformu bulunmaktadır.

HTML

Köprü Metni Biçimlendirme Dili (HTML), Internet'teki tüm web sitelerinin temel yapısal bileşenidir. Jennifer Kyrnin'in dediği gibi,

"Bu, web sayfalarının dili, yani tarayıcıların web sayfalarını oluşturmak için okuduğu biçimlendirme dili. "

Web sayfaları HTML olmadan mevcut olamaz.

CSS

CSS ve HTML birlikte çalışır: CSS, HTML'ye stil ekler. Benzetimi, HTML'in yüz gibi göründüğünü ve CSS makyajın benzeri bir şekilde kullanmayı sever.

CSS bir web sitesini çevrimiçi hale getirmek için gerekli olmasa da, temel olarak her site çevrimiçi bir şekilde stil kullanıyor.

Aksi takdirde, çok sıkıcı olurdu. CSS'nin en yeni sürümleri ile, 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 ilerlemektedir. Günümüzde birçok amacı vardır ve ön veya arka uçta kullanılabilir.

Ön uç geliştirmeye ilişkin olarak, JS önemlidir çünkü web sayfalarını etkileşimli hale getirmeye yardımcı olur. Anketler, sınavlar veya form gönderme gibi müthiş şeyler yapabilirsiniz.

Günümüzde, web sayfalarınızı bir üst seviyeye çıkarmaya yardımcı olmak için çevrimiçi olarak çok sayıda JS kütüphanesi bulunmaktadır.

Bununla birlikte, bir ön uç geliştirici olmak için, yalnızca en popüler JS kitaplığı - jQuery gibi temel JavaScript'i anlamalısınız.

Nice-to-Haves

Temel bilgilerden geçtikten sonra, bunlar güzel olması gereken diğer becerilerdir. (Ve birçok ön uç gelişme işi onları arar.)

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 tane var: en popüler olandalardan ikisi omurgalı. Js ve köşeli. js.

Hiç şüphesiz, bir JS çerçevesi öğrenmek, gerçek bir ön uç geliştirici olmanın en zor kısmıdır, ancak becerilerinizi bir sonraki seviyeye taşımanın en iyi yoludur.

CSS Araçları

Yukarıdaki JavaScript çerçeveleri ile karşılaştırıldığında, aşağıdaki CSS araçları nispeten öğrenilebilir.Aramak için üç tür vardır:

Precompilers: Önceden bir komparatör (veya önişlemcisi) kullanmak, kod temizleyiciden organizasyonun korunmasına kadar bir çok avantaja sahiptir. CSS yazmanın kolay bir yoludur ve DRY (Yinelemeyin) ilkelerini geliştirir. Popüler CSS precompilers Sass, Less ve Stylus'dur. Sadece yeni başlamak istiyorsanız, öğrenmeye devam edin.

CSS çerçeveleri: CSS çerçeveleri yerleşik ızgaralar ve diğer CSS bileşenleri ile iş akışınızı optimize etmenize yardımcı olur. İki popüler örnek, Bootstrap ve Foundation'dır.

Duyarlı tasarım: Bugünlerde, sitenizin hepsine uyum sağlamaları gereken çok çeşitli cihazlar 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 tepki verici tasarıma sahiptir, bu yüzden bunlardan birini öğrenirseniz ayarlanırsınız.

Ön Uç Yapı Araçları

Geliştirici olarak, dosya boyutu optimizasyonunu ve iş akışı etkinliğini yönetebilmelisiniz. Bu araçlar yardımcı olabilir.

Paket Yönetimi: Özellikle büyük projeler veya bir ekiple çalıştıklarınız için tüm kütüphaneleri, varlıkları vb. Düzenlemek zor olabilir.

Her şeyi düzeltmek ve güncellemelerinizin günlüğünü tutmak için Bower gibi bir paket yöneticisi kullanın.

Yeoman. io: Bazen projeleri yerden almakta sorun yaşıyorsanız, projelerle çabucak başlamak ve üretken olmak için Yeoman'ı kullanın. Komut satırında çalıştırılır.

Görevli Çalışanlar: 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 Daha küçük önişlemciler için derleyici görevi görebilirler ve ayrıca diğer özelliklere sahip birçok eklentilere sahiptirler.

Sonuç

Güzel insanlara pek hoş gelmiyor gibi görünse de, bunları zamanla eklemeniz gereken beceriler olarak düşünün. Bilmeniz gereken temel şeyler HTML, CSS ve JavaScript'tir.

Diğer web becerileriniz varsa, ön uçla ilişkili olmasalar bile, bunları masaya getirin - tasarım, video düzenleme, SEO, vb. Gibi. Bir şirketin aradığı şeyi asla bilemezsiniz.

Ve tahmin et ne? Mükemmel uyum olabilirsin.