Js ile site şifreleme

Geçen şöyle bir site gördüm : http://brand.denso.com/en/ sitede html tasarım nerdeyse yok herşeyi js dosyasına aktarmışlar yani sitenin çekilmesi zorlaşmış ben nasıl yapabilirim böyle birşey?

Biraz zaman geçmiş ama merak ediyorsanız,
bu site NodeJs ile yapılmış bir site. Siz de react, meteor yada express kullanarak böyle bir site yapabilirsiniz. Yani bu bir şifreleme değil aslında, html içine js değil de js içine html gömmek suretiyle yapılan siteler böyle olur. Frameworkler bu js dosyalarını compile ederek dom u oluşturur. Backend de frontend de tamamen js ile yapılır.

Bol şans.

çok sağolun bu siteyi yapmanın kısa yolu yokmu yani js içine html gommenin kolay framworkde olur öğrenmek için?

Bi üstteki arkadaşın da dediği gibi vue.js çok iyi bir seçenek, bir diğeri react. Artık bu teknolojiler çok sıkça kullanılıyor. Hız ve stabilite olarak çok başarılı. Ama nacizane önerim şudur: öğrenebiliyorsanız meteor öğrenin. Hem backend hem frontend ihtiyacınızı karşılar. Meteor ile birlikte react, angular veya başka js microframeforklerini de birlikte kullanabilirsiniz.

Şunu unutmayın. Güzel olan şeyler kolay olmaz. Kolay bir yolu yok yani. Emek vermeniz lazım.

peki kendim kodlayamazmıyım bir tane mesala load diye fonksiyon olcak içindeki dosyları teyit etcek hepsi varsa yuklencek?

Tabii ki olur, ama büyük sayfalarda işin içinden çıkamazsınız. üstelik normal javascript ile yaparsanız şöyle bir sorun ile karşılaşacaksınız.

Sayfa yüklenirken sayfadaki tüm id ve class isimleri tarayıcı tarafından hafızaya alınır. Mesela jquery ile bir işlem yapalım.

$(document).ready(function(){
    $("#sayfadakiBirId").remove();
});

Sayfa yüklendiğinde sayfadakibirid id sine sahip elemanı kaldır dedik yukarıda. Eğer ki biz senin söylediğin şekilde bir load fonksiyonu ile sayfayı oluşturursak bu çalışmaz. Çünkü sayfadakibirid id li eleman sayfa yüklendikten sonra oluşturulacak. Nedeni basit, sayfa yüklendikten sonra sayfayı oluşturan javascript çalışacak. Bu yüzden de tarayıcı sayfada bulunan hiçbir div i hafızaya almayacak onlar sonradan oluşturulacak. Bizim sayfadakibirdid elemanı da hafızada olmadığı için kaldırılmayacak.

Bu elemanı kaldırmak için daha sorgu atman gerekecek, sayfadakibirid id li eleman var mı diye bak, varsa kaldır demen gerekecek.

Yani Dom'u sonradan oluşturmak türlü türlü sorunlarla mücadele etmeni gerektirecek. Hele ki yüzlerce id ve class ın olacağı bir sayfada jquery ve bootstrap çalışmaz hale gelecek.

Bu frameworkler sayfa yüklenmeden sayfayı oluşturup daha sonra tarayıcıya göndereceği için böyle sorunlar olmayacak.

Yani dediğin olur ama iyi olmaz.

Bol şans.