web Geliştirme

✔️ Etiket: Web geliştirme

Web geliştirme: nedir bu?

Web geliştirme, web siteleri ve web uygulamaları oluşturma sürecidir. Tasarım, programlama, içerik yönetimi ve arama motoru optimizasyonu gibi birçok farklı yönü içerir.

Web geliştirme için hangi beceriler gereklidir?

Bir web geliştiricisi olmak için programlama ve web teknolojileri bilgisine sahip olmalısınız. Web geliştirme için ana programlama dilleri HTML, CSS ve JavaScript'tir. jQuery, Bootstrap ve AngularJS gibi çerçeveler ve kitaplıklar hakkında bilgi sahibi olmak da iyidir.

Web geliştirmede uzmanlıklar

Web geliştirmede birkaç uzmanlık vardır. Ön uç geliştiriciler, sitenin nasıl göründüğünden ve kullanıcıyla nasıl etkileşim kurduğundan sorumludur. Back-end geliştiriciler, sitenin sunucu tarafında çalışır ve performansını sağlar. Tam yığın geliştiriciler hem ön uç hem de arka uç ile çalışabilir.

Web geliştirme neden önemlidir?

Günümüzde internet, insanların yaşamlarında büyük bir rol oynamaktadır. Çoğu şirket, ürünlerini ve hizmetlerini tanıtmak için kendi web sitesine veya web uygulamasına sahiptir. Web geliştirme, şirketlerin müşteri çekmesine ve satışları artırmasına yardımcı olan yüksek kaliteli ve işlevsel web siteleri oluşturmanıza olanak tanır.

Kariyer fırsatları

Web geliştirme, BT endüstrisinde en çok talep gören işlerden biridir. Nitelikli uzmanlara olan talep sürekli artıyor ve bu alandaki maaşlar oldukça yüksek. Ayrıca, web geliştiricileri hem tam zamanlı hem de serbest çalışan olarak çalışabilirler.

Web geliştirme alanında bir kariyere nasıl başlanır?

Web geliştirme alanında bir kariyere başlamak istiyorsanız, ilk adım ana programlama dillerini ve teknolojilerini öğrenmek olabilir. İnternetteki kurslara veya çalışma materyallerine kendiniz kayıt olabilirsiniz. Uygulama ve becerilerin geliştirilmesi için kendi projelerinizi oluşturmanız da yararlıdır.

1. C/S mimarisi (istemci/sunucu, istemci/sunucu):

Örnek: Bir film izlemek için iQIYI uygulamasını açın. Dezavantaj: güncelleme yaparken her kullanıcının güncellenmesi gerekir.

2. B/S mimarisi (tarayıcı/sunucu, tarayıcı/sunucu):

Örnek: iQIYI web sayfasında bir film açın ve izleyin. Yarar: Bir güncelleme sırasında yalnızca sunucu güncellenir.

5 büyük tarayıcı ve çekirdek

1. Google Chrome (chrome): Blink (webkit çekirdek çatalı)
2. IE tarayıcı: Trident çekirdeği (Edge tarayıcı (Windows10'dan sonraki IE tarayıcı sürümü) edgeHTML çekirdeği)
3. Firefox Tarayıcı (firefox): Gecko Çekirdeği
4. Safari Tarayıcı: WebKit Çekirdeği
5. Opera Tarayıcı (Opera): presto core (kullanımdan kaldırıldı), şu anda webkit core kullanıyor.

Çekirdeğin bileşimi ve işlevi:

İşleme Motoru: HTML, CSS, resimler ve diğer bilgileri oluşturmaktan ve ardından çıktısını almaktan sorumludur.
display js motoru: dinamik sayfa efektleri elde etmek için javascript komut dosyalarının ayrıştırılmasından sorumludur.

3. Kod geliştirme araçları

Söylediği gibi: "Bir işçi iyi bir iş çıkarmak istiyorsa, önce aletlerini bilemelidir." Ön uç geliştirmede de durum aynı: geliştirmemizin verimliliğini bir web editörü ile artırmamız gerekiyor.

İşte sizin için önerilen bazı popüler düzenleyiciler:

1. Sublime Text, metni kod, biçimlendirme ve düzyazıda geliştirmek için güçlü bir prosedürel düzenleyicidir.
2. WebStorm, jetbrains'e ait bir JavaScript geliştirme aracıdır, "en güçlü HTML5 editörü" olarak adlandırılır, ancak bilgisayar yapılandırması için yüksek gereksinimleri vardır ve ödeme gerektirir.
3. VScode, çeşitli eklentiler yükleyerek neredeyse tüm büyük geliştirme dillerini ve çerçevelerini destekleyebilen günümüzün en popüler açık kaynaklı ücretsiz modern hafif kod düzenleyicisidir.
4. HBuilder, HTML5'i destekleyen bir web geliştirme editörüdür.
5. Atom, programcılar için github tarafından özel olarak başlatılan platformlar arası bir metin düzenleyicisidir. CSS, HTML, JavaScript vb. web programlama dillerini destekler.

Tek yapmanız gereken geliştirme araçlarından birini indirmek ve daha da önemlisi daha fazla kod yazmanız gerekiyor!
VScode kullanımı tavsiye edilir, kullanmaya başlaması kolaydır ve kullanımı çok kolaydır.

vscode ile ilgili kısayollar:

1. Bir klasör açın (veya klavye kısayolu ctrl+k+o )
2. Hızlıca bir web sayfası açın alt+l+o
3. Dosya dizinini yerel dosyada açın shift + alt + r
4. Düzenleyici tema rengini değiştirin [ctrl + k + t]
5. Kenar çubuğunu aç/kapat [ctrl + b]
6. Aynı [ctrl + d] öğesini seçin.
7. Sözcük Sarma/Sarmalama Yok [alt + z]
8. Dosyayı kaydet [ctrl+s]
9. [ctrl + Z] işlemini geri al
10.Pencereyi kapat [ctrl+w]
11. Son kapatılan pencereleri sırayla açın [ctrl+shift+f]
12. İmlecin geçerli satırının altına bir satır ekleyin [ctrl+Enter]
13. İmlecin geçerli satırının üzerine bir satır ekleyin [ctrl+shift+Enter]
14. Farenin orta düğmesini basılı tutun ve bir sütun seçmek için fareyi sürükleyin.
15. Dosyayı alan parlak olana kadar sürükleyin, bölünmüş ekran elde edebilirsiniz.
16. Yorum [ctrl + /]
17. Soru işareti, eğik çizgi [ ctrl +? ]

İnternetin üç ana teknolojisi

1. HTML teknolojisi

HTML, web sayfalarını uygulamanıza ve bunları bir tarayıcıda görüntülemenize izin veren bir biçimlendirme dilidir.

2. CSS teknolojisi

CSS'nin tam adı, esas olarak web sayfalarının stilini (web sayfası süslemeleri) kontrol etmek için kullanılan Cascading Style Sheet'dir.

3. JavaScript

JavaScript, web sayfalarına davranış eklemenizi sağlayan saf bir web programlama dilidir.

⟹ Aşağıdakiler bu konuyu kapsayan materyallerdir: