Front-End Geliştiriciler için Usta Çekirdek Becerileri

İş ilanları, bir ön uç geliştiricisinde aradıklarına göre değişir. Bazı şirketler adayların Ruby, Git, tasarım araçları, video düzenleme gibi şeyleri bilmesini ister ve liste devam eder.

Bununla birlikte, herhangi bir ön uç geliştirme işinin gerektireceği birkaç beceri vardır - “temel” beceriler - ve birkaçını da repertuarınıza eklemeyi ciddi şekilde eklemeyi düşünmeniz gerekir.

Ne bilmek istiyorsun

Ön uç geliştiricilerin bilmesi ve anlaması için anahtarın ne olduğunu bulmak için çevrimiçi iş ilanlarına göz atın; Üç anahtar şey var. Sigara tartışılabilir.

Ve onlar:

1. HTML
2. CSS
3. JavaScript (jQuery)

Bunlar temeller. Neyse ki, eğer zaten bilmiyorsanız, bu becerileri öğrenebileceğiniz birçok ücretsiz veya uygun fiyatlı çevrimiçi öğrenme platformu vardır.

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 okudukları biçimlendirme dili.”

Web sayfaları HTML'siz olamaz.

CSS

CSS ve HTML birlikte çalışır: CSS, HTML'ye stil ekler. HTML'nin bir yüze benzemesi benzetmesini ve CSS'nin de makyaj biçimine benzemesini seviyorum.

Her ne kadar CSS çevrimiçi bir web sitesi elde etmek için zorunlu olmasa da, temelde her site çevrimiçi bir tür stil kullanır.

Aksi takdirde, oldukça sıkıcı olurdu. En son CSS sürümleriyle, geçmişte yalnızca JavaScript veya Flash ile mümkün olan animasyonlar ve daha gelişmiş stiller 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 ucunda kullanılabilir.

Ön uç geliştirme ile ilgili olarak, JS web sayfalarını etkileşimli kılmaya yardımcı olduğu için önemlidir. Anket oluşturma, kısa sınav veya form gönderme gibi harika şeyler yapabilirsiniz. Günümüzde, web sayfalarınızı bir üst seviyeye çıkarmanıza yardımcı olacak çevrimiçi çok sayıda JS kütüphanesi bulunmaktadır.

Bununla birlikte, önde gelen bir geliştirici olmak için, yalnızca en popüler JS kitaplığı olan jQuery'nin yanı sıra temel JavaScript'i de anlamanız gerekir.

Güzel Beceriler

Temel bilgileri okuduktan sonra, bunlar sahip olmak için diğer yeteneklerdir. (Ve birçok ön uç geliştirme işi onları arıyor.)

MV * JavaScript Altyapıları

JavaScript çerçeveleri, kodunuzu düzenlemenize ve yoğunlaştırmanıza yardımcı olur.

MV * (veya MVC) seçeneklerinin olduğu sürece, orada otuz tane var: en popüler iki tanesi backbone.js ve angular.js.

Kuşkusuz, bir JS çerçevesi öğrenmek, gerçek bir ön uç geliştirici olmanın en zor kısmıdır, ancak yeteneklerinizi bir üst seviyeye çıkarmanın en iyi yoludur.

CSS Araçları

Yukarıdaki JavaScript çerçevelerine kıyasla, aşağıdaki CSS araçlarını öğrenmek nispeten kolaydır. Aramanız gereken üç tür var:

• Precompilers: Bir ön derleyici (veya önişlemci) kullanmak, kodu daha temiz hale getirme organizasyonuna kadar birçok avantaja sahiptir. CSS yazmanın ve DRY (Kendinizi Tekrar Etmeyin) ilkelerini desteklemenin kolay bir yoludur. Popüler CSS ön derleyicileri Sass, Less ve Stylus'tur. 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 etmeye yardımcı olur. İki popüler örnek Bootstrap ve Foundation.
• Duyarlı tasarım: Bugünlerde, sitenizin hepsine uyum sağlayabilmesi için çok farklı türde cihazlar var. Duyarlı tasarım, tüm ekran boyutlarında (masaüstü, tablet ve akıllı telefon) çalışan siteler oluşturmanıza yardımcı olur. Bootstrap ve Foundation gibi çerçeveler yerleşik olarak duyarlı bir tasarıma sahiptir, bu yüzden bunlardan birini öğrenirseniz hazırsınız demektir.

Ö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: Tüm kütüphaneleri, varlıkları vb. Düzenlemek, özellikle büyük projeler veya ekiple birlikte çalıştığınız projeler için zor olabilir. Her şeyin yolunda gitmesini sağlamak ve güncellemelerinizin kaydını tutmak için Bower gibi bir paket yöneticisi kullanın.
• Yeoman.io: Bazen projeleri yerden çıkarma konusunda sorun yaşıyorsanız, projeleri hızlı bir şekilde başlatmak ve üretkenliğini korumak için Yeoman'ı kullanın. Komut satırında çalıştırıldı.
• Görev İkincisi: 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 önişlemciler için derleyiciler olarak görev yapabilirler ve ayrıca diğer özelliklere sahip çok çeşitli eklentilere sahip olabilirler.

Sonuç

Yaşamak için güzel bir çok gibi görünse de, onları zamanla eklemeniz gereken beceriler olarak düşünün. Bilmeniz gereken temel şeyler HTML, CSS ve JavaScript'tir.

Başka bir web beceriniz varsa, ön uçta olmasanız bile, bunları tasarım, video düzenleme, SEO gibi masaya getirin.