İngilizce biliyorsan sıkı bir çalışmayla 6 ayda iyi kötü bir şeyler çıkarabilecek seviyeye gelebilirsin. Orta seviyeye ulaşnman 2-3 yıl kadar sürebilir. Hedeflerine göre orta seviye 5-6 bile sürebilir. İleri seviyenin sonu yok ama ileri seviye için hayrı sayılır matematik ve fizik bilgisi gerekiyor çünkü o bölümde artık ezber bile çalışmıyor. Akademik seviye denebilir duruma göre. Ayrıca ileri seviye diye yayınlanan kurslar genelde orta seviye. Pazarlama için yanıltıcı başlık kullanan çok var.
Kestirmeden ezber yapıp üstüne Bootstrap ve TailwindCSS gibi çözümleri kullanarak başlayabilirsin ama orta seviyeye organik olmayan bir şekilde ulaşacağın için aslında başlangıç seviyesinde takılı kalıyorsun. Genelde CSS çok basit bir şey gibi görülüyor veya gösteriliyor ama CSS3' için bile hatrı sayılır bir emek ve süre gerekiyorken tüm CSS sürümlerini öğrenmek çooook daha uzun sürer. Akademik bir çaban yoksa tabiki bir CSS3'ü öğrenmen yeterli sayılabilir ama yinede hafife almamalısın.
Video izlemeyi veya sıklığını arttırmayı 2. yıla bırakmanda fayda var. Önce okuyup not alıp sindirmen gerekiyor. Videoda bir yanlışı öğrenirsen onu düzeltmen yıllarını alabilir ki videolarda bol bol yanlış örnek ve gösterim var. Başta video izlemek hızlı bir başlangıç sayılabilir ama bu tür nedenlerden dolayı yavaşlatır.
// her frontendcinin bilmesi gereken konu DOM ve BOM
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
https://stackoverflow.com/questions/4416317/what-is-the-dom-and-bom-in-javascript
JS çalışmayı planlamıyorsan bile CSS'i çalıştıran browser'ların nasıl bir mantıkla çalıştığını anlamak için çok önemli konular bunlar. Çok detaylı bilmene gerek yok ama sık sık bakıp yeni şeyler öğrenmen diğer şeyleride öğrenmeni kolaylaştıracaktır.
// resmi kaynaklar
https://www.w3.org/Style/CSS/Overview.en.html
https://www.w3.org/Style/Examples/011/firstcss
https://developer.mozilla.org/en-US/docs/Web/CSS
https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps
// başlangıç için yararlı kaynaklar
https://web.dev/learn/css/
https://www.w3schools.com/css/
https://www.w3schools.com/css/css_intro.asp
https://css-tricks.com
// frontend gündemini takip etmek için
https://css-tricks.com/newsletters/
https://www.smashingmagazine.com/
// cheat sheets
https://css-tricks.com/almanac/
https://www.w3.org/Style/CSS/all-properties
https://caniuse.com/
// faydalı roadmap'ler
https://github.com/Roopaish/CSS-RoadMap
https://dev.to/roadmaps/css-developer-roadmap-29hm
2. yılında SASS ve frameworklere geçiş yapabilirsin. Bununla beraber biraz ısındığın için video izlemen ivmelenmeni arttırır. Bu süreci fiziksel ya da PDF şeklinde kitaplarla desteklemeyi ihmal etme. Hiyerarşik bilgi her zaman işinin kolaylaştırır.
Bir backendci olarak verebileceğim tavsiyeler bunlar. Çok kısa sürede öğrenebileceğini söyleyenler veya çok kısa sürede öğrendiğini düşünürsen Dunning-Kruger sendromu yaşadığını unutma. Denizdeki tüm suyu pipetle içemezsin.
Kolay gelsin.