Html Estetiksel Frontend Kodlaması İçin.

html ile sayfanın iskeletini,
css ile tasarımını,
javascript ile sayfayı dinamik yaparsın. Hepsi birbirine bağlıdır önce html ile tasarımsız siteler yapmayı öğren sonra css ile tasarım yapmayı daha sonra js ile butona basınca aksiyonlar olsun vs vs bunları bitirdikten sonra bir js freamwork (angular/react) ile modern front end dünyasına giriş yap ayrıca mutlaka bir css kütüphanesi öğren saf css yazmaktan kurtarırı (genelde tailwind popüler ama boostrap da öğrenebilirsin başlangıc önemi yok) react ile iyice piştikten sonra istersen scss/saas bakarsın css yazımını daha kolaylaştırmak için yok istemiyorum dersen nodejs/php/java ile back-end'e geçersin oradan mysql/mongodb ile birlikte veritabanı işlemleri vs vs en sonda full stack olursun yol haritan temelde şu

1)html
2)css
3)js
4)css kütüphanesi (tailwind vs)
5)js freamwork (react angular vs)
6)back-end (java,php,nodeJs + express)
7)veritabanı (mongodb,mysql vs)

Turk hack Team de buna benzer alıştırmalar yapan bir ekip var mı?

MemoryTiger' Alıntı:

Turk hack Team de buna benzer alıştırmalar yapan bir ekip var mı?

Genişletmek için tıkla ...

hayır, ayrıca kimse sana sıfırdan web öğretmeyecek bunu kendin araştıra araştıra hatalar ala ala yapacaksın ha ama eğer dersen full stack olmam için lazım olan kaynakları burada bulabilir miyim evet bulabilirsin en basitinden 'drose'un sıfırdan nodejs veya benim javascript ve react serilerim var elbet forumda kucuk mini projeler de vardır onlara baka baka yapa yapa öğreneceksin

Merhaba, bu noktada motivasyon ve üretim çok kritik bir yerde. Yazılım mühendisisin ve full-stack hedefliyorsun, frontend ile sağlam bir giriş yapmak doğru bir adım. Sana net bir yol haritası ve bazı tavsiyeler bırakayım:

1. Frontend için Temel Yol:

HTML: Yapı taşı. Semantik etiketleri öğren (header, section, article, footer).
CSS: Görsellik. Flexbox & Grid düzenlerini çok iyi öğren. Responsive (mobil uyumlu) tasarımlar yapmaya çalış.
JavaScript (Vanilla): DOM manipülasyonu, event handling. jQuery gibi kütüphanelerle vakit kaybetme.
Modern JS: ES6+, async/await, fetch API, array/object methods.
Frontend Framework: React (en popüleri), Vue veya Angular. (Ben React öneririm.)
UI Kütüphaneleri: TailwindCSS, Bootstrap, Material UI (hızlı prototip için).

Öğrenme stratejin çok önemli. Öğrendikçe mini projeler yap. Örneğin: To-do list (JS ile DOM manipülasyonu çalışırsın). Responsive kişisel portföy sitesi (HTML + CSS). Hava durumu uygulaması (API kullanımı öğrenirsin). Not alma app’i (React ile state mantığını oturtursun). Proje yaptıkça GitHub'a yükle, LinkedIn'de paylaş geri bildirim almaya çalış.

Frontend’den sonra backend tarafına geçiş: Node.js + Express kullan yani API geliştirmeyi öğren. Database kullan yani: MongoDB (NoSQL) + PostgreSQL/MySQL (SQL). Authentication öğren. (JWT, OAuth). Deployment mantığını kavra. (Vercel, Netlify, Render, Docker).

Ekiple öğrenmek hız kazandırır. Bunun için: GitHub projelerine küçük katkılar yap (open-source’a gir). Discord/Slack topluluklarına katıl (frontend ve fullstack community’leri çok aktif). Türkçe kaynak olarak Patika.dev, Kodluyoruz, BTK Akademi. İngilizce için > freeCodeCamp, The Odin Project.

Bunları göz önünde bulundurarak 6-8 ay gibi bir süreçte mutlaka iyi yerlere geleceğini tahmin ediyorum. İyi çalışmalar iyi forumlar.