Front-End öğrenme haritası nasıl olmalı?

Merhaba dostlar,

Ben şu anda yazılım geliştirme dünyasında backend alanında ilerliyorum. Şu ana kadar MVC, SQL, .NET Core ve entity Framework gibi teknolojiler üzerinde çalıştım ve projeler geliştirdim. Aynı zamanda .NET API'de ufak tefek biliyorum ve bilgimi geliştirmek istiyorum.

Ancak, son zamanlarda frontend tarafına da bir giriş yapmak istiyorum. Backend bilgim olduğu için bu iki alanı birleştirip full-stack dev. Olmak istiyorum. Bu noktada hangi teknolojilere yönelmem gerektiği ve nasıl bir öğrenme planı yapabileceğim hakkında fikirlerinizi almak istiyorum.

Frontend'de öğrenmek istediğim şeyler:

• Temel teknolojiler (HTML, CSS, JavaScript)
• Bir Framework (örneğin React, Angular'ya da vue)

Sizce hangi kaynaklardan başlamalıyım? Özellikle hem teorik hem de pratik olarak ilerlememi sağlayacak kitap, video serisi ya da projeler önerir misiniz?

Tecrübelerinizi ve önerilerinizi paylaşırsanız çok sevinirim. Şimdiden teşekkürler!

HTML, CSS, JS.