Cuma 27 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. 10 Kat Daha Hızlı Kod Yazmak
 10 Kat Daha Hızlı Kod Yazmak
Arayüz Güncel Yazılım

10 Kat Daha Hızlı Kod Yazmak

Yazar : Furkan Toptaş 19 Mayıs 2021 0 Comment

İçindekiler

  • Kodlama Hızını Etkileyen Emmet Kısayolları

  • Kardeş: “+”

  • Çarpma İşlemi: “*”

  • Ürün Numaralandırma: “$” ve “.”

  • ID ve Class Verme: “#ID” ve “.Class”

Merhabalar, bu yazımızda Emmet adlı eklentinin editörler üzerinde kullanımını yorumlayacağız. Kodlama hızına etkisini konuşuyor olacağız.

Emmet, HTML ve CSS iş akışının büyük ölçüde hızlandıran, birçok popüler metin düzenleyicisi için bir eklentidir. Peki bu eklentinin kodlama hızına etkisi nedir? Hemen kodlayalım o zaman;

Öncelikli olarak HTML, CSS kodlamaları için Visual Studio Code kullanıyorum. Sizde bu IDE’yi kullanabilirsiniz çünkü Visual Studio Code de herhangi bir indirme yapmadan direk kullanabilirsiniz. Emmet indirmek ve hangi IDE’lerde kullanıldığına bakmak için siteyi ziyaret edebilirsiniz.

Kodlama Hızını Etkileyen Emmet Kısayolları

Çocuk: ” >”

Bileşenleri iç içe yazmak için “>” işaretini kullanıyoruz. Sonrasında “Enter” ‘a basıyoruz ve aşağıdaki düzeni alıyoruz.

Emmet ile çıktısı:

Kardeş: “+”

Öğeleri yan yana yazmak için kullanılır.

Emmet ile çıktısı:

Çarpma İşlemi: “*”

Birden fazla elemanı oluşturmak için kullanılır.

Emmet ile çıktısı:

Ürün Numaralandırma: “$” ve “.”

“$” Kullanıldığında, Emmet elemanları otomatik olarak numaralandırır. Ayrıca “.” aynı CSS stilinde olduğu gibi sınıf anlamına gelir.

Emmet ile çıktısı:

ID ve Class Verme: “#ID” ve “.Class”

“#” kullandığımız zaman “div” etiketinin id atamamıza yardımcı olur. “.” kullandığımızda ise “div” etiketine sınıf atamaya yardımcı olur.

ID için kullanım:

Emmet ile çıktısı:

Class için kullanım:

Emmet ile çıktısı:

CSS Kısayolları:

Css kısmı için kısayolların çoğunu görsele bakarak kullanabilirsiniz.

 

Ben HTML ve CSS yapısında bazı kolaylıkları anlattım. Daha fazla kısa yollara sahip bir eklenti. Sizler daha detaylı bilgi almak için eklenti belgesini inceleyebilirsiniz.

Her zaman olduğu gibi bu zamanda da en önemli şeylerden birisi zaman bu yüzden biz geliştiricilerin zamanı iyi yönetebilmesi lazım. Umarım zamanınızı yönetmenize yardımcı bir yazı olur. Yorum bölümünden görüşlerinizi hızlı bir şekilde iletebilirsiniz.

Etiketler: CSS CSS ve HTML Emmet hızlı kod yazmak Hızlı Kodlama html kod pratiği kodlama pratiği Nasıl hızlı kodlama yapılır
Önceki Yazı
Sonraki Yazı

Furkan Toptaş (Website)

administrator

Manisa Celal Bayar Üniversitesinde Yazılım Mühendisliğinden mezunum. Şuanda Isparta Uygulamalı Bilimler Üniversitesinde Bilgisayar Mühendisliği bölümünde yüksek lisans yapmaktayım. Aynı zamanda Teknovol şirketinde Yazılım geliştirici olarak çalışmaktayım. Webmaster Kitchen platformunun geliştirilmesinde ve Yönetim Kurulunda yer almaktayım. Bilgi sahibi olduğum konuları sizlerle paylaşıyorum. Geri dönüşleriniz benim için önemlidir. Yorum, düşünce ve görüşlerinizi bekliyorum.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.