Giriş
Bugün web'de yapabileceklerin etkileyici. Tüm cihazlarda çalışan, her türlü medya içeriğini içeren web deneyimleri oluşturabilir ve karmaşık hesaplamalar gerçekleştirebilirsiniz. Hatta yerel uygulamalar gibi görünen uygulamalar bile oluşturabilirsiniz.
Web geliştirmeye bugün başlamak istiyorsanız, baş döndürücü bir dizi seçenekle karşı karşıya olabilirsiniz. Bu modülde bir web sitesinin temel bileşenlerini ve web geliştirmeyi başlatmak için kullanabileceğiniz bazı araçları öğreneceksiniz. Html, CSS ve JavaScript'i birlikte kullanarak bir web sitesi oluşturacak ve ardından neler olduğunu anlamak için tarayıcıda geliştirici araçlarını kullanacaksınız.
Bu temel bilgilerle, gelecekte web siteleri oluştururken karar almak için daha iyi bir bağlam elde edersiniz; örneğin, web sitenizi oluşturmak için JavaScript çerçeveleri seçmeniz veya kendi JavaScript işlevlerinizi oluşturmanız gerekip gerekmediği.
Gitmek istediğimiz yere bakarak başlayalım.
Senaryo
Bir web geliştiricisi olduğunuzu ve şirketinizin web sitesinin daha geniş bir müşteri yelpazesine hitap etmesini istediğinizi düşünün. Müşterilerinizin web sitenizdeki deneyimlerini özelleştirmesine izin vermek için açık ve koyu temalar için destek eklemeye karar verirsiniz. CSS kullanarak tema desteğini göstermek için küçük bir kavram kanıtı web sitesi oluşturur ve bu temalar arasında geçiş yapmak için bir JavaScript işlevi yazarsınız.
Tamamlandığında, koyu tema seçildiğinde web siteniz şu örneğe benzer:
Web sayfasında ne var?
İçerik, stil ve etkileşimli mantık sırasıyla HTML, CSS ve JavaScript dosyalarına ayrılır. Modern programlamada bir tasarım ilkesi , endişelerin ayrılmasıdır. Endişeleri ayırmanın birçok nedeni arasında, ikisi basitlik ve yeniden kullanımdır. Örneğin, CSS kullanarak HTML öğelerine stil ekleyerek HTML kodunuzu basitleştirebilirsiniz. Her öğenin içindeki görünümü kodlamak yerine, sayfa karmaşıklığından bağımsız olarak sayfadaki tüm öğelere CSS stilleri uygularsınız. Ayrıca, birden çok HTML sayfasını tek bir CSS dosyasına bağlayabilirsiniz. Bu, web sitenizin tamamında tutarlı bir genel görünümü basitleştirmeye yardımcı olabilir.