Gelişmemde Yardımcı Olur musunuz?

Merhaba arkadaşlar.
Ben udemy den web yazılım dersleri aldım. Html & Css'i bitirdim. Html css projesi olarak linkedinin eksi halinin "profil" kısmını yazdık. Daha doğrusu tek ders falan kaldı bıraktım şimdilik.
Projeyi videoya bakarak, anlatan arkadaşla beraber yazdım. Yani bilgilerde taze olduğu için videodan sonra unutuyorum ya da tek başıma koysan belki yapamam hale geliyorum.

Projeyi divler atarak, en çok margin ve padding kullanarak yazdık. Şimdi sizden ricam; benim gelişmemde öneride bulur musunuz? Şunu yap bunu yap gibi, örnek proje gibi şeyler rica ediyorum... Ben bu webi öğreneceğim kafaya koydum

Merhaba, tam olarak ne öğrenmek istiyorsunuz?
Bahsettiğiniz "webi öğreneceğim" kelimesi oldukça derindir.
Sizin öğrendiğiniz bölüm, web alanının sadece tasarım bölümü.
Videolardan sonra unuttuğunuzu belirtmişsiniz.
Sürekli pratik yapmanızı tavsiye ederim. Genel olarak bir web sitesi tamamen bitirebilmek için Html ve css yeterli değildir. Yazılım dilleri arasından Php, Asp.net başta olmak üzere bunlardan birini öğrenmek zorundasınız. Bunun yanında yapacak olduğunuz site dinamik olacağı için, veritabanı dillerinden biride öğrenmek zorundasınız. Mssql, mysql gibi. şimdiden kolaylıklar dilerim.

Merhabalar hocam
Gerekli dersleri aldım udemyden. html, css, asp net, mvc, ajax, vs vs birsürü derslerim var. Hem backend hem frontend

Fakat şuan html css i bitirdim ve c# a geçilecek derslerde. Ben de c# a geçmeden html css i iyice pekiştirmem için sizlerden proje önerisi veyahut başka bir öneri almak istedim. Html css i anlıyorum fakat pekiştirmediğim için hemen aklıma gelmiyor, yeni öğrendiğim kodlarda unutmalar oluyor. Bu yüzden pekiştirmem için öneri istiyorum

Tasarım üzerine yazıyorum o halde.
Küçük ve basit tasarımlardan başlayarak büyük tasarımlara doğru devam edin.
Tasarım tamamen hayal gücü ile alakalıdır bence. Bugün sıradan bir blog tasarımı yaparsınız.(renk, dizayn taslak v.b. görselleri hayal ederek) sonra r10'nun tasarımını yaparsınız. Ama sizin asıl yapmanız gereken küçük veya büyük tasarımdan ziyade sürekli pratik yapmanız. Anca bu şekilde aşarsınız unutkanlık olayını. Şahsen benim tavsiyem bu yönde.

Html css in yanına bootstrap koymanız şart. Sonrasında asp. net mvc öğrenirseniz size yeterli olacaktır.

Teşekkürler.
Ne öğrenmem gerekenden daha çok, şuan html css ile nasıl pratikler yapabilirim. Neler yapabilirim örnekler verebilirseniz daha iyi olur benim için

Ben şöyle yapıyordum tavsiye ederim örn: https://www.fikirisler.com/
sitesini açıyodum mesela aynısını yapmaya çalışıyodum takıldığım yerlerde f12 diyerek kodlara bakıyodum nerde ne yaptığını anlıyabilmek için. Hem bakış açınız hemde eliniz bazı şeylere alışıyor.

Verdiğim site tamamen bir örnekti tasarımı hoşuma gidiyor diye bunu attım sizinde " ulen acaba şöyle bir site yapabilcek miyim" dediğiniz bir site varsa çok büyük olmamak şartıyla açın siteyi bakarak yapın ilk başta kendinize bir eskiz çıkartın nerde ne yapıcağınızı not alın işinizi planlayın daha sonra üzerine eklersiniz... Daha sonra kendi portfolyo sitenizin tasarımını yapabilirsiniz bazı şeyleri aştıktan sonra zaten işin yüzde 50 60'ı internetten bakıp kaynak toplamakla geçiyor. Ben şuan ayrı bir iş olarak hem fotoğrafçılık hem de drone işleri yapıyorum elimde baya bir fotoğraf ve video var kendimi tanıtım amaçlı bir site yapıyorum mesala "Work"(çalışmalarım" sekmesinde 5-6 ay önce öğrendiğim bir js kütüphanesi var masonry.js diye inanılmaz güzel birşey letgo vb sitelerin çoğu bu tarz js kullanıyor. Dediğim gibi işin hemen hemen yarısı araştırma ile ilerliyor ilk başta neler istiyorsunuz sonra istediğiniz şeyler için size neler lazım sonra lazım olan şeyleri nasıl kullanıcağınız sonrada bitiş zaten

Madem dersler elinizde, birkaç kez üzerinden geçin. Ve en önemlisi bir yerde çalışmaya başlayın. Tecrübe gibisi yoktur.

Bir çizimi görüp koda dökerken gerekli algoritmayı(yani şuraya şu divler eklenmeli bu divlere şu isimde bir class vereyim css içinde bunu düzenlerim) kafanda kurabilmelisin. Kodları ezberlemeye çalışmaktan ziyade bu algoritma meselesine yoğunlaş derim. Bunu da en iyi şekilde sürekli olarak pratik yaparak geliştirebilirsin. Son derece basit PSD dosyaları indir. Örneğin dosyada yalnızca bir arkaplan ve önünde yazı olsun. Bunu html css kullanarak dökmeye çalış. Diyelim bir yazı ve arkasında görsel var ve sen arkaya resim ekleme kodunu karıştırdın, aklına gelmiyor. Google'da aratarak kodu bul ve kullan. Sorun çözme odaklı çalışırsan bu her zaman senin için avantajlı olacaktır. Bu şekilde daha detaylı PSD lere geçiş yaparak kendini daha da geliştirebilirsin. Takıldığın noktalarda Google da Türkçe veya İngilizce aramalar yaparak sonuçlar bulabilirsin mutlaka.
Bootstrap vs hiç bulaşma, yürümeyi öğrenmeden koşmaya çalışmak sana zarar verir sadece. İleride ihtiyacın olacak ama şu aşamada css konusunda kendini geliştirmen gerekiyor gibi duruyor.
İyi çalışmalar dilerim.