Front-end Developer Ne İş Yapar?

@azizarsl

Aziz Arslan

Front-end Lead @metglobal

@azizarsl

Gündem

• Nedir?
• Bu ihtiyaç nasıl doğdu?
• Sorumluluk alanları
• İyi bir Front-end Developer olmak için ne yapmalıyız?

@azizarsl

Nedir?

HTML, CSS ve JavaScript teknolojilerini kullanarak, kullanıcıların etkileşime girdiği web sayfaları hazırlayan kişidir.​

@azizarsl

Nedir?

@azizarsl

Designer

Back-end Dev.

Front-end Dev.

Bu İhtiyaç Nasıl Doğdu?

@azizarsl

HTTP Protokolü - 1990

Sunucular ile kullanıcılar arasında istek ve cevapların nasıl aktarılacağına dair kurallar ve yöntemleri düzenleyen sisteme denir. 

@azizarsl

HTML - 1991

Düz yazı tabanlı belgelerin birbirlerine nasıl bağlanacaklarını ve belge içindeki yazıların yanında resim, ses, video gibi dosyaların nasıl yerleşeceklerini belirleyen ve etiket (tag) denilen kod parçalarından oluşan bir sistemdir.

@azizarsl

MOSAIC Browser - 1993

National Center for Supercomputing Applications (NCSA)'da oluşturulmuş ilk global web tarayıcısıdır. 1997 yılına kadar geliştirilmeye devam edilmiştir.

@azizarsl

Netscape Browser - 1994

Modern olarak tabir edebileceğimiz web tarayıcılarının öncüsü ve piyasanın eski lider web tarayıcısıdır. Netscape Navigator ve Netscape Communicator olarak da bilinir.

@azizarsl

Opera Browser - 1995

İlk özelleştirilebilir web tarayıcısıdır. Aslında bir çok modern web tarayıcısı özelleştirilebilme modellerini Opera Web tarayıcısından miras almıştır. Aynı zamanda mobil web tarayıcısı, sekmeli gezinme ve günümüze kadar gelmiş bir çok önemli özelliğin babasıdır.

@azizarsl

Internet Explorer - 1996

Internet dünyası tarafından koyulan standartlara uymaması ve kendi standartlarını dayatması ile ünlüdür. Yaygın olarak kullanılmasının sebebi Microsoft Windows işletim sistemi ile birlikte ön yüklü olarak geliyor olmasıdır.

@azizarsl

CSS - 1996

Web sayfasında geçerli olmasını istediğimiz font tipi, font rengi, zemin rengi, link renkleri, genişlik, yükseklik ve daha bir çok görsel ayarlamaları tanımlamak için kullanılır.

@azizarsl

XML - 1998

Basit anlamda veri saklamak ve farklı sistemler arasında veri alışverişi yapabilen dokümanlar oluşturmaya yarayan bir doküman standartıdır.

@azizarsl

AJAX - 1999

İnternet sayfalarında JavaScript ve XMLHttpRequest objesi aracılığı ile etkileşimli uygulamalar yaratan tekniğin adıdır.

Asenkron olarak sayfa içerisinde birden çok işlem yapılmasına olanak sağlayarak etkileşimli, hızlı güncellenebilen web siteleri yaratmak amacıyla kullanılır.

@azizarsl

Safari Browser - 2003

Apple tarafından MacOS ve iOS işletim sistemleri için geliştirmiş olduğu web tarayıcısıdır.

@azizarsl

Mozilla Firefox - 2004

Netscape'in kaynak kodunu açmasıyla ortaya çıkan, web standartlarına sıkı sıkıya bağlı, en gözde web tarayıcılarından biridir.

Mozilla bünyesinde web tarayıcısı olarak Firefox, e-posta yöneticisi olarak Firebird gibi bir çok kullanışlı aracı hayatımıza katmıştır.

@azizarsl

Google Chrome - 2008

Google Chrome, Google tarafından geliştirilen gelişmiş bir web tarayıcısıdır.

Temel olarak Chromium isimli açık kaynak kodlu projeyi kullanır. Masaüstü bilgisayarlar ve akıllı telefonlarda yaygın olarak kullanılır.

@azizarsl

Sorumluluk Alanları

• Performans
• Kullanılabilirlik (Usability)
• Sürdürülebilirlik (Maintainability)
• Yerelleştirme (Localization)
• Mobil Platformlar
• Browser Uyumlulukları

@azizarsl

Performans

@azizarsl

Kullanılabilirlik

@azizarsl

Sürdürülebilirlik

@azizarsl

Yerelleştirme

@azizarsl

Mobil Platformlar

@azizarsl

Browser Uyumlulukları

@azizarsl

İyi bir Front-end Developer olmak için ne yapmalıyız?

@azizarsl

Yabancı Dil

@azizarsl

Araştır, Merak Et, Dene!

• Yerli ve yabancı kaynakları sürekli takip edin.
• Bol bol kitap okuyun.
• Github ve Twitter'da sizinle aynı işi yapan insanları takip edin.
• Eğitimlere katılın.
• Açık kaynak projelerin kodlarını okuyun, anlamaya çalışın. Hatta katkıda bulunun.
• Sürekli deneyin. Olmuyorsa bir daha deneyin.

@azizarsl

Pes Etme!

@azizarsl

Kaynaklar

Altan Yılmaz - "World Wide Web"in Dünü
https://line.do/tr/world-wide-webin-dunu/a3y/vertical

Nelson Menezes - Professional Front End Development
https://www.slideshare.net/nelsonmenezes/professional-front-end-development-2542940

Üstün Özgür - Nasil İyi Bir Yazılım Geliştirici Olunur
https://www.youtube.com/watch?v=VxUCxsK-BRk

@azizarsl