Öncelikle bu iş için Udemy'de vs. hiçbir kursa para dökmenizi tavsiye etmem. Çünkü para vereceğiniz her şeye başka kaynaklarda ücretsiz erişebilirsiniz.
Temel HTML ve CSS'i öğrendikten sonra modüler ve daha dinamik web siteleri geliştirmek için Front End dili olan JavaScript'i öğrenmelisiniz. YouTube'da JavaScript öğreten tonla crash course var, herhangi birini izleyebilirsiniz. Temel JavaScript'i öğrendikten sonra JavaScript'in modern özelliklerini de (ES6) öğrenmeniz gerek. Yine bunun için de bir sürü crash course var. İkisi için de birer örnek koyuyorum, anlatım şeklini beğenmezseniz YouTube'da başka videolara bakabilirsiniz:
Sonrasında JavaScript'i web sitelerini dinamik hale getirirken daha efektif kullanmak için bir kütüphane olan React'ı öğrenmenizi tavsiye ederim. Çünkü piyasa payı ve iş olanağı en yüksek olan kütüphane. Tabii diğer opsiyonları da gözden geçirebilirsiniz. (Vue, Angular gibi) React öğrenirken yine herhangi GÜNCEL bir crash course'u izleyerek genel fikir sahibi olabilirsiniz. Ayrıca React'ın beta sürümündeki resmi dokümantasyonundan da kesinlikle faydalanmalısınız. React üzerinde çok durmanız gerek çünkü öğreneceklerinizden en önemlisi bu.
Saf CSS yazmak zaman ve verimlilik açısından artık sınıfta kalıyor, bunun için modern CSS yazma yollarına geçmenizi tavsiye ederim.
Bu videoda 7 farklı CSS yazma yönteminden bahsediliyor, benim aktif olarak kullandığım
Tailwind CSS'i de dokümantasyonundan ve YouTube'daki videolardan faydalanarak öğrenebilirsiniz.
CSS ile de başa çıktıktan sonra bütün bu teknolojileri birleştirip web sitesi haline getirecek meta framework dediğimiz araçlar bulunuyor. Bu araçların kendi gibi web sitesi render'lama teknikleri var. (SSR, SSG) Tabii bunlar ileri seviye ihtiyaçlar, web siteniz ne kadar büyükse bu tekniklere o kadar ihtiyacınız artıyor. Bunların seçimi de aşağıdaki grafikten yola çıkarak yapabilirsiniz. Hepsinin kendine has kullanımı olduğu için yine kullanacağınız meta framework'unun dokümantasyonunda da vakit geçirmeniz gerekiyor. Benim portfolyomda kullandığım
Next.js idi.
Birkaç tane de kanal önereceğim, az önce anlattıklarımı daha detaylı ve profesyonel yönden anlatıyor bu insanlar. Her videosu birbirinden bilgilendirici. Hepsini izlemenizi şiddetle tavsiye ederim.
Tabii bu anlattıklarım başta çok görünebilir ama gözünüz korkmasın. Hepsini sıra sıra öğrenince inanın çok basit gelecek. Başka sorunuz olursa zaman buldukça cevaplarım.
