FRONTEND Geliştirme Nedir - Nasıl Olunur - Ne iş Yapılır - Teknolojiler Nelerdir ?
Вставка
- Опубліковано 10 вер 2024
- 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 UA-cam 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.
Çok faydalı bir video, emeklerinize teşekkürler :)
Sezgin Hocam kanalın hayırlı olsun. İçeriklerin gayet kaliteli ve güzel. Seni tebrik ediyorum. Başarılar dilerim.
Emre Hocam çok teşekkür ederim, selamlar sevgiler 🤗
Süper
Hocam emeğinize sağlık. Junior olarak ilk etapta iş bulmak için sizce ilk front end mi yoksa backend den mi başvurmalıyız? Ben baktım da front end ya da backend iş ilanları sayısı hemen hemen eşit gibi.
Ikisinden de zevk alıyorum zaten baska alanda yazılım tecrubem var ama webe tamamen yeniyim, full stack simdilik zorluyor en azindan bir tane secip onunla işe girsem sonra yavas yavaş alanimi genisletirim bence.
Cunku spring, nextjs, react ve postgresql gidiyorum, bir yerden sonra beynim almamaya basladi spring security, hibernate, jpa, cloud, microservices, redis, kafka, rabbitmq, docker, osi, udp, tcp vs.. falan işin icine girince front end kasmaya zaman kalmiyor beynim doldu resmen. Bu yüzden burnout olmadan, front end ya da backend en azından ilk işe girene kadar birini secmek zorunda gibi hissediyorum kendimi.
Merhabalar, teşekkür ederim öncelikle. Aslında ikisini bir arada götürmek daha iyi olacaktır ama ikisinde de henüz yolun başındaysanız her şeye bir anda derinlemesine girmeseniz daha iyi olabilir. Örneğin javascripti iyice yedirmeden react a başlamak yorabilir veya springi henüz öğrenmeden rabbitlere falan dalmak da aynı şekilde. Sindirerek ve adım adım seviye atlayarak ilerlemek daha sağlıklı olacaktır. İş bulma açısından da ilk aşamada frontend tarafında bir tık daha avantajlı olacağınızı düşünüyorum. Backend tarafını da bir yandan götürün ama boşlamayın derim. Başarılar..
Bir javascript ve React fanı olarak Vue js in geliştirici dostu ve esnek yapısı sayesinde, Angular ve React ten epey alan çalacağını düşünüyorum. React in de Next js ile güçlü şekilde var olacağını.
Ek olarak beni en çok düşündüren şey gelişmiş ülkelerde Backend teknolojisi olarak en çok kullanılan Node neden Türkiye'de popüler değil ve bu c#, javacılar özellikle dotnet neden tekel, niçin Ruby on rails, Javascript, Golang based daha kaliteli işler ortaya çıkarılan teknolojiler kullanılmiyor. Bu konular üzerine konuşan kimse yok. Front-end nedir, Backend nedir vs. tonlarca içerik var. Bu konuda sizin görüşünüz nedir
Merhaba, böyle videolar da var aklımda ama hepsi sırayla oluyor 😊 sorunuzu şöyle yanıtlayabilirim : türkiyede şu an teknolojiye yön veren şirketler, banka, e ticaret ve savunma sanayinde. Diğerlerinin çoğu ise bu sektörü besleyen yan şirketler. Bu şirketler de java ve c# tarafındaki teknolojileri daha olgunlaşmış buldukları ve projeleri uzun soluklu süregeldiği için, ordan devam ediyorlar. Haklı gerekçeleri de var elbette. Türkiye’de Nodejs ve diğer teknolojilerin yolu biraz daha var bu şirketlere girmesi için (diye düşünüyorum)
@@sezginseven güvenlik kısa cevap diye düşünüyordum ben de, teşekkür ederim değerli yanıtınız için. İyi çalışmalar diliyorum. Severek takipteyim.
hocam merhabalar benim bir kaç sorum olacaktı .
Yazılıma yeni başlıyorum frontend veya full stack üzerine yoğunlaşmayı düşünüyorum ama üniversite diploması olmadan işe girebilir miyim, yeni başladığım için fullstack zor olur mu, üniversiteye gitmek beni diğerlerinin önüne geçirerek bana bir şeyler katar mı ona göre sınava hazırlanma düşüncem var gitmeyen insanla aramda fark yaratırsa,
öğrenme konusunda üniversiteye gitmeden yeterli olacak eğitim alabilir miyim ,alabilirsem nerden bulabilirim? teşekkürler.
Merhaba, yeni başlıyorsanız odaklanmanız gereken full stack, frontend değil de algoritma ve programlamanın mantığı olmalı ilk aşamada. bununla ilgili video yapmıştım onu izlerseniz faydalı olacaktır orda daha net açıklıyorum. Bu işe girmeden önce akademik bir eğitim tabiki alınmalı ve evet eğitim alanlardan daha geride olursunuz, bu kaçınılmazdır. Çünkü yazılımın mühendislik ve bilim yönü de çok derin, sadece kod yazmaktan ibaret değil. Kolaylıklar dilerim.
@@sezginseventeşekkürler
hocam bende bilgisayar programcılığı(önlisans) mezun olcam bu sene sizce 4 yıllağa tamamlamak mı iyi yoksa sadece kendimi yazılıma odaklanmam mı daha iyi olur?@@sezginseven
front end bana daha keyifli geliyor