Front-End Web Geliştiricisi Olarak Nereden Başlamalı?

Bu yazımda sizler için Bradley Nice’ın “Where To Start As A Front-End Web Developer?” çevirdim. Çok yararını gördüğüm bu yazı ile dilerim kafanızdaki soru işaretlerini giderebilirsiniz.

Front-end geliştirme bir okyanus gibidir. Bir geminiz vardır ama haritanız yoktur. Önce sığ suları öğrenin, sonra derinlere inin.

Front-end geliştirici olmak, bugün iş piyasasındaki en aktif ve en kazançlı işlerden biridir. Çok yetenekli geliştiriciler için her zaman yüksek bir talep vardır.

Front-end geliştirici, web tarayıcısı tarafından çalıştırılan koda odaklanan bir ön uç geliştirici için en popüler terimdir. Bir front-end geliştirici için ortalama maaş, 2+ yıllık deneyim için 75 bin ila 100 bin dolar arasındadır.

İyi bir front-end web geliştiricisi olmanın birkaç özelliği şunlardır:

çok yönlüdür
empati kurabilir
Güçlü iletişim becerileri
Farklı insan gruplarıyla çalışmakta iyidir
Tasarım ve estetiğe ilgi duyar
Bir konseptte yapıyı görselleştirmede yeteneklidir
Front-End hakkında konuştuğumuzda, sunucuda (kullanıcının bağlandığı web sitesinin) yorumlanan dilleri olan Back-End’in aksine, kullanıcıların tarayıcısı tarafından yorumlanan dilleri kastediyoruz. Tarayıcı tarafından yorumlanan Front-End dilleri HTML (Köprü Metni İşaretleme Dili), CSS (Basamaklı Stil Sayfası) ve JavaScript’tir ve her biri benzersiz bir amaca hizmet eder.

Yani 1. ipucu

1. HTML ve CSS öğrenin

Sanırım bunun bir yolu yok. HTML ve CSS öğrenin. Neden? Niye? Çünkü temeller önemlidir.

HTML (Hyper Text Markup Language) ve CSS (Cascading Style Sheets), web kodlamanın en temel yapı kareleridir. Bu iki şey olmadan, bir site taslağı oluşturamazsınız ve elde edeceğiniz tek şey ekrandaki biçimlendirilmemiş düz içeriktir.

HTML ve CSS’ye nasıl başlayacağınızla ilgili her türlü farklı çevrimiçi kurs ve kitap mevcuttur. Örneğin, şunları deneyin:

Sites: Codecademy, FreeCodeCamp.com, SoloLearn (HTML), SoloLearn (CSS), Treehouse (HTML), Treehouse (CSS), Tutsplus, A to Z CSS, Dash, Web Accessibility, The Hello World, Khan Academy, HTML5 from Scratch, Sitepoint, Usersnap

Books: Mozilla, Dive into HTML5, HTML Dog, HTML & CSS, HTML Canvas

© The Best Websites to Learn Coding

Ayrıca yeni öğrendiğiniz HTML ve CSS becerilerinizi uygulamak için bazı küçük UI öğeleri geliştirmenizi de tavsiye ederim. Codepen.io bunun için harika bir oyun alanı. Diğer insanların projelerine göz atın ve orada topluluğa katılın.

2. Bir Şeyler Build Edin

(Küçük) UI öğeleriyle oynamak bir şeydir. Gerçek bir açılış sayfası veya web sitesi oluşturmak farklı bir şeydir. Bir noktada, sonunda JavaScript snippet’lerini kullanmaya başlayacaksınız.

JavaScript, sağlam bir programlama dilidir ve onu öğrenmek için, kıyaslandığında oldukça basit olan HTML ve CSS’den çok daha fazla zaman harcamayı bekleyebilirsiniz.

JavaScript’in temellerini öğrendikten sonra, jQuery, Underscore, React, Angular2, Riot, vb. Gibi JavaScript kitaplıkları gibi daha gelişmiş konuları öğrenmenizi öneririm.

Sitelerin ve bunlarla ilgili kitapların listesine göz atın: Kodlama Öğrenmek İçin En İyi Web Siteleri

3. Oku, Oku, Oku

Sanırım bunun daha kolay bir yolu yok. Okuma becerileriniz, harika bir front-end geliştirici olma yolunuzu büyük ölçüde etkiler. Özellikle başlarken, çok fazla okuma gerekiyor.

İlk başta muhtemelen farklı şeylerin nasıl yapılacağına dair birçok makale, kılavuz ve el kitabı okuyacaksınız. Ayrıca diğer kişilerin kodunu okumaya başlayacaksınız.

Kontrol etmek isteyebilirsiniz: Ön Uç Geliştiriciler için Faydalı Belgeler ve Kılavuzlar

4. Ön Uç Geliştirme Sadece Web Siteleri Oluşturmakla İlgili Değildir

1'den 3'e kadar olan ipuçlarımı izlediyseniz, muhtemelen zaten bir kursa gittiniz veya çok sayıda öğretici okudunuz ve şimdi bir web sitesi oluşturabilirsiniz.

Ancak bu, “front-end geliştirici” olmak anlamına gelmez. Bir web sitesinin nasıl oluşturulacağını bilmek, front-end bulmacasının çok küçük bir parçasıdır.

Öğreneceğin bir dolu konu var. Performans, test, QA ve diğer birçok alanı düşünürsek, o zaman gerçekten bir front-end geliştirici olamak için artık derinlere dalmanız gerekir.

5. Araçlarınızı Tanıyın

Yolculuğunuza ön uç geliştirme ile başlarken, hayatınızı kolaylaştırmak için toolkit ve ihtiyacınız olan servislere karar vermeniz gerekecektir. Farklı toolkit seçenekleri hakkında bilgi edinmek önemli bir şeydir. Harika toolkitler, ön uç geliştirme iş akışınızı geliştirmenize ve otomatikleştirmenize yardımcı olacaktır.

Aşağıdaki gönderi size yardımcı olabilir: Ön Uç Web Geliştiricileri için En İyi Ücretsiz Araçlar ve Kaynakların Nihai Listesi

6. Aracı Olun

Bir ön uç geliştirici olarak, kendinizi bir tür aracı rolüne soktuğunuzun farkında olmalısınız. Bir aracı olarak, QA çalışanları, müşteriler, UX uzmanları ve diğer geliştiricilerle iletişim halindesiniz. Farklı bakış açılarını dikkate almanız gerekecek.

Bu nedenle HTML, CSS ve JavaScript’in temellerini öğrenmenin yanı sıra net bir şekilde iletişim kurabildiğinizden emin olmanız gerekir.

7. Acele Etmeyin ve Soru Sorun

Yol boyunca kendinize bunu neden yaptığınızı soracaksınız ve sadece durmak isteyebilirsiniz. Sadece vazgeçmek cazip gelebilir. Ama yapma. Bu noktadaysanız, size tek bir tavsiyem var:

PES ETMEYİN

Öğrenmek için her gün bir veya iki saat ayırın. Çok fazla mola verin ve temelleri gerçekten bildiğinizden emin olun. Ve asla acele etmeyin.

Temel bilgiler, bir sonraki seviyeye geçmenize yardımcı olacak temeli oluşturur.

Sıkışmış hissediyorsanız, soru sormaktan korkmayın. Herkes bu aşamadan geçer ve bunu sürdürmek için sabra sahip olmak, sonunda ön uç geliştirmede bir profesyonel olarak çıkmanıza yardımcı olacaktır.

Bitirirken

Front-end geliştirici olmak kesinlikle biraz zaman alacaktır. Bu blog yazısında sunulduğu gibi, bir front-end geliştirici olmak, yalnızca çeşitli front-end frameworkleri ve programlama dillerini öğrenmekle ilgili değildir. Bir ön uç geliştirici olarak etkileşim, sorumluluklar ve rollerle ilgilidir.

Web hızla gelişen bir evren olduğundan, harika front-end geliştiriciler öğrenmeyi asla bırakmamalıdır. Twitter’da ön uç uzmanlarını takip etmek gibi küçük şeyler bile öğrenme eğrinizi etkileyecektir.

Oraya ulaşmak için biraz sabırlı olmanız gerekiyor. Acele etmek mantıklı değil çünkü sizi mutlu etmeyecek. Öğrenirken ve denerken eğlenmeyi asla unutmayın.

İyi günler!

Bradley Nice,