Salı 26 Eylül 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Güncel
  3. Front-End Developer Kimdir, Nedir, Necidir ?
 Front-End Developer Kimdir, Nedir, Necidir ?
Güncel

Front-End Developer Kimdir, Nedir, Necidir ?

Yazar : Fatih 26 Mayıs 2016 7 Comments

İçindekiler

  • Front-end developer ne ayak?

    • Zamanını nasıl kullanır?

      • Ortak çalışır

      • Sözlü tercümandır

      • Birleştirendir

      • Test edendir

      • En iyileştiricidir

      • Sağlamlaştırma yapandır

      • Araştırma yapandır

  • Front-End Developer nasıl olmalı

  • Front-End Developer alt ünvanları

          • http://frontenddeveloperjob.com/what-is-a-front-end-developer/ http://www.skilledup.com/articles/life-front-end-web-developerinfographic https://www.techopedia.com/definition/29569/front-end-developer

“Tasarım nasıl gözüktüğü veya nasıl hissettirdiği değildir, nasıl çalıştığıdır. Steve Jobs”

Front-end Developer neyin nesidir kendisinden neler istenir kısmına geçmeden önce, bir web geliştirme süreci nasıl işliyor kısacası ona bakalım isterseniz.

  1. Öncelikle müşterinin istekleri net anlaşılır ve web sitenin nasıl olması gerektiği bilgisi alınır. Bu bilgi ve istek doğrultusunda site haritaları çıkartılır.
  2. Tasarımcı bu bilgileri alır ve müşterinin talep ettiği şekilde kullanılabilirliği ve uygulanabilirliği mümkün olan bir tasarımı çıkartıp müşterinin onayına sunar. Müşterinin istediğini tasarım ortamına aktarma işlemi yapar. Renk uyumunun nasıl olacağına karar verilir. vs. Bu kısım biraz sancılı olabiliyor. Tasarım konusunda Steve Jobs’un sözünü boşuna yazmadık 😉 Onay alınan tasarım .psd ve benzeri formatlarda front-end developer’ın ekmeğidir. 🙂
  3. Front-end developer tasarımı alır ve HTML ile CSS yeteneklerini kullanarak sayfayı ayağa kaldırır. 🙂 Bu işlem sırasında çoğu zaman Javascript ve kütüphaneleri(jQuery vb.) kullanıldığında unutulmamalıdır. Statik bir biçimde sitemiz hazır duruma geliyor.
  4. Genelde statik siteden dinamik siteye geçiş oluyor. Dinamik sitelerde ise front-end web developerdan çıkan tasarım back-end developer olan kişilere geçer. Web siteye yönetim panelinin programlanması, ürün giriş ve çıkışın olacağı bir mekanizma programlanması gibi işlemleri back-end developer yapar. Günümüzde e-ticaret siteleri, haber siteleri vb. dinamik sitelere örnektir.

Webmaster.Kitchen-back-front-end-and-fullstack-developers

Not: Front-end ve back-end developer işlerinin her ikisini yapanada full-stack developer deniyor. Front-end developer, tasarım ve back-end kısmının tam ortasında iş yaptığı için her iki alanda aşina olması gerekiyor. Ama şu da unutulmamalıdır ki her zaman alanında uzmanlaşmış kişilerle çalışmak daha profesyonel işler ortaya çıkacaktır.

Front-end developer ne ayak?

Genellikle Front-end, web tasarım ve front-end web geliştirme olarak iki kısımdan oluşmaktadır. Web tasarım ve Front-end developer kısımlarının ayrı birer alan olduğunu web geliştirme sürecinde nasıl ayrıldığını biliyoruz.

Bir web sitesinin ön yüzünü kodlayan programcıdır. Genellikle tasarım dosyasını HTML, JavaScript (JS) ve/veya CSS kodlarını(Web teknolojileri) kullanarak web site halini almasını sağlayan birisidir. Web site düzeni, resimler, içerik, butonlar ve linkleri içeren web sitenin ön yüz yapısının kod kısmı ile ilgilenirler.

Zamanını nasıl kullanır?

Ortak çalışır

Müşteriler, içerik oluştucu, back-end developer ve proje yöneticisi ile etkileşim içindedir.

Sözlü tercümandır

Tasarımcının hayal gücünü, renk şemalarını, yazı tiplerini, başlıkları kod ortamına aktaran ve sayfaları bütünleştiren kişidir.

Birleştirendir

Tasarımcı ve back-end developer’ın tam ortasında olduğu için onlarla paslaşır. Tasarımı parçalar ve web sitelerin her bir parçasının çalışır vaziyette kodunu geliştirir.

Test edendir

Bir çok farklı browser ve platform da web sitesinin işlevselliğine bakmalıdır.

En iyileştiricidir

Kullanılabilir, erişilebilir SEO dostu web siteler ortaya çıkartmalıdır.

Sağlamlaştırma yapandır

Çalışıyordu ama şimdi çalışmıyor olayı olmamalıdır. Web site her zaman çalışmalıdır.

Araştırma yapandır

Tasarım ve kod trendlerini web sitelerde diri tutulmalıdır.

Front-End Developer nasıl olmalı

  1. Konsantrasyon
  2. Meraklı
  3. Detay yönelimli
  4. Sosyal kişiliğe sahip olan
  5. Yenilikçi
  6. Yaratıcı-Üretici (Creative)

Front-End Developer alt ünvanları

  • CSS/HTML Developer
  • Front-end Web Developer
  • Front-end JavaScript Developer
  • Front-end Software Developer
  • Front-end JavaScript Application Developer
  • Web/Front-end user Interface Developer
  • Mobile/Tablet Front-end Developer
  • Front-end SEO Expert
  • Front-end Accessibility Expert
  • Front-end Dev. Opts
  • Front-end Testing/QA

Webmaster.Kitchen-front-end-developer

Alt ünvanlar ile beraber Front-end Developer dan istenen hemen hemen tüm teknolojileri aşağıda görebiliriz.

HTML(HTML5), CSS(CSS3), CSS Pre-processors(LESS, SASS, Stylus), JavaScript, Ajax, CoffeeScript
Twitter Bootstrap, Node.js, Angular.js, jQuery, Django, Foundation, Ext.js, Knockout.js, Backbone.js
Grunt, Gulp.js, Yeoman
Git/Github, Subversion, CVS
Trello, Asana
JSON, XML, MySql, MongoDB, PostgreSQL
Sublime Text, Webstorm, Vim
Abode Photoshop/Illustrator
Fizella, FTP, DNS, TCP/IP
Responsive Web Tasarım, Semantic HTML, HTML5 APIs(Canvas, Geolocation vs.), Fonksiyonel programlama, OOP, İçerik Stratejisi, Regular Expressions
Developer/Debugging Tools, Document Object Model(DOM), YSlow or PageSpeed
Joomla, WordPress, Drupal
PHP, Python, Ruby, Java, ASP.NET
Google Analytics, Google webmaster tools, SEO dostu yazılım

Not:Bunlara ek olarak W3 standartlarına uygun kod yazmak, performanslı kod yazmak, UI ve UX konularında tecrübeli vb. kriterlerinin olması gerekmektedir.

İyi çalışmalar.

Yararlanılan Kaynaklar
Bu makale size sunulmadan önce aşağıdaki kaynaklardan istifade edilmiştir.

Çayı koydum. Mutfakta kalın. 😉

http://frontenddeveloperjob.com/what-is-a-front-end-developer/
http://www.skilledup.com/articles/life-front-end-web-developerinfographic
https://www.techopedia.com/definition/29569/front-end-developer
Etiketler: arayüz geliştiricisi arayüz geliştirme developer front end developer front end developer kimdir front end developer nedir front end developer olmak front end geliştirici web developer web geliştici
Önceki Yazı
Sonraki Yazı

Fatih

author

7 Yorumlar

  • Baran Somaklı says:
    13 Haziran 2016 at 17:09

    Çok güzel bir yazı olmuş, elinize emeğinize sağlık. Samimiyetiniz de süper ötesi 🙂

    Reply
    • Fatih Özel says:
      15 Haziran 2016 at 00:42

      Güzel düşüceleriniz için çok teşekkür ederiz. 🙂 Yazımız faydalı olmuşsa amacına ulaşmış demektir. 😉 İyi çalışmalar.

      Reply
  • GruntJS Nedir? Neler yapabilirim? | Webmaster.Kitchen says:
    3 Ağustos 2016 at 14:38

    […] bir front-end aracı olduğunu daha önceki yazımızda değinmiştik. GruntJS ile bu alanda yapabileceklerinizin bir sınırı yok. Eğer kodlarla […]

    Reply
  • Ali Aksoy says:
    12 Haziran 2018 at 20:29

    Selam, bir proje için teklif almak istiyorum. Bana ulaşabilirseniz sevinirim. Esenlikle.

    Reply
    • Bilal UÇAR says:
      19 Haziran 2018 at 15:49

      Projenizin detaylarını bilal@webmaster.kitchen mail adresine gönderirseniz yardımcı olmaya çalışırım 🙂

      Reply
  • Yunusi says:
    19 Haziran 2018 at 20:33

    Gayet fikir oluşturucu bir açıklama olmuş teşekkürler. Bu alana yönelmeyi düşünen alaylılar için güzel bir sayfa 🙂

    Reply
  • Özlem Atız says:
    30 Temmuz 2019 at 15:08

    Merhabalar. Bilgisayar mühendisliği öğrencisiyim. Bu alana da ilgim var css ve html biliyorum web tasarım dersinden. Tasarlama kısmında somut hayatta çizim yapıyorum. sanal ortamda yapmadım paint dışında :D.. Nerden başlamalıyım sizce?

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.