Скачать с ютуб FRONTEND Geliştirme Nedir - Nasıl Olunur - Ne iş Yapılır - Teknolojiler Nelerdir ? в хорошем качестве

FRONTEND Geliştirme Nedir - Nasıl Olunur - Ne iş Yapılır - Teknolojiler Nelerdir ?

Frontend uygulama : kullancıların web sayfanızda, mobil uygulamanızda veya bir ekrana sahip olan herhangi bir uygulamada gördüğü veya etkileşime girdiği her şey. Örneğin YouTube a girdiğinizde, üst sol tarafta logo, sağ tarafta profiliniz, aşağıda videoların listelendiği bir bölüm görüyoruz, bunlarla birlikte tabiki renkler, videoya tıkladığınızda videnun açılması gibi etikileşimler de var. İşte bunların tamamı bir önyüz uygulamayı oluşturan unsurlar. Web tarafı için konuşursak, gördüğümüz her eleman, html diliye oluşturulur. Tüm renkler, html komponentlerinin yerleşimleri, yazıların fontu gibi özellikler ise css’ler ile yönetiliyor. Örneğin bu sayfada css’leri tamamen etkisizleştirdiğimde görüntü böyle olacaktır. Hayatımızın rengi css’ler. Javascript ile kullanıcı aktivtlerini takip edip, buna göre uygulamaları yönetiriz. Ayrıca html elemanlarını kontrol etmek için de kullanırız. Bir frontend developer için Javascript çok çok önemli, en büyük silahı diyebiliriz. Peki bir frontend uygulaması, web sayfası ile nasıl çalışıyor ona bakalım. Aslında burada nasıl değil, nerede diye sormak lazım. Çünkü bir web uygulaması, bildiğimiz gibi browser’lar, yani internet tarayıcıları üzerinde çalışır. Geliştiridiğimiz bir ön yüz projesi, bir çok farklı teknolojiden oluşabilir. Hangi teknoloji ile geliştirirsek geliştirelim nihayetinde bu proje, tarayıcının derleyicisi ile çalıştırabileceği yalın javasctipt dosyalarına çevrilir. Bunların çevrilme aşaması ise rendering. Ama biz tabiki bu oluşturulan min.js dosyasını değil, sayfanın kendisini görürüz. Ve tarayıcı bu işlemi anlık olarak yapmakta, dosyaları ömür boyu depolamaz, sunucudan veri geldikçe, onları her seferinde derler. Benzetmek gibi olursa sunucudan alınan proje dosyalarını, windowstaki program files olarak düşünürsek, index.htmli de exe dosyasına benzetebiliriz. Ancak bazı eski tarayıcıların render yeteneği olmaz. Mesela internet exploerer. Modern bir dille geliştirilmiş frontend projenizi çalıştırmaya kalkarsız, bomboş bir sayfa görürsünüz. Çünkü burada render motoru bulunmaz. Bu tarayıcılarda modern web projelerimizi çalıştırmak için, 3. parti kütüphaneler ile maunel rendering yaparak tarayıcınn çalışıtaracağı formata getirirz.Şimdi de dünyadaki popüler Frontend teknolojilerine bakarsak, aslında bunların tamamı Javascript etrafında dönen teknolojilerdir. Ve şu anda ecma script çatısı altında standartlaşmışlardır. Yani html yıllar içinde hiç değişmedi, css de pek değişmedi. Frontend teknolojileri Javascript ile paralele olarak gelişti. lk bahsetmek istediğim teknoloji React Js. Benim de bi 5 yıldır aktif olarak geliştirme yaptığım gözbebeği. Gerçekten adamlar yapmış. O kadar temiz ve etkili projeler çıkartıyorsunuz ki, react yokken napıyormuşuz diyorum. Sıfırdan öğrenmesi ve düşünce mantığı biraz çaba ister ama öğrendikten sonra React ile yapamayacağınız iş yok arkadaşlar. İster çok büyük bir proje, isterseniz de çok küçük bir uygulama olsun, her türlü isteği çok rahat şekilde karşılayacak bir güce sahip. Ve popülerliği giderek artmakta, Türkiyede de sağlam React bilen developer ın boşta kalma ihtmali oldukça az şu an. Bir diğeri ise Angular, Ben bu modern Javascript dünyasına Angular ile girmiştim ve bana inanılmaz gelmişti. O dönemler hayal diyebileceğimiz her şeyi sağlıyordu. Bence şu anki modern ön yüz geliştirmenin temelini angular attı. Son zamanlarda tahtını React’a kaptırsa da hala güçlü ve geçerliği olan bir dil. Bir de Vue Js var, hiç kullanmadım ama güçlü bir framework olduğunu duyuyorum. Bunların dışında, Jquery, Ember js backnone gibi teknojilerin de popülerliği dünyada geçerli. Bir de javascript ile birlikte tabiki css paketi sağlayan kütüphaneler de var. Google’un Material UI, diğeri Bootstarp, PrimeReact gibi. Peki bu teknojileri kullanan geliştiriciler, ne tarz işler yapıyor biraz da ona bakalım.Fontend developerlar : kullanıcı arayüzünü, web sitelerine veya mobil uygulamalara geliştirir. Mobil uygulama derken, burda Android ve iOS developerlarla karıştırmayalım. Çünkü frontend developer’lar native çalışmaz. React Native, ionic gibi frameworkler ile hybrid mobil uygulama geliştirebilirler.Javascitpt ve css ana dilleridir bunu tekrar söylemek istiyorum, bu teknlojileri dibine kadar bilmek zorundalardır arkadaşlar. Bunun kaçarı yok. Tabii, javascript i öyle dümdüz yazmaktan da bahsetmiyorum. Yapısal, moduler belirli bir patterne uyan kodlar geliştirirler. Boostrap, MaterialUI gibi css kütüphanelerini anlama ve projeye dahil etme yeteğine sahip olmalılar.RestFull servislere hakim olurlar, çünkü gerektiğinde server-side tarafına istek atarlar.Ve tabiki browser veya ide üzerinden debug yapmaları gerekir..Responsive design dediğimiz her ekrana uygun tasarım yapmalılar. Günümüzde mobil de işin içinde ve tabiki akıllı tv ler bile hesaba katılmalıSon olarak da, Javascript ekosistemini yakından takip ederler demek istiyorum.