Selamlar, tamamiyle baka baka yapacağım. Önümde bir PDF duracak ben pure html ve css ile onu html'e dökeceğim. Bi seferlik bir şey olacak.
Temelinde bunu sağlayan şey Markdown. 3'lü tırnak sonrası 'js, html' vb gibi dosya uzantıları yazarsan sana yardımcı olur. Bunun haricinde bahsettiğin konu hakkında bir video var Prototürk kanalında. Biraz araştırırsan bulabilirsin.
PWA configlerini(manifest, services vs) paylaşırsan daha sağlıklı olur. Belki bir yerlerde bir hata yapmışsındır.
İlk olarak UI ve UX arasındaki farkın ne olduğunu çok iyi bilmek gerekiyor. Bunu olabildiğince iyi kavrayın çünkü ikisi apayrı bir dünya. Sonrasında ilk öğreneceğiniz şey materyallerin kullanımı, amaçları ve anlamları. Renkler(renklerin anlamları, hisleri, kullanımları, uyumluluğu vs), fontlar(tavırları, verdiği mesaj vb), grid yapısı, UI Kit oluşturmak ve daha nice yapıları çok ama çok iyi kavrayabilmeniz gerekmekte. Renklere, fontlara vb gibi ana teme yapılara hakim olamazsanız iş tamamiyle işkenceye dönecektir. Benim tavsiyem örnekler çıkarmadan önce bunları olabildiğince araştırmak ve olabildiğince çok UI dizaynlara göz atmak. Sonrasında iyi kötü demeden sürekli örnekler yapın. Bir proje başlattığınızda bitirmeden asla ama asla başka bir projeye başlamayın! Bu yapılan en büyük hatadır. Sonrasında haftada 1 ayda 1 olmak üzere bitirdiğiniz projelere göz gezdirin. Öncelikle size göre kötü gözüken bir yer var mı yok mu bi süzün, kendi dizaynınıza eleştiriler yapın. Sonrasında varsa eğer teknik yanlışlarınızı düzeltin. Giriş seviyesinde bu kadar bilgi sunabilirim size :)
Burada git ile ilgili gir problem yok gibi. Tamamiyle kodda oluşan warning'ler. Sorunuza bir cevabım yok fakat naçizane bir önerim olabilir. Git gerektiren her işlemi olabildiğince bash(terminal) üzerinde yapın. Bu çok daha sağlıklı ve doğru bir yöntemdir.
Tayfun abinin bu konu ile ilgili videosu var mı bilmiyorum ama geçici olarak şöyle bir kaynak sunabilirim: https://www.youtube.com/watch?v=W3pQXyjTKps
Dostum bu kadar kod karmaşası yapmak yerine olayı çok basit bir şekilde birkaç satır kod ile anlatırsan daha iyi yardımcı oluruz. Büyük ihtimal bu kadar kodu kimse okumadı. Bu yüzden yardım edemiyoruz.
Yazdığın kodu paylaşabilirsen daha sağlıklı olur. Async ve await ile olmamasının sebepleri; ya yanlış kullanıldı yada yanlış yerde bir callback/propmise sorgusu oluşturuldu.
Sadece express demeyelim de ekstra npm modülleri kullanarak veriler çekebilirisn. Bunlardan bazıları puppeteer, selenium, cheerio vb. Yaptığın işlemin ismi ise 'Web Scraping'.
Ayrıca ne işlem yapacaksın bilmiyorum ama youtube'de böyle bir örnek var: https://www.youtube.com/watch?v=dXjKh66BR2U&t=356s&ab_channel=Fireship
Şöyle ki asında merak ettiğim tek şey var. Mesela örnek verelim prototürk'te back-end'den gelen bir çook veri var. Bunlar anasayfadaki kartlar, soru sor bölümünün altındaki tag'ler ve nicesi. Bunlar da bir back-end sayesinde geliyor fakat networkte hiç böyle bir çıktı yok. Yani bu veriler bi back-end sorgusundan veya API'den döndüğü kesin ama nasıl networkte gözükmüyorlar? En merak ettiğim şey bu aslında. Back-end'e yeni başladığım için tam kavramış değilim.