Özet
Bu modülde, web geliştirme için bir çalışma ortamı ayarlamış olursunuz. Ayrıca bir web sitesi oluşturdunuz ve her şeyin bir web tarayıcısında çalıştığını test ettiniz. Şimdi başardığınız her şeyi inceleyelim:
- Web geliştirme için ihtiyacınız olan araçları indirip yüklediyseniz ve düzenleyiciyi temel paketlerle özelleştirdiyseniz.
- Web sitesi oluşturmak için bir proje dizini ve dosyaları oluşturdunuz.
- Bir başlık ve diğer sayfa öğeleri oluşturdunuz, ardından dış dosyalara bağlandınız ve sayfayı tarayıcıda test ettiniz.
- Farklı öğelere stiller uyguladınız ve sitenizi tarayıcıda test edip CSS kullanarak temalar için destek eklediniz.
- Sayfayla özel etkileşimi etkinleştirmek ve temalar arasında geçiş yapmak için JavaScript eklediniz.
- Kodunuzun içine göz atmak için konsol iletileri oluşturmayı ve kullanmayı öğrendiniz.
Araçlar topluyor ve web geliştiricisi olarak bir temel oluşturuyorsunuz. Web sitenizi gelecekteki projeler için şablon olarak yeniden kullanabilirsiniz. Becerileriniz ve bilginiz arttıkça, web siteniz için sahip olduğunuz vizyonun daha fazlasını gerçekleştirebilirsiniz. Ayrıca bir fikrin hayata geçirilmesine de güç katıyor.
Daha fazla bilgi edinin
Web geliştirme kavramları
Web geliştirme başvuruları
HTML5
- HTML geçmişi
- Webhint - 'Utf-8' karakter kümesini kullanma
- MDN web belgeleri - Kafanızda ne var?
- MDN web belgeleri - HTML öğeleri referansı
CSS
JavaScript
Web geliştirme teknolojileri
Microsoft Edge belgeleri
- Microsoft Edge Geliştirici Araçları
- Öğeler aracıyla HTML ve CSS'yi inceleme, düzenleme ve hatalarını ayıklama
- Konsola genel bakış
Azure Statik Web Uygulamaları
Web sitenizi dağıtmanın bir yolu Azure Static Web Apps kullanmaktır.