Frontend nedir, nasıl yapılır?
HTML-код
- Опубликовано: 8 окт 2024
- Cumartesileri yaptığım canlı yayınları hızlı tüketilebilir boyutlarda kesip tekrar yüklüyorum. #vebirsuruseydaha video serisinde pek çok farklı konuya ufak ufak değiniyoruz. Detaylar aşağıda.
Frontend nedir? (00:02)
Native diller ve deklaratif programlamaya yöneliş. (04:22)
CSS dünyanın en güzel tasarlanmış dili. (06:30)
Framework - Library arasındaki temel farklar neler? (10:15)
Front-end nasıl yapılır ve mantalitesi nedir? (11:48)
Component mimarisi, container component diye bir şey olur mu? (13:53)
TypeScript nedir, özellikleri nelerdir? Gerçek hayatta bizim ne işimize yarıyor? (15:39)
"CSS in JS" akımları ve roller ayrımı. (21:24)
Doğukan İncesu ve Furkan Cesur'a videodaki emekleri için teşekkür ederim.
Daha fazla içerik için www.nimble.dev/ ziyaret edebilirsiniz.
videolar nedense çok agresif geliyor bana dolup dolup bize kızıyormuşsunuz gibi ama çok güzel bilgiler olduğu için izlemeye devam ediyorum
İlber Ortaylı'da aynı agresiflikte konuşur. Burdan pay biçebilirsin
amacı kötü değil veya egoistliğinden yapmıyor bunu. örneğin bir komutanın, orkestra şefinin veya mutfakta şefin tavırları kaba veya agresif gibi gelebilir ama bu kişisel bir tavır değil daha çok mesleki disiplinin yoğurduğu bir bireyin tavırları oluyor. bunu toplum bilimciler veya psikologlar daha iyi açıklayabilir ama benim penceremden böyle görünüyor durum.
Hocam tek videoya inanılmaz bilgiler sığdırdınız, çok teşekkürler.
Değindiğiniz konular güncel ve faydalı. Anlatımınız da anlaşılır zamanınızı ayırdığınız için teşekkürler.
Component mimarisinden bahsederken kendi yazdığım componentleri düşünüp utandım. Her şey için teşekkürler.
Goruslerinize katilmamak elde degil adete düşüncelerime tercüman olmuşsunuz. Ama ne yazık ki günümüzde bir çok firma su typescript, css gibi dusunleriniz tersine yaklaşımlar belirliyor. Sebep olarak ise sorduğumda mimarların söylediği şey bu sektörde bu sekilde kullanıyor. Su an calistigim firmada çok kati sekilde tek componentler icin bile type safe yazmaliyiz algısı var. Beraberinde 2 günde yapmamız gereken isi 4 gunde yapıyoruz. en fazla bir yıl sonrada gidip sıfırdan yazıyoruz. Çok guzel bir video olmuş. Elinize sağlık.
Yemin ediyorum yıllar sonra framework ve library arasındaki farkı anlayabildim. Sezgisel olarak jquery ile react'in farklı olduğunu anlayabiliyordum; react librarydir diyenlere içten içe katılmıyordum ama bir türlü ifade edemiyordum. Çok teşekkürler Armağan :)
Anasayfamda gördüm, tek video ile abone oldum. Başarılar dilerim.
Şimdi sizin aklınızda iki soru var: bir frontend nedir?, iki nasıl yazılır?
Adam vaaz ediyor resmen. çok derin hoca :)
oh be , tailwind hakkında da şu uzman görüşünü dinledim ya. Ölsem de gam yemem artık. Tailwind güzellemesi yapanlara gelsin o kısımda
Hocam BEM'e neden giydirdin ki? Bence çok başarılı bir metodoloji, 7-8 fed aynı projede çalışırken inanın hayat kurtarıyor, sizin gördüğünüz BEM deki eksiklik nedir acaba?
Frontend yazmiyorum ama efsane video, yaptiginiz isin mantigini anlamak acisindan
Armağan tebrikler, umarım seni bizim egoist hiçbir şeyden anlamayan arkadaşlar izler de bir şeyler öğrenir. Ama üzerinde yarım saat düşünülmesi konuşulması gereken konuları doğru cümlelerle çok hızlı geçiyorsun. Mesele neden container component olmaz onu açıklamadın. Ben de öyle düşünüyorum ama neden olduğunu senden duymak da istedim
Typescript Microsoft un js yazanları kendine çekmek için çıkarıldı diye bir komplo teorisi duymuştum doğruymuş 🙂
Merhabalar videolarınızı çok beğeniyorum fakat ufak bir isteğim olacak bazı kullandığınız kelimelerin anlamlarını bilmiyorum videoyu durdurup internet üzerinden araştırmam gerekiyor tabi ki bu benim bilgisizliğimden kaynaklanıyor ama böyle (component) gibi kelimelerin tam olarak ne anlama geldiğini belirtebilir misiniz?
Typscript öğrenme/uygulama geliştirme yönünde bir topluluk baskısı var. Bu typescript ile react uygulamaya geliştirmeye başladığımdan beri verimim 5 kat azaldı. Bilmiyorım bu videodan sonra heralde typescripti bırakacam heralde. Ben de son zamanlarda any any diye kolaya kaçıyorum zaten. O zaman zorum ne diye sormaya başlıyorsun.
Topluluk baskısı önemlidir. O topluluğun genişliğine göre firmalar teknoloji seçiyor. Uygun hızlı ve yeterli geliştirici "çokluktan" seçiliyor. Bakın topluluk ve çokluluk birazdan belirteceğim sebepten javascript dedi. masaüstünden oyun motoruna mobilde webe herşey javascript oldu. Esasında javascript kazanmadı platform olarak web kazandı. Şimdi benim aklımdaki soru şu. "Her" mobil uygulamanın web sitesi var mı? Her web sitesinin mobil uygulaması var mı? javascript ile mobil uygulama veya machine learning yapılmasının sebebi dilin yeterlilikleri değil. Geliştirici sayısının "çokluluğu" :D Her kilidi açan anahtar mı yoksa herkeste olan anahtar mı? IT derinleştikçe ve demokratikleştikçe farklı talepler ortaya çıkacak. Bir anahtar herşeyi açamayacak.
Dediğinize gelirsek topluluk baskısı Typescript öğrenin diyorsa öğreenmeniz lazım, çünkü hobi için yapmıyorsunuz kariyer için yapıyorsunuz ne yazık ki.
Benim de sizden öğrenmek istediğim bir şey var. Cevap verebilirseniz memnun olurum. SSR yapan, html ve css ile js yi karıştırmayan bir framework var mı ?
@@kaplansedat Var. expressjs. son zamanlarda fastify. Ancak tam olarak "SSR yapan, html ve css ile js yi karıştırmayan bir framework var mı?" sorusundan ne kastettiğinden emin değilim. Biraz daha açarsan daha güzel olur. Mesela next.js'in neyi seni rahatsız ediyor?
Topluluk baskısına gelince ben çok kariyer amaçlı yürümüyorum. Sadece projelerimi geliştirebileceğim doğru araçlar arıyorum. Typescript beni şu an için yavaşlatıyor. Çünkü öğrenme aşamasındayım. Ve typescript'in sınırları yok gibi görünüyor. Eğer bir open source proje üzerinde çalışsaydım kesinlikle kendimi zorlardım. Çünkü o zaman 3. şahıslara typescript ile yazılan kütüphaneler büyük kolaylık sağlıyor veya ekibe. Typescript derleme araçları da çok güzel. Webpack yerine kullanılıyor. Çok daha düzgün hızlı çalışıyor. tsc komutundan bahsediyorum.
Bu alanda kariyer kaygısı olan birisi mutlaka öğrenmeli typescripti. Hatta yeni bu alana giren birisi typescripti es geçmemeli. Büyük şirketler kullanıyorsa bir bildikleri var elbet. Onlar bizden daha çok zamanla yarışıyor. Onlarda adam/zaman eşittir para demek.
Yorumundaki diğer felsefi kısımlara fazla kafam basmaz. Ama mantık olarak doğru yol gibi görünüyor. Bu web teknolojisi dünyasında çoğunluğun kullandığını sen de kullan doğru bir düşünüş bence de. Web developersan çoğunluk js/nodejs kullanıyorsa sen de kullan. Çoğunluk react kullanıyorsa sen de kullan. Ben kendimden örnek vereyim. Yıllardır Ruby öğrendim, kullandım. Ruby'nin python'dan, js'den, php'den daha iyi bir dil olduğunu araştırdım gördüm. Ancak ne varki ruby beklenilen ilgili göremedi. Ekosistemi geliştiremedi. Ror tarafında sıkışıp kaldı. Alternatifleri bile üretmekte zorlandı. Sonra baktık ki nodejs aldı başını gitti. Bizde akıntıya kapıldık. Şimdi buradan ilerliyoruz. Ama senin yukarıdaki sorduğun soruyla da alakalı olarak hala ROR olgunluğuna erişmiş bir framework yok nodejs'te. Hamallık çoğu şey.
Sonra web framework'lerinde vuejs'in daha güzel bir fw olduğunu gördüm. Ama ne yazıkki burda da hata ettim. Yıllardır çoğunluk react ile uğraşırken ben vuejs geliştirdim. Şu anda react'teyim. Doğru yolladayım gibi görünüyor. Hatta solidjs diye birşey var. Bana göre reacte göre daha iyi ancak topluluğu reactin onda biri kadar yok.
Hasılı kelam çoğunluğun kullandığı teknolojileri seçmek insana yanlış yaptırmaz. Hemfikirim.
Bu video icin tesekkurler.
Hocam Node.js hakkındaki görüşleriniz?
Fronentçi çılgın kell ❤❤
su projeyide makarna yapip duzelteyim kendimi. cok gaza geldim :D
Hocam merhaba, web programlamaya adım atmak istiyorum. Sizin açıklamalarınızı dinleyince de internette Frontend' i anlatmaya çalışanların hep yüzeysel anlattığını fark ettim. Farklı insanları dinleyince ufku genişliyor insanın ve sizin anlattıklarınızdan anladığım kadarıyla zaman israfını önlemek için Frontend' in mantığını, felsefesini de anlamamız gerekiyor. Umarım yanlış düşünmüyorumdur. Eğer haklıysam, sizden bir ricam olacak: Bu felsefeyi anlayabilmemiz için kitap önerisinde bulunabilir misiniz?
Ya kitabı şimdilik geç udemy den html css js ve onun kütüphanelerinin
Olduğu Bir kurs var belli bir para ordan çalışmalısın 4 5 ay içinde hocanın dedikleri az olsa da kafanda canlanir
@@muhammetyldz3819 Eyvallah kardeşim sağolasın. Bahsettiğin kursun adını da diyebilir misin?
@@haydargerginoglu6092 şu an napıyonuz
@@batuhan8465 ailevi sebeplerden dolayı biraz ara vermek durumunda kaldım yazılım öğrenmeye. Ailem yüzünden istikrar kaydedemedim maalesef.
@@haydargerginoglu6092 Allah yardımcın olsun
Typescript konusunda size katılıyorum. Özellikle api'den gelen datalarda typescript patlıyor. Öyle ki ben modelin referansı ile modelde olmayan değişkenleri html üzerinden rahatça basabiliyorum. Çünkü apiden gelen model olduğu gibi o değişkenin pointerına atanıyor.
Biz onu çağırıyorsak kütüphanedir. O bizi (kendi ortamına) çağırıyorsa framework'tür. Dolayısıyla siz oyunu React'in kurallarına göre oynamak üzere işe girişiyorsunuz. Framework'tür.
Hocam Azerbaycandan sayqilar sevgiler rica etsem videyolarinizda terminleri ackilayici bi anlatimda anlata bilirmisiniz tesekkurler
hocam sizin bilgi birikimine yaklasmamiz sifirdan kac yil alir?
Ne kadar yaklasacaginiza gore 20 yil kadar surebilir.
@ Yaw hocam ben yaklasik yazilima baslayali 1 yil olmak uzere ve Javascripte geceli 6 ay oldu. Bu yaklasik 2 aydir ilerlemekten zorlaniyorum cunku yeterince turkce kaynak yok, Mesela "Javascript ile bir uygulama yapimi"" diye arattigimda izlemedigim turkce kaynak kalmadi, Fakat Ingilizce bilsem sonsuz kaynak var, Ingilizcede ogreniyorum.
sizce ne onerirsiniz
ilerlememi hizlandirmak icin?.
@@burhanakcan7350 Ingilizce ogren.
2010’a kadar hepimiz Webmaster’dık😊
React’e ui diyen de, bilemedim şimdi. Bir de bem’e niye giydirdin hocam bem iyidir ya 😄
biraz daha temel düzeyde ve daha sade bir şekilde videoları hazırlarsanız sevinirim açıkçası pek bir şey anlamadım
Bende anlamadım
arkadaşlar temel düzeyde zibilyon tane video var zaten, bırakın da bu sefer biz dinleyelim birilerini :)
@@huseyinkadioglu çok şey değişti artık 2 yıldan sonra.. tamamen duygusal yazılmış bir yorumdu diyebilirim şuan :)
Türkçe fronendin istiklal marşı fjsjfjejdj
react'in kendi sitesine bakarsanız "A JavaScript library for building user interfaces" cümlesini görebilirsiniz.
Ve onlarin ne sandigi hicbir seyi degistirmez.
Hocam izlerken bilgisayarımda kasma olduğunu hissediyorum. Çok sinir oldum :D
tamam hocam kizma vue ogrencem ama once su reacti bi iyice ogreneyim is lazim :)
kral naptın buldun mu iş
@@SAXXSSX buldum buldum usta. yolu react acti ama devops oldum sonra
@@tayfun6378 iş bulma sürecini anlatır mısın?
@@BOSS-ou5bx bilgisayar müh. mezunuysan evde yatıyorsun. gelen teklifler içinden en hoşuna gideni seçiyorsun :D bir süreç yok.
@@___-yu8ov aynen herkes sana teklif ediyor :D
Front end son 5 sene içinde tasarımdan (css html jquery) component geliştirmeye döndü.
kesinlikle ya her şey hazır component geliştirmek dışında
hocam valla para veriyolar diye yazıyorum yoksa ben de sevmiyorum reactı kızmayın lütfen :d
Front end yazilimci arayan varsa ben gelebilirim
TÜRKÇE KONUŞSAYDIN GERÇEKTEN NLAYACAKTIM TÜRKÇE ALT YAZILI İZLEDİM
Frontendin ilahi
fps çok sıkıntılı gözüm ağrıdı
Goruntude pek bir sey yok zaten ekrani kapat sesini dinle yeter.
@ evet haklısınız