60 2021’de kullanılmak üzere olağanüstü web geliştirme aracı
Yeni bir proje başlatmak için bir metin veya not defteri açma ve “” yazma konusunda romantik ve ilginç bir şey var. Kaçımız Web’i kodlama takıntımıza başladık. 2021’de, web geliştirme araçları metnimizi kaydetmekten daha fazlasını yaptı – bu araç proje yapmamıza ve tüm süreci geliştirmemize yardımcı oldu. Bunun ötesinde, HTML ve CSS dışında dikkate alınması gereken daha fazla unsur vardır.
Ücretsiz demoyu deneyin
Örneğin planlama aşaması çok önemlidir. Tel çerçeve, tasarım seçenekleri ve işbirlikçi iş akışlarını düşünmeniz gerekir. Daha sonra, entegre bir geliştirme ortamı (IDEA) ve daha fazlası kullanılması, ideal JavaScript çerçevesinin seçimi vardır.
Bu yazıda, 2021’de kullanım için düşünmek istediğiniz 60 web geliştirme aracı göreceğiz. Ancak tartışmadan önce, bizim görüşümüze göre web geliştirme araçları hakkında tartışalım.
Yüzeyde bir web geliştirme aracı olarak düşündüğümüz şey, bir web geliştirme aracını kategorize etmek basit görünüyor. Bununla birlikte, sığ bir ucuna dalmak bile çizgiyi gizleyen birkaç husus sunar. Örneğin, video akışı hizmetlerinin geliştirme araçları olarak kabul edilip edilmediğini düşünün. Kabarcıklarda, belki değil. Ancak, ekranınızı belirli tasarım uygulamaları için kaydetmek için kullanırsanız, aniden benzersiz bir işbirlikçi araca dönüşür.
Görüşümüze göre, web geliştirme araçları proje hedeflerinize odaklanmış bir şekilde ulaşmanıza yardımcı olan bir şeydir. Bu, bireysel programlama dillerini içermese de, alt küme, süper kümesi ve çizgileri taşıyan el yazmaları gibi çerçeve vardır. Çok para almak istiyorsanız, bu yönleri izlemek çok önemlidir. Diğer örnekler için git’i düşünün. Kontrol sisteminin (VC) birçok şey içerdiğini iddia edebilirsiniz. Komutları çalıştırmak için kullanılan özel bir dil vardır ve temel işlevsellik web geliştirme açısından birçok şey sunar. Bununla birlikte, özellikle günlük izleme günlüğünü ve bağlılığını izleyerek bir öğrenme aracı olarak da kullanabilirsiniz. Genel olarak, web geliştirme araçları projenizi verimli ve verimli bir şekilde çalıştıran her şey olabilir. Bu çeşitliliği araçlar listesinde göreceksiniz. Bir TextDit veya Not Defteri Açma ve Yeni Bir Proje Başlatmak İçin “” yazma konusunda çok ilginç bir şey var 60 Yararlı Web Geliştirme Araçları, Web Geliştirme araçlarınızı nasıl düzenleyebileceğini tweetlemeye tıklayın, deneyiminizi yönetmenize ve optimize etmenize yardımcı olacaktır. Birkaç kelimeden önce bir tetik uyarısı siz: “Kritik zaman.” Evet, bu korkulan ifade günü kurtarmak için zaman web geliştirme araçlarından tasarruf etmek için bağırdı. İstatistikler, daha fazla projenin krizi standart olarak kullandığını ve birçok kalkınma endüstrisinin şimdiye kadar hala kullandığını göstermektedir.
Şirketinizin kriz ve fazla mesai kullanması veya ihtiyaç duyup gerektirmediği dışında, web geliştirme araçları yine de yardımcı olabilir.Bu araçlar ağır işler yapıyor ve gününüzü harcayan sıradan işleri otomatikleştiriyor.Böylece, verimliliğiniz için organik teşvik sunarlar.Bununla birlikte, Scrum gibi çevik projeler çerçevesinde faaliyet gösteriyorsanız, bonuslar da sunabilirler.Örneğin, JSFiddle gibi araçların bir sonraki sprint için hazır olan bir sprint sonunda snippet’leri diğer takımlarla paylaşmanıza nasıl yardımcı olabileceğini düşünün.Dahası, günlük stand-up hiçbir yere gitmese de, Discord Server veya Slack kanalı, mevcut sprint hedeflerinizin baskısından uzakta bir dizi görevi odaklamak ve uyum sağlamak için daha iyi bir yol sunabilir.
Genel olarak, web geliştirme araçları planlama ve yürütme ile ilgilidir. Projeniz için doğru geliştirme yığını nasıl seçilir Dönüştürülenlere vaaz verebiliriz, ancak Bintang Web geliştirme aracı, M1 Gold Rose tarafından desteklenen MacBook üzerindeki ağırlığı ile orantılıdır. Bu nedenle, özel projeniz için doğru aracın bir kombinasyonunu almak, iş için güçlü bir temel oluşturmak için çok önemlidir. Bu daha önce düşünmediğiniz bir şeyse, ilk planlama aşamasının paha biçilemez olduğunu kanıtlayacaktır. Kullanacağınız araçları tamamlamak için zaman ayırmak gerçekten proje kodlama aşamasını geciktiriyor. Ancak, bu sefer daha sonra geri alacaksınız çünkü yazılımla ilgili potansiyel rahatsızlık daha az olacaktır. Ayrıca daha tutarlı bir çıktı seviyesi de göreceksiniz (herkesin aynı sayfada olacağını hatırlayarak). Bir geliştirme yığını seçmeyi düşünün, projenin aşağıdakiler için doğru yığını seçersiniz:
Karmaşıklık: Gönderinizin ne kadar karmaşık olduğunu düşünün, çünkü bu yığının karmaşıklığını belirleyecektir.
Ölçeklenebilirlik: Projeniz yerel işletmeler içinse, bu küresel şirketler için farklı bir çözüm gerektirecektir. Böylece, hedeflerinize ulaşmak için daha ölçeklenebilir bir yığın ihtiyacınız var.
Güvenlik: Artık seçtiğiniz her şeyin kullanıcı ve site güvenliğini tehlikeye atmaması gerektiğini söylemeye gerek yok.
Maliyetler: Tabii ki, hiç kimse çok fazla para harcamayı sevmez ve katı bir bütçe varsa, bunun boş çek kitaplarından daha fazla faktörü olacaktır.
Teknolojiyi bölebileceğiniz iki alan vardır:
Sunucu tarafı: Burada, kullandığınız arka uç teknolojisini görmek istiyorsunuz. Örneğin, bir barındırma ve web sunucusu, anahtar değer ve SQL depolama, uygulamalar ve kullanacağınız herhangi bir otomasyon çerçevesi ve elbette programlama dilini görmek istiyorsunuz. Müşterinin tarafı: Ön uç araçlarının seçiminiz tartışmasız daha kolay, özellikle Kullandığınız dil açısından. HTML, CSS ve JavaScript görüntülenirken, JavaScript çerçevenizin (ve otomasyon çerçevesinin) seçimi birkaç husus gerektirecektir.
Gerçek dünya gelişiminin birkaç yığınına gelirken, birçok büyük sitenin bazı JavaScript kullandığını ve Nginx ile React.js kombinasyonlarını göreceksiniz. Ayrıca, geliştirme yığınında Rails Memcached, Redis ve Ruby On Rails’i göreceksiniz.
60 Olağanüstü Web Geliştirme Araçları 2021’de daha fazla uzatmadan, 2021’de kullanılmasını önerdiğimiz web geliştirme araçları listesine bakalım. Bunu birkaç kategoriye dönüştürdük, ancak bunun yanı sıra, araç kesin olarak değil . Eğer acele ediyorsanız, aşağıda listelenen belirli bir parçaya atlamaktan çekinmeyin.
Yerel Gelişim Ortamı Yerel Gelişim Ortamı, herhangi bir gelişme yığınının önemli bir parçasıdır. Ancak, bu web geliştirme için çok önemlidir. İşte en önemli yerel geliştirme araçlarından bazıları.
1. Dev Kinsta
Devkinsta Açılış Ekranı.
Önyargılı olabiliriz, ancak Devkinsta 2021 için bir numaralı web geliştirme aracı olabilir ve benzeri. Screts – biz önyargımız ve yayınladığımız şeyle gurur duyuyoruz! Bilmeyenler için Devkinsta, anında yerel bir WordPress kurulumunu çalıştırmanıza yardımcı olmanın bir yoludur. Bu, macOS ve Windows makineleri (işlemdeki Linux sürümü ile) için WordPress siteleri tasarlamanıza, geliştirmenize ve uygulamanıza olanak tanıyan eksiksiz bir seridir. Kurulumunuzu mevcut projenize ayarlayabilirsiniz. Örneğin, “Sunucu” Nginx veya Apache’yi, seçtiğiniz PHP sürümü, MariaDB veya MySQL’i çalıştırabilirsiniz ve daha fazlasını kullanabilirsiniz: Devkinsta Ayarları Seçenekleri.
Çadırın altında da daha fazlası var. Ayrıca e -postayı varsayılan SMTP sunucusu üzerinden hata ayıklayabilir ve test edebilirsiniz ve veritabanı yönetimi için güvenilir yönetim araçlarını kullanabilirsiniz:
Veritabanı Yöneticisi Advtes Devkinsta tarafından desteklendi.
Genel olarak, bizim görüşümüze göre Devkinsta, modern WordPress’in gelişimi için idealdir. Doğrudan iş akışınıza gidebilir. Bu aracı geliştiricileri, tasarımcıları, serbest çalışanları ve ajansları düşünerek yaptık. Bununla birlikte, günlük kalkınma ihtiyaçları olan neredeyse herkes Devkinsta’da (ancak sadece değil) Kinsta kullanıcılarında değerler bulacaktır. Dahası, Devkinsta tamamen ücretsiz! 2. Mamp
Genel olarak, bizim görüşümüze göre Devkinsta, modern WordPress’in gelişimi için idealdir. Doğrudan iş akışınıza gidebilir. Bu aracı geliştiricileri, tasarımcıları, serbest çalışanları ve ajansları düşünerek yaptık. Bununla birlikte, günlük kalkınma ihtiyaçları olan neredeyse herkes Devkinsta’da (ancak sadece değil) Kinsta kullanıcılarında değerler bulacaktır. Dahası, Devkinsta tamamen ücretsiz! 2. Mamp
Mamp Logosu.
Bir kum kutusunun daha hızlı gelişi göz önüne alındığında, web sayfaları yapmak ve yaymak için klasik aracın öldüğünü ve gömüldüğünü düşüneceksiniz. Bununla birlikte, lambalar, MAMP’ler ve XAMPP gibi geleneksel web hizmetlerinin yığınları hala güçlüdür. Genellikle, Apache Web sunucuları, MySQL veritabanları ve Python, PHP ve Perl programlama dillerini tek bir kazık haline getiren işletim sistemi (OS) – Linux, macOS veya Windows – birleştirir. Bu nedenle, bunun gibi bir yığını 2021’de hala kullanılacaktır. MAMP, özel bir macOS aracının bir sürümüdür. Bu yaklaşım, bir kazık kurduğunuzu ve tasarım ve uygulama üzerinde çalıştığınızı görüyor. Süreç daha modern bir düzenlemeden daha uzun soluklu olsa da, çadır veya en azından potansiyel var. Devkinsta gibi araçları kullanırken, bir yığın web hizmeti ile düzgün bir grafik kullanıcı arayüzü (GUI) arasından seçim yapacaksınız, ihtiyacınız olan ekleri manuel olarak yüklemeniz gerekir. Örneğin, WordPress sitesini “KENDİNİZİ YAŞAYAN” olmadan çalıştırmanın doğuştan gelen bir yolu yoktur. Bu, test e -postasıyla aynı durumdur. Diğer yerel kalkınma çevre araçları gibi, tamamen ücretsiz. Bununla birlikte, Windows ve Mac için MAMP’nin işlevselliği geliştiren ve kapsamlı ve güçlü bir web geliştirme aracı sağlayan birinci sınıf bir sürümü de vardır. Mamp Pro.
Bir kum kutusunun daha hızlı gelişi göz önüne alındığında, web sayfaları yapmak ve yaymak için klasik aracın öldüğünü ve gömüldüğünü düşüneceksiniz. Bununla birlikte, lambalar, MAMP’ler ve XAMPP gibi geleneksel web hizmetlerinin yığınları hala güçlüdür. Genellikle, Apache Web sunucuları, MySQL veritabanları ve Python, PHP ve Perl programlama dillerini tek bir kazık haline getiren işletim sistemi (OS) – Linux, macOS veya Windows – birleştirir. Bu nedenle, bunun gibi bir yığını 2021’de hala kullanılacaktır. MAMP, özel bir macOS aracının bir sürümüdür. Bu yaklaşım, bir kazık kurduğunuzu ve tasarım ve uygulama üzerinde çalıştığınızı görüyor. Süreç daha modern bir düzenlemeden daha uzun soluklu olsa da, çadır veya en azından potansiyel var. Devkinsta gibi araçları kullanırken, bir yığın web hizmeti ile düzgün bir grafik kullanıcı arayüzü (GUI) arasından seçim yapacaksınız, ihtiyacınız olan ekleri manuel olarak yüklemeniz gerekir. Örneğin, WordPress sitesini “KENDİNİZİ YAŞAYAN” olmadan çalıştırmanın doğuştan gelen bir yolu yoktur. Bu, test e -postasıyla aynı durumdur. Diğer yerel kalkınma çevre araçları gibi, tamamen ücretsiz. Bununla birlikte, Windows ve Mac için MAMP’nin işlevselliği geliştiren ve kapsamlı ve güçlü bir web geliştirme aracı sağlayan birinci sınıf bir sürümü de vardır. Mamp Pro.
Esneklik ve fiyat nedeniyle, gelişmekte olan birçok bilgisayarda hala klasik web hizmetleri yığını mevcuttur. Doğal komut satırı severler, özellikle Homebrew, Flatpak veya Ninite gibi paket yöneticilerini kullanmak isterseniz, bu çözümle ilgilenecektir. Tabii ki, Apache geliştiricileri de MySQL ve Python veya PHP’nin geliştiricisi gibi bu yığını da kullanacak. Uzatma ile birlikte, WordPress geliştiricileri de burada kendinizi hissedecekler. 3. Xamppplicks XAMPP.
XAMPP, WordPress ürünleri yapanlar da dahil olmak üzere PHP geliştiricilerinden çok fazla sevgi alan diğer web hizmetlerinden oluşan bir yığındır. “X” adına bu aracın haç -platformunun doğasını temsil eder. Windows, macOS ve Linux makineleri için kurulum sunuyor:
XAMPP, WordPress ürünleri yapanlar da dahil olmak üzere PHP geliştiricilerinden çok fazla sevgi alan diğer web hizmetlerinden oluşan bir yığındır. “X” adına bu aracın haç -platformunun doğasını temsil eder. Windows, macOS ve Linux makineleri için kurulum sunuyor:
Xampp İndir sayfası.
Eskiden çeşitli web hizmetleri yığınları arasında bir fark olmasına rağmen, yenileme ve sürekli iyileştirme alanı eşitledi. Ancak, XAMPP’nin bazı benzersiz hileleri var. Örneğin, MySQL artık ilişkisel bir veritabanı yönetim sistemi (RDMS) varsayılan değildir. Bunun yerine, XAMPP MariaDB kullanır. Oracle’ın ediniminden sonra diğer çözümlere geçiş göz önüne alındığında, bu, üretim sunucusunun daha doğru bir temsili olacaktır. Ayrıca, XAMPP paketine web uygulamalarının yüklenmesi vardır. Bitnami, XAMPP için Softaculous, ancak Spesifik Bitnamis gibi çözümlere benzer:
Eskiden çeşitli web hizmetleri yığınları arasında bir fark olmasına rağmen, yenileme ve sürekli iyileştirme alanı eşitledi. Ancak, XAMPP’nin bazı benzersiz hileleri var. Örneğin, MySQL artık ilişkisel bir veritabanı yönetim sistemi (RDMS) varsayılan değildir. Bunun yerine, XAMPP MariaDB kullanır. Oracle’ın ediniminden sonra diğer çözümlere geçiş göz önüne alındığında, bu, üretim sunucusunun daha doğru bir temsili olacaktır. Ayrıca, XAMPP paketine web uygulamalarının yüklenmesi vardır. Bitnami, XAMPP için Softaculous, ancak Spesifik Bitnamis gibi çözümlere benzer:
Bitnami evi.
Mevcut birçok uygulama olmasına rağmen, muhtemelen WordPress’in kurulumuyla en çok ilgileniyorsunuz. Bununla birlikte, aralarından seçim yapabileceğiniz birçok eklenti vardır, bu da XAMPP’yi yerel gelişim için esnek bir çözüm haline getirir. Metin ve kod editörleri Çoğu geliştirici, hangi kod düzenleyicisini kullanmanız gerektiğini tartışmayı sever. Tamam, biz hiperbolikiz, ancak konu hakkında her editör için güçlü bir hayran kitlesine sahip birçok nesnel görüş var. Ancak, anket doğruysa, Yüce Metin, Visual Studio Kodu (VSCODE) veya Intellij fikrini kullanabilirsiniz. Bu mantıklıdır, çünkü bu üç araç basit metin düzenlemeden eksiksiz bir entegre geliştirme ortamına (IDEA) ölçeklidir. Ancak, bahsedilmeyi hak eden başka insanlar da var. Bazılarına bakalım. 4. Visual Studio Kodu 2015 yılında başlatıldığından beri, Visual Studio kodunun kullanımı tüm satırların tüm masaüstü geliştirmesinde patladı. Visual Studio Kodu düzenleyicisi.
Mevcut birçok uygulama olmasına rağmen, muhtemelen WordPress’in kurulumuyla en çok ilgileniyorsunuz. Bununla birlikte, aralarından seçim yapabileceğiniz birçok eklenti vardır, bu da XAMPP’yi yerel gelişim için esnek bir çözüm haline getirir. Metin ve kod editörleri Çoğu geliştirici, hangi kod düzenleyicisini kullanmanız gerektiğini tartışmayı sever. Tamam, biz hiperbolikiz, ancak konu hakkında her editör için güçlü bir hayran kitlesine sahip birçok nesnel görüş var. Ancak, anket doğruysa, Yüce Metin, Visual Studio Kodu (VSCODE) veya Intellij fikrini kullanabilirsiniz. Bu mantıklıdır, çünkü bu üç araç basit metin düzenlemeden eksiksiz bir entegre geliştirme ortamına (IDEA) ölçeklidir. Ancak, bahsedilmeyi hak eden başka insanlar da var. Bazılarına bakalım. 4. Visual Studio Kodu 2015 yılında başlatıldığından beri, Visual Studio kodunun kullanımı tüm satırların tüm masaüstü geliştirmesinde patladı. Visual Studio Kodu düzenleyicisi.
Bu, Microsoft tarafından geliştirilen ve bir fikir olarak kabul edilmesi gereken çok şey sunan açık kaynaklı bir kod düzenleyicisidir. Kuşkusuz, pazarın yarısından fazlasını yakalamak için yeterli işlevsellik sunuyor – web geliştiricilerinin% 55’i her gün görsel stüdyo kodunu kullanıyor. Varsayılan ayarlarda, Visual Studio kodu ilk ve esas olarak metin düzenleyicisidir. Bununla birlikte, uzatma kütüphanesi ile birleştirildiğinde, geliştirme ihtiyaçlarınızı karşılayacak kadar modüler ve esnek hale gelir:
Visual Studio Kodu Uzatma Kütüphanesi.
Visual Studio Kodu Uzatma Kütüphanesi.
Bu, Docker ve Vagrant uzantıları ve daha fazlası ile birlikte seçtiğiniz dil için Linter ve Fixer’ı (evet, ESLINT ve PHP CS Fixer vardır) yükleyebileceğiniz anlamına gelir. Dilden bahsetmişken, Visual Studio kodu, kutunun dışında JavaScript, Node.js ve TypeScript’i destekler. Bununla birlikte, uzatma ekosistemi çok zengindir, böylece kullandığınız dili destekleyecek bir şey bulabilirsiniz. Dahası, diğer Microsoft ürünleriyle, özellikle GitHub: Visual Studio Code’un GitHub ile özel bir VCS entegrasyonu vardır.
Visual Studio tamamen ücretsizdir ve bir dizi özellik ile bu birçok insan için idealdir. VSCODE’yi fikir ve yüce metin arasında mükemmel bir orta zemin olarak görüyoruz. Bu arada, sonuncusunu görelim. 5. Sublim Metin
Visual Studio tamamen ücretsizdir ve bir dizi özellik ile bu birçok insan için idealdir. VSCODE’yi fikir ve yüce metin arasında mükemmel bir orta zemin olarak görüyoruz. Bu arada, sonuncusunu görelim. 5. Sublim Metin
Luhur metin uygulaması.
Yüce metin metin editörü dünyasında bir dayanak noktasıdır. Görünüşü çadır altındaki gücü reddetmesine rağmen, bu diğer çözümlerden daha soyulmuş. Örneğin, diğer rakiplerde yüce metin tarafından sunulan birçok şeyi göreceksiniz. Komut paleti, kullanımı kolay olduğu için birçok çözümde göreceğiniz bir şeydir.
Yüce metin metin editörü dünyasında bir dayanak noktasıdır. Görünüşü çadır altındaki gücü reddetmesine rağmen, bu diğer çözümlerden daha soyulmuş. Örneğin, diğer rakiplerde yüce metin tarafından sunulan birçok şeyi göreceksiniz. Komut paleti, kullanımı kolay olduğu için birçok çözümde göreceğiniz bir şeydir.
Yüce metin komut paleti.
Buna ek olarak, aynı anda birkaç sütun düzenlemek için birkaç seçenek yapmak gibi güçlü bir düzenleme klavye kısayolu vardır. Ayrıca, Goto Anything özelliği, dosyalarınızı geçmek için Vim gibi klavye kısayollarının bir kombinasyonunu sunar:
Buna ek olarak, aynı anda birkaç sütun düzenlemek için birkaç seçenek yapmak gibi güçlü bir düzenleme klavye kısayolu vardır. Ayrıca, Goto Anything özelliği, dosyalarınızı geçmek için Vim gibi klavye kısayollarının bir kombinasyonunu sunar:
Yüce metin, gezinmenize yardımcı olacak düğmelerin vurgusunu birleştirebilir.
Yüce metin, çok liberal bir deneme süresi olan premium bir araçtır. Bu ücretsiz olarak kabul edilebilir, ancak geliştiriciye geri vermek için, genişletilmiş kullanım için bir lisans almalısınız. Görüşümüze göre, birçok küçük kod üreticisi veya hobi için, yüce metin önemli şeyler sağlayarak olağanüstü kullanıcı deneyimi (UX) sunar. Hoş görselleri, sorunsuz olmayan düzenler ve genişletilebilme yeteneği nedeniyle birçok geliştirici arasında sevilmeye devam ediyor. 6. Atom Bir noktada, atomlar geliştiriciler arasında ağır kullanımın tadını çıkarır. Ancak, Visual Studio Kodu geldiğinden, evlat edinme daha az görünüyor. Çok kötü çünkü bu birçok farklı uygulama için uygun harika bir kod editörüdür. Atomik uygulama.
Yüce metin, çok liberal bir deneme süresi olan premium bir araçtır. Bu ücretsiz olarak kabul edilebilir, ancak geliştiriciye geri vermek için, genişletilmiş kullanım için bir lisans almalısınız. Görüşümüze göre, birçok küçük kod üreticisi veya hobi için, yüce metin önemli şeyler sağlayarak olağanüstü kullanıcı deneyimi (UX) sunar. Hoş görselleri, sorunsuz olmayan düzenler ve genişletilebilme yeteneği nedeniyle birçok geliştirici arasında sevilmeye devam ediyor. 6. Atom Bir noktada, atomlar geliştiriciler arasında ağır kullanımın tadını çıkarır. Ancak, Visual Studio Kodu geldiğinden, evlat edinme daha az görünüyor. Çok kötü çünkü bu birçok farklı uygulama için uygun harika bir kod editörüdür. Atomik uygulama.
Bu, GitHub tarafından geliştirilen ve neden Microsoft’taki güç sırasına göre itildiğini açıklayabilen bir uygulamadır. Ancak, bu düzenli olarak güncellenir ve Visual Studio kodunun alternatif bir sürümü olarak düşünülebilir. Metin işlevlerini düzenlemek ve daha büyük kardeşleri gibi, doğuştan gelen Github’ın doğuştan entegrasyonuna sahiptir. “Paketler” adlı birçok eklenti de var:
Atomik Paket Yükleyici.
Atomik Paket Yükleyici.
Atomu iş akışınız ve projenizle ayarlamaya yardımcı olacak birçok kişi vardır. Atomlar aralarından seçim yapabileceğiniz çeşitli temaları içerir ve bazıları, bir karanlık gibi çok popülerdir, bu yüzden diğer editörlere de yol açarlar:
Tema bir karanlık atom.
Tema bir karanlık atom.
Atom, denemeye değer fonksiyonel bir kod düzenleyicisidir. Bununla birlikte, atom elektronlar üzerine inşa edildiğinden (kelime kelime yok), bazı kullanıcılar büyük dosyalardan şikayet etti ve proje yavaştı. Bu nedenle, daha küçük projeler ve hızlı komut dosyaları (özellikle varsayılan terminal paketi ile) için iyi olduğunu, ancak karmaşık iş için en iyisi olmayabileceğini öneriyoruz. 7. Notepad ++ Ev Not Defteri ++.
Hemen, Notepad ++ ‘ın Intellij Idea veya Visual Studio kodu gibi kullandığınız “Big Boy” kod düzenleyicisinin yerini alamayabileceğini belirtmek daha iyidir. Ancak, bu size basit komut dosyaları ve genel metin düzenleme uygulamaları için daha fazla güç verecektir. Projenize bağlı olarak, geçiş yapmak için cazip olabilirsiniz. Sadeliğinin yanı sıra, Notepad ++ çeşitli projelerde kullanılır. Bu, “artı artı” öğesini adından açıklayan özel bir Windows kodu düzenleyicisidir. Tabii ki, Notepad, Windows kurulumunda varsayılan olarak daha fazla bulunmayan bir metin düzenleyicisidir. Notepad ++ kardeşlerine benziyor, ancak aşağıdakiler gibi özel geliştirme özellikleri de içeriyor.
Hemen, Notepad ++ ‘ın Intellij Idea veya Visual Studio kodu gibi kullandığınız “Big Boy” kod düzenleyicisinin yerini alamayabileceğini belirtmek daha iyidir. Ancak, bu size basit komut dosyaları ve genel metin düzenleme uygulamaları için daha fazla güç verecektir. Projenize bağlı olarak, geçiş yapmak için cazip olabilirsiniz. Sadeliğinin yanı sıra, Notepad ++ çeşitli projelerde kullanılır. Bu, “artı artı” öğesini adından açıklayan özel bir Windows kodu düzenleyicisidir. Tabii ki, Notepad, Windows kurulumunda varsayılan olarak daha fazla bulunmayan bir metin düzenleyicisidir. Notepad ++ kardeşlerine benziyor, ancak aşağıdakiler gibi özel geliştirme özellikleri de içeriyor.
Ayrı sekmeler ve pencereler
Yaklaşık 80 programlama dili için destek
Yaklaşık 80 programlama dili için destek
Otomatik Tamlık Fonksiyonu
Dosyalarda kullanılan tüm işlevleri bir bakışta görmek için harika bir yol sunan işlevlerin listesi
Dosyalarda kullanılan tüm işlevleri bir bakışta görmek için harika bir yol sunan işlevlerin listesi
Dahası, Notepad ++ proje yönetimi açısından esnektir. Bu üç farklı yaklaşımı desteklemektedir: oturumlar, çalışma alanları ve projeler. Notepad ++ kazmaya başladıktan sonra, bunu bir sayfadan daha geniş bir proje için kullanabileceğinizi göreceksiniz. Notepad ++ ‘ın ayarlanabilen harika işlevsellik isteyen geliştiriciler için uygun olacağını düşünüyoruz. Kullanıldığında, belirli projelere göre diğerlerinden daha uygun olacak uygun bir VIM açık kaynak titreşimi vardır. 8. JetBrains Suite Geliştirme fikri söz konusu olduğunda, Jetbrains Solutions serisi listenizin en üstünde (veya çok yakın) olacaktır. İş modeli akıllıdır, çünkü Jetbrains’den birçok editör olmasına rağmen, her şey aslında çadır editörü Intellij Idea’nın bir “alt kümesi” dir.tellij fikri önde gelen Java fikridir.
Fikir kendine bir java fikri diyor. Bu, diğer fikir araçlarının neredeyse tüm işlevlerini erişebilecek şekilde destekler. Ve böylece, bu da birçok programlama dilini destekler. Örneğin, Pycharm, fikrin Python işlevinin çoğunu yırtıyor ve onu kendi aracı olarak paketledi. Ayrıca aynı şeyi yapan phpstorm ve webstorm bulacaksınız.
Fikir kendine bir java fikri diyor. Bu, diğer fikir araçlarının neredeyse tüm işlevlerini erişebilecek şekilde destekler. Ve böylece, bu da birçok programlama dilini destekler. Örneğin, Pycharm, fikrin Python işlevinin çoğunu yırtıyor ve onu kendi aracı olarak paketledi. Ayrıca aynı şeyi yapan phpstorm ve webstorm bulacaksınız.
Pycharm, dil odasında popüler olan özel bir Python fikridir.
Fikir kullanmak çok kolaydır – jetbrains, konfigürasyonlarda ve ayarlarda gezinmek yerine kodlamayı yapmak için iyi bir iş çıkarmıştır. Bu şaşırtıcı olabilir, ancak VIM gibi komut satırı editörlerini kullanma ve fikirler kullanma arasındaki sınır genellikle incedir. Her iki araçta da iş akışına ve verimliliğe benzer bir odaklanma vardır, ancak fikirler de bu şekilde rahat çalışıyorsanız VIM klavye bağlamasını içe aktarmanıza izin verir. Fikir uzantısı, sizi bir sihirbaz gibi hissettirmek için VIM klavye bağlamasını kullanmanıza izin verir .
Fikir kullanmak çok kolaydır – jetbrains, konfigürasyonlarda ve ayarlarda gezinmek yerine kodlamayı yapmak için iyi bir iş çıkarmıştır. Bu şaşırtıcı olabilir, ancak VIM gibi komut satırı editörlerini kullanma ve fikirler kullanma arasındaki sınır genellikle incedir. Her iki araçta da iş akışına ve verimliliğe benzer bir odaklanma vardır, ancak fikirler de bu şekilde rahat çalışıyorsanız VIM klavye bağlamasını içe aktarmanıza izin verir. Fikir uzantısı, sizi bir sihirbaz gibi hissettirmek için VIM klavye bağlamasını kullanmanıza izin verir .
Bir yazılım anlaşması olan büyük bir projenin veya şirketin bir parçası olarak çalışıyorsanız, Intellij fikrini kullanacağınızı varsayıyoruz. Projeleri paylaşabilir veya tutarlı bir ortamda çalışabilir. Birçok WordPress geliştiricisi, projeleri yönetmedeki toklukları nedeniyle Jetrain ürünlerini kullanır. Fiyatlar da bir faktördür ve Intellij, genellikle yılda üç veya dört puana ulaşan bir abonelik modeli üzerine inşa edilmiştir.
Intellij Fikir Fiyat Ekranı.
Yine de, Jetbrains ürünlerinin bazı “insanlar” baskısı var. Ancak, ana yazılımın bir versiyonudur; Temel olarak, sahiplik unsurları ortadan kaldırılan açık kaynaklı bir çözümdür. Dahası, JetBrains açık kaynak projeleri, girişimler, eğitim tesisleri, Docker’ın kaptanları ve daha birçok özel grup için rekabetçi fiyatlar sunuyor. Web Tasarımı ve Prototip Aracı Tabii ki, web uygulamaları iyi kullanıcı deneyimi (UX) olmadan hiçbir şey değildir. Bu nedenle, düzeninizin ve görsel prototiplerinizin genellikle özel araçlara ihtiyaç duymasını sağlar. Tasarım aracı sunucu ve istemci geliştirme yanında hayati önem taşıyacaktır. İşte bazı popüler seçenekler. 9. Figma görüntüleri, tasarımda işbirliği yapmanıza izin veren genellikle bahsedilen web geliştirme araçlarıdır.
Diğer kullanıcıların karşılaştığı arayüzler ve öğeler oluşturmak için Drag-Drop Düzenleyicisi’ni kullanabilirsiniz. Geliştiriciler için, projenize implante edilecek kod görüntülerini de alabilirsiniz. Figma, fikirlerden uygulamaya kadar bir süreç yaptı – sorunsuz ve proje zinciri boyunca gözden geçirmeye devam etti. Ayrıca yazı tiplerine ve renklere yardımcı olmak için homojenleştirilen bir dizi araçtan da yararlanırsınız. Bu işlem, tür ölçeği gibi ayrı bir araç kullanmaktan farklıdır:
Tip ölçekli web sitesi.
… ve Adobe Renk, Serinçiler, Çeşitli Renk Seçmenleri ve daha fazlası gibi web geliştirme araçları.
Coolors Renk Seçmenleri.
Intellij Fikir Fiyat Ekranı.
Yine de, Jetbrains ürünlerinin bazı “insanlar” baskısı var. Ancak, ana yazılımın bir versiyonudur; Temel olarak, sahiplik unsurları ortadan kaldırılan açık kaynaklı bir çözümdür. Dahası, JetBrains açık kaynak projeleri, girişimler, eğitim tesisleri, Docker’ın kaptanları ve daha birçok özel grup için rekabetçi fiyatlar sunuyor. Web Tasarımı ve Prototip Aracı Tabii ki, web uygulamaları iyi kullanıcı deneyimi (UX) olmadan hiçbir şey değildir. Bu nedenle, düzeninizin ve görsel prototiplerinizin genellikle özel araçlara ihtiyaç duymasını sağlar. Tasarım aracı sunucu ve istemci geliştirme yanında hayati önem taşıyacaktır. İşte bazı popüler seçenekler. 9. Figma görüntüleri, tasarımda işbirliği yapmanıza izin veren genellikle bahsedilen web geliştirme araçlarıdır.
Diğer kullanıcıların karşılaştığı arayüzler ve öğeler oluşturmak için Drag-Drop Düzenleyicisi’ni kullanabilirsiniz. Geliştiriciler için, projenize implante edilecek kod görüntülerini de alabilirsiniz. Figma, fikirlerden uygulamaya kadar bir süreç yaptı – sorunsuz ve proje zinciri boyunca gözden geçirmeye devam etti. Ayrıca yazı tiplerine ve renklere yardımcı olmak için homojenleştirilen bir dizi araçtan da yararlanırsınız. Bu işlem, tür ölçeği gibi ayrı bir araç kullanmaktan farklıdır:
Tip ölçekli web sitesi.
… ve Adobe Renk, Serinçiler, Çeşitli Renk Seçmenleri ve daha fazlası gibi web geliştirme araçları.
Coolors Renk Seçmenleri.
Figma’nın tek bir geliştirici projesi için bir değeri olmasına rağmen, Figma’nın daha büyük boyutu nedeniyle ekip için daha fazla faydası var. Ekip, Merkezi varlık depoları ve yeniden kullanılabilecek bileşenler gibi Figma’nın işbirlikçi yönlerini beğenecektir. Ekip lideri ayrıca ekip üyelerinin çeşitli tasarım sistemlerini nasıl kullandığını görmek için kapsamlı raporlama seçeneğini takdir edecektir. Fiyatlar için, şirket tabanlı ekipler için “editör” başına 45 $ ‘a yükselen standart düzeyde “editör” başına 12 $ değerinde Figma (“editörler” için “koltuklar” okuyun – konsept aynıdır). Böylece, fiyatlar ne kadar editör istediğinize bağlı olarak yükselebilir. 10. Eskiz Eskiz, geliştiriciler arasında da incelenen özel bir macOS uygulamasıdır: Sketch logosu.
Bu popülerdir, çünkü eskiz çadırın altında birçok işlev içerir ve aynı zamanda kullanımı kolaydır, bu da orijinal macOS uygulaması olduğunu düşünerek mantıklıdır. Bu, Apple’ın fikrinin Xcode’a benziyor, bu da kötü bir şey değil ve dinvigasyon için eğlenceli geliyor. Tabii ki, vektörleri düzenleme ve sınırları değiştirme gibi önemli işlevleri yerine getirebilirsiniz. Bununla birlikte, uygulamalarda bir tasarım oluşturmanıza ve hızlı bir şekilde başkalarına dışa aktarmanıza yardımcı olacak çok daha fazlası vardır. Örneğin, mevcut boyutlarınıza ve düzeninize uyacak şekilde uyarlanabilir boyuttaki değişikliği kullanan akıllı eskiz düzeninin işlevselliğini alın. Herkese tasarıma nasıl dalacağını ve mükemmelleştirilmesine yardımcı olacak birçok işbirlikçi araç da vardır.
Bu popülerdir, çünkü eskiz çadırın altında birçok işlev içerir ve aynı zamanda kullanımı kolaydır, bu da orijinal macOS uygulaması olduğunu düşünerek mantıklıdır. Bu, Apple’ın fikrinin Xcode’a benziyor, bu da kötü bir şey değil ve dinvigasyon için eğlenceli geliyor. Tabii ki, vektörleri düzenleme ve sınırları değiştirme gibi önemli işlevleri yerine getirebilirsiniz. Bununla birlikte, uygulamalarda bir tasarım oluşturmanıza ve hızlı bir şekilde başkalarına dışa aktarmanıza yardımcı olacak çok daha fazlası vardır. Örneğin, mevcut boyutlarınıza ve düzeninize uyacak şekilde uyarlanabilir boyuttaki değişikliği kullanan akıllı eskiz düzeninin işlevselliğini alın. Herkese tasarıma nasıl dalacağını ve mükemmelleştirilmesine yardımcı olacak birçok işbirlikçi araç da vardır.
Takım için çizim özeti.
Eskiz, bir serbest çalışan veya tek bir geliştiricinin ücretsiz olarak katılabileceği Figma gibi cihazlardan farklıdır, ardından bir ihtiyaç duyulduktan sonra bir abonelik satın alın. Bu durumda, eskiz fiyatı kullanıcı başına aylık bir zaman 99 $ veya 9 $ ‘dır. 11. Studio Invision Invision Studio benzersiz bir şekilde “ekran tasarımı” uygulaması olarak satıyor. Mantıklı ve daha açık bir şekilde anlamak da. Invision Studio, sezgisel tabanlı bir editör ve vektör desteği gibi beklediğiniz tüm standart özellikleri ve işlevleri sağlar. Invision Studio uygulaması.
Eskiz, bir serbest çalışan veya tek bir geliştiricinin ücretsiz olarak katılabileceği Figma gibi cihazlardan farklıdır, ardından bir ihtiyaç duyulduktan sonra bir abonelik satın alın. Bu durumda, eskiz fiyatı kullanıcı başına aylık bir zaman 99 $ veya 9 $ ‘dır. 11. Studio Invision Invision Studio benzersiz bir şekilde “ekran tasarımı” uygulaması olarak satıyor. Mantıklı ve daha açık bir şekilde anlamak da. Invision Studio, sezgisel tabanlı bir editör ve vektör desteği gibi beklediğiniz tüm standart özellikleri ve işlevleri sağlar. Invision Studio uygulaması.
Aslında, prototiplerin üretimi ve animasyonlar yapmakla daha fazla ilgili. Örneğin, sanat tahtalarını ve ekranları birbirine bağlamak için yönlendirebilir, tıklayabilir ve sürükleyebilirsiniz. Bu özellik, daha sonra gönderdiğiniz bir şey olarak değil, tasarım sürecinin bir parçası olarak animasyon oluşturmanıza olanak tanır.
Invision Studio uygulamasında animasyon.
Invision Studio uygulamasında animasyon.
Handoff’lardan bahsetmişken, tüm ekip ortak bileşen kütüphanesi, global senkronizasyon seçenekleri, zorlu denetim modu ve daha fazlası nedeniyle Invision stüdyosunda çalışabilir. Fiyat yapısı da rekabetçi. Invision Studio’nun ücretsiz sürümü, işlevselliğin neredeyse tüm ödenmiş sürümlerini, yalnızca kaydedebileceğiniz belge sayısının sınırlarıyla verir. Pro seviyesi uygulama gücü için çok değerlidir (yaklaşık 95 $/kullanıcı/yıl). 12. Affinity Designer Adobe Illustrator kullanıcısıysanız, geçmişte bir afinite tasarımcısı bulmuş olmalısınız. Serif’in grafik tasarıma yaklaşımı, parayı elde etmek için Adobe’nin çözümünü sağlıyor gibi görünüyor:
Affinity Designer uygulaması.
Affinity Designer uygulaması.
Başlatıldığından beri, toplulukla iyi ilişkisi, olağanüstü tasarım ilkeleri ve çekici fiyat modelleri nedeniyle gelişmekte olan bir kullanıcı tabanı aldı. Mac, Windows ve iPad için sürümler bulacaksınız ve her sürüm aynı anda vektörler, raster veya her ikisiyle çalışabilir: Affinity Designer editörü.
İllüstratörlerden kullandığınız araçlar, eksiksiz bir renk profilleri ve dışa aktarma seçenekleri ile birlikte:
İllüstratörlerden kullandığınız araçlar, eksiksiz bir renk profilleri ve dışa aktarma seçenekleri ile birlikte:
Affinity Designer’da dışa aktarma seçenekleri.
Kısacası, projeniz için profesyonel grafikler oluşturmak için özellikler ve işlevsellik mevcuttur. Dahası, fiyat çok rekabetçi. Tam bir fiyata yaklaşık 50 $ maliyeti, bu bir kez ödeme. İllüstratör gibi uygun bir bulut tabanlı seçeneği yoktur. Yine de, bir kez, sübjektif olarak daha iyi bir şekilde sunulan adobe kapsamı elde edersiniz. 13. Codepen veya JSfiddle Önceki Intellij fikrini tartışırken, küçük ama pratik özelliklerden birinden bahsetmedik – çizik dosyaları. Bu, mevcut çalışma projenizi etkilemeden kod görüntülerini hızlı bir şekilde yazmanıza ve test etmenizi sağlar. Diğer kod editörü kullanıcıları için, Codepen veya JSFiddle gibi çözümler mükemmel ikamelerdir. Her ikisi de aynı şekilde çalışır: HTML, CSS ve JavaScript için üç metin editörü ve sonuçları görmek için çıktı ekranı vardır:
Kısacası, projeniz için profesyonel grafikler oluşturmak için özellikler ve işlevsellik mevcuttur. Dahası, fiyat çok rekabetçi. Tam bir fiyata yaklaşık 50 $ maliyeti, bu bir kez ödeme. İllüstratör gibi uygun bir bulut tabanlı seçeneği yoktur. Yine de, bir kez, sübjektif olarak daha iyi bir şekilde sunulan adobe kapsamı elde edersiniz. 13. Codepen veya JSfiddle Önceki Intellij fikrini tartışırken, küçük ama pratik özelliklerden birinden bahsetmedik – çizik dosyaları. Bu, mevcut çalışma projenizi etkilemeden kod görüntülerini hızlı bir şekilde yazmanıza ve test etmenizi sağlar. Diğer kod editörü kullanıcıları için, Codepen veya JSFiddle gibi çözümler mükemmel ikamelerdir. Her ikisi de aynı şekilde çalışır: HTML, CSS ve JavaScript için üç metin editörü ve sonuçları görmek için çıktı ekranı vardır:
Codepen Konsolu.
Platformunuza bağımlı olduğunuz “kalem” veya “keman” adını verebilir, kaydetebilir ve başkalarıyla paylaşabilirsiniz. Bu çok basit bir fikir – bir proje açısından yarı pişmiş düşüncenizi almanıza ve saniyeler içinde gerçekleşmenize yardımcı olabilecek bir fikir. Dosyalardaki belirli öğeleri vurgulamak ve değişikliklerin nerede olabileceğini göstermek isteyen geliştiriciler için “çevrimiçi fikirler” çok değerlidir. Ayrıca, sohbet veya “doğrudan mikrofon” ile işbirliği de mümkündür: JSFiddle İşbirliği Ekranı.
Platformunuza bağımlı olduğunuz “kalem” veya “keman” adını verebilir, kaydetebilir ve başkalarıyla paylaşabilirsiniz. Bu çok basit bir fikir – bir proje açısından yarı pişmiş düşüncenizi almanıza ve saniyeler içinde gerçekleşmenize yardımcı olabilecek bir fikir. Dosyalardaki belirli öğeleri vurgulamak ve değişikliklerin nerede olabileceğini göstermek isteyen geliştiriciler için “çevrimiçi fikirler” çok değerlidir. Ayrıca, sohbet veya “doğrudan mikrofon” ile işbirliği de mümkündür: JSFiddle İşbirliği Ekranı.
Genel olarak, çevrimiçi fikirler “uyku” web geliştirme aracı olarak düşünülebilir, çünkü çok sık belirtilmemiştir, ancak birçok geliştirici tarafından daha iyi bir kod yapmak için kullanılır. GIT müşterileri, kodları saklamak, değişiklikleri belgelemek ve çoğaltılmadan bir ekiple yapmak için merkezi bir yola sahiptir. Kontrol sistemi (VCS) için görevdir. İşte bir VCS: GIT’i idare eden bazı istemciler. Önce VC’lerin kendisini tartışalım. 14. Git Git modern geliştiriciler için çok önemlidir ve bu nedenle bu mevcut en önemli web geliştirme araçlarından biridir. Kısacası, bu, proje kodunuzda yaptığınız değişiklikleri belgelemenin ve “depo” a kaydetmenin bir yoludur:
GitHub WordPress taahhütlerinin listesi.
GitHub WordPress taahhütlerinin listesi.
Git, Linux Linus Torvalds’ın yaratıcısı tarafından keşfedildi. Ve “evreleme alanına” dosya değişiklikleri eklemek için bir dizi komut kullanın, burada bunları depoya “ileteceksiniz”. Oradan, onları çevrimiçi asılı olan uzun mesafeli depolara “iteceksiniz”. Bu tek VCS mevcut olmasa da-WordPress geliştirme ekibi hala birçok proje için TRAC kullanıyor-bu en belirgin olanı. GIT veya TRAC gibi VC’ler, orta konumda kod yayınlayarak ekibin birlikte çalışmasına yardımcı olur. Temel komut, genellikle komut satırlarından kullanılan GIT ile başlayan bir kelimenin işlevidir. Örneğin: git file.php ekle Bu ifade, evreleme alanınıza file.php ekler. Başka bir deyişle, bu kayıtlar, son bir dokunuş vermeden kaydetmek istediğiniz bir şey olarak değişir. Bunu isterseniz bir dosya veya tüm proje ile yapabilirsiniz. Dosyaları iletmek için git taahhüdünü çalıştırırsınız. Buradan, başkalarına bağlılığınız hakkında bilgi vermek için yorumlar ekleyebilirsiniz. Bundan sonra, değişiklikleriniz depolanır ve ana “dala” itilir. Tabii ki, uzun bir “repo” üzerinde çalışıp çalışmadığınıza bağlıdır. GIT ve VC’lerde genel olarak yeniyseniz, GITLAB, GIT’i komut satırında kullanmak için iyi bir başlangıç kılavuzuna sahiptir. Ayrıca Gitlab’ın kendisi hakkında biraz konuşacağız. 15. Githubhah Github Kinsta.
Çoğu geliştirici için Github, git depo projesinin depolandığı bir yerdir:
Çoğu geliştirici için Github, git depo projesinin depolandığı bir yerdir:
GitHub WordPress Deposu.
Bu, Microsoft’a sadece GIT’i barındırmaktan daha fazlasını içeren bir çözümdür.Birçok otomatik test aracı ve ek işbirliği özellikleri sunma çabaları da vardır. Github İşbirliği Fitur.
Bu, Microsoft’a sadece GIT’i barındırmaktan daha fazlasını içeren bir çözümdür.Birçok otomatik test aracı ve ek işbirliği özellikleri sunma çabaları da vardır. Github İşbirliği Fitur.
Açık kaynaklı projeler için GitHub gibi platformlar neredeyse facto seçeneğidir.Bu göz önüne alındığında, bir web geliştirme aracı olarak GitHub birçok açık kaynaklı kullanıcı, öğrenci ve genel olarak geliştiriciler için çok değerlidir.Bu, özellikle yüklü paketle ilgili sorunları çözmek için bir GitHub problem izlemesi kazarken geçerlidir.
Github problem izleyici.
Github problem izleyici.
GitHub sadece bir repo programı depolamak için değil.Bu aynı zamanda web geliştirme ve hatta kitaplar gibi diğer kodlama projeleri içindir.Genel olarak, GitHub, birçok farklı daldan oluşan sağlıklı bir topluluk oluşturmaya yardımcı olan olağanüstü bir araçtır.Ancak, etrafındaki tek platform bu değil.16. GitLab
Gitlab logosu.
Gitlab logosu.
Daha önce bahsettik, ancak Gitlab aynı hedefe sahip bir GitHub rakibi. Bu temelde Repo Git için ev sahibi ama aynı zamanda diğer birkaç ekleme de sunar. Github kendini “geliştirme platformu” olarak adlandırırken, Gitlab “DevOps” a odaklandı. Serbest seviyede, GITLAB DevOps yaşam döngüsünün her aşamasını, statik uygulama güvenliği testi ve sürdürülebilir kalkınma (CD) ve sürdürülebilir entegrasyon (CI) için ayda yaklaşık 400 dakika sunar. Gitlab, GitHub açısından büyük bir fark olan topluluğun anlayışına düşer. Bu daha çok yayılma ve tüm proje döngüsü ile ilgilidir. Bu olumsuz değil, ancak Gitlab’ın daha “insüler” bir platform olduğu anlamına geliyor, muhtemelen GitHub gibi açık kaynak projeleri için uygun değil. Çoğu takım için, GitLab’ın serbest seviyesi çok olacaktır. Kullanıcı başına yılda yaklaşık 230 $ ile kodunuz ve üretkenliğiniz için analitik, yaklaşık 10.000 dakika CD/CI ve daha fazlasına erişebilirsiniz. 17. Sourcetree kaynak ağacı bir git depo ana bilgisayar değil, onu yönetmek için bir grafik kullanıcı arayüzü (GUI). Bu, Gitkraken, Sublime birleştirme, GitHub masaüstü ve daha fazlası gibi birçok çözümden biridir.
Bu, git deponuzun görsel temsillerini sunmak için Bitbucket gibi diğer ürünlere bağlı olan bir Atlasya ürünüdür (ve Atlasian’ı seviyoruz!).SourCetree, kolay bir GIT müşterisi olarak pazarlanmaktadır – ve gerçekten de deneyimli kullanıcılar için de uygundur.GIT (ve aynı zamanda Mercurial) ile çalışan takımı destekleyecek birçok şey var.Örneğin, SourCetree, son taahhütteki değişiklikleri vurgulamak, aynı zamanda ihtiyacınız varsa daha fazla işlemek gibi basit şeyler yapar.Takım liderleri değişiklikleri inceleyebilir, gerektiğinde dallar arasında çalışabilir ve grafik ve bilgi sekmelerini kullanarak kodları görselleştirebilir: SourCetree grafik ekran.
Bu, git deponuzun görsel temsillerini sunmak için Bitbucket gibi diğer ürünlere bağlı olan bir Atlasya ürünüdür (ve Atlasian’ı seviyoruz!).SourCetree, kolay bir GIT müşterisi olarak pazarlanmaktadır – ve gerçekten de deneyimli kullanıcılar için de uygundur.GIT (ve aynı zamanda Mercurial) ile çalışan takımı destekleyecek birçok şey var.Örneğin, SourCetree, son taahhütteki değişiklikleri vurgulamak, aynı zamanda ihtiyacınız varsa daha fazla işlemek gibi basit şeyler yapar.Takım liderleri değişiklikleri inceleyebilir, gerektiğinde dallar arasında çalışabilir ve grafik ve bilgi sekmelerini kullanarak kodları görselleştirebilir: SourCetree grafik ekran.
Git istemcisi durumunuza güvenmeniz için uygun mu? Hala öğreniyorsanız, arsa ve süreci anladığınızda terminali kullanmaya devam etmenizi öneririz. GIT’in kapsamlı kullanımı olan profesyoneller veya takımlar için, SourCetree gibi müşteriler her gün yaptığınız işten dakikaları azaltacaktır. Web tarayıcısı olmayan tarayıcı geliştiricisi, web geliştirme yoktur. Bununla birlikte, seçim tarayıcınız web’de gezinmek için çok önemli olsa da, nasıl çalıştırılacağını öğrenmek için de kullanabilirsiniz. Modern tarayıcıların çoğu, daha sonra projenize geri getirebileceğiniz arka uç kodunu analiz etmenize yardımcı olacak özel geliştirme araçları içerir. İşte en popüler olanlardan bazıları. 18. Chrome geliştiricisi “Devtools” Chrome, olağanüstü özellik ve teşhis setleri nedeniyle topluluk genelinde saygı görüyor. Krom tabanlı bir tarayıcının ortaya çıkması göz önüne alındığında, birçoğu benzer kısayollarla aynı devtoollere sahiptir. Microsoft Edge, Cesur, Chromium’un kendisini ve daha birçok klonu kontrol edebilir ve projenizle tarayıcıda çalışabilirsiniz.
Öğeler sekmesi, sayfa kaynak kodunu görüntülediğiniz yer olduğu için düzenli bir uğrak olacaktır. Ve bize göre, Performans sekmesi, diğer tarayıcı Devtools’un eşleşemeyeceği sayfa yükleme bilgileri verir:
Öğeler sekmesi, sayfa kaynak kodunu görüntülediğiniz yer olduğu için düzenli bir uğrak olacaktır. Ve bize göre, Performans sekmesi, diğer tarayıcı Devtools’un eşleşemeyeceği sayfa yükleme bilgileri verir:
Brave’in Performans sekmesi.
Güvenlik sekmesi de bir müşterinin web sitesini izlemek (veya araştırma) için gerekli olan bazı iyi bilgiler verir:
Güvenlik sekmesi de bir müşterinin web sitesini izlemek (veya araştırma) için gerekli olan bazı iyi bilgiler verir:
Brave’s Güvenlik sekmesi.
Daha da iyisi, doğrudan krom tabanlı tarayıcınızdan Google deniz feneri raporları oluşturabilirsiniz:
Daha da iyisi, doğrudan krom tabanlı tarayıcınızdan Google deniz feneri raporları oluşturabilirsiniz:
Brave’s Devtools’tan bir Google Deniz Feneri Raporu.
Buradaki Devtools öznel olarak en iyisidir, bu yüzden krom ve krom tabanlı kullanıcıların onlara yaslanacağını göreceksiniz.Diğer tarayıcıların da Devtool’ları var ve aynı zamanda dikkate almaya değer.19. Firefox Geliştirici Araçları Firefox Ana Sayfası.
Buradaki Devtools öznel olarak en iyisidir, bu yüzden krom ve krom tabanlı kullanıcıların onlara yaslanacağını göreceksiniz.Diğer tarayıcıların da Devtool’ları var ve aynı zamanda dikkate almaya değer.19. Firefox Geliştirici Araçları Firefox Ana Sayfası.
Yaklaşık 220 milyon aylık aktif kullanıcı tabanı ile Firefox, Google’ın hakimiyetine rağmen hala popüler bir tarayıcı.Geçmişte, geliştiriciler Firebug’u övdü ve tarayıcı içinde hata ayıklamada bir lider teklif etti.Bugün Firefox’un geliştirici araçları var:
Firefox’un geliştirici araçları.
Firefox’un geliştirici araçları.
Site kaynak kodunu (müfettiş), hata ayıklayıcı, bellek, depolama ve daha fazlasını görüntülemek için temel bir dizi özellik vardır.Yeni başlayanlar için, konsol genel olarak kodlamanın bir geçididir, çünkü JavaScript’i doğrudan tarayıcıda çalıştırabilirsiniz ve ilk çalışırken parçacıkları test etmenin ve ayaklarınızı bulmanın kolay bir yoludur:
Bir tarayıcı konsolu örneği.
Bir tarayıcı konsolu örneği.
Buna rağmen, Firefox’un (ve diğer tarayıcı) geliştirici araçlarına krom tabanlı tarayıcıdan daha az paketlendiğini düşünüyoruz.Yine de, tarayıcı çapraz hata ayıklama ve sorun giderme için Firefox’u hizmete sunacaksınız.Bu nedenle, neredeyse tüm görevler için ideal olmaları iyi bir şey.Freephworks Front UNDER’dan konuşurken, çarpıcı web siteleri oluşturmak için uygun bir şeye ihtiyacınız olacak.Buradaki çerçeve seçiminiz çok önemlidir.Her zaman iş için en iyi aracı seçmelisiniz.Bunu göz önünde bulundurarak, birkaç popüler seçeneğe bakalım.20. Bootstrap Mobil Duyarlılık, modern web tasarımında standart bir özelliktir.Mobil taramaların şimdi nasıl masaüstlerini geçtiği göz önüne alındığında hoş bir adım.Bu göz önüne alındığında, mobil ilk siteleri hızlı bir şekilde döndürmenin bir yolunu isteyeceksiniz.Bootstrap, bol miktarda kullanım gören harika bir web geliştirme aracıdır: Bootstrap logosu.
JavaScript eklentilerini, SASS değişkenlerini, önceden inşa edilmiş bazı bileşenleri, kaliteli duyarlı bir ızgara sistemi ve çok daha fazlasını birleştiren bir araç setidir. Bootstrap ile çalışan resmi temaların bir pazarı bile var ve birçok WordPress web sitesi de tasarım çerçevesinin en üstünde yerleşik temaları kullanıyor. Tabii ki, bootstrap kullanıp kullanmadığınız, projenizin ihtiyaç duyduğu şeye bağlı olacaktır. Howver, sıkı bütçeli ve hızlı geri dönüşlere sahip web geliştirme projelerinin “bootstraped” bir çözümü döndüreceğini ve WordPress’e uyarlayacağını varsaymak mantıklıdır. Çerçevenin ve WordPress’in ücretsiz olduğu göz önüne alındığında, zamanınız tek maliyet faktörü haline gelir. 21. Tailwind CSS Kağıt üzerinde, Tailwind CSS mantıklı değildir. Web geliştirmenin temel üçlüsünün bir parçası olan bir dil için bir fevend çerçevesi. Bu nedenle, hedef kullanıcının bir çerçeveye ihtiyaç duymadan zaten uygun bilgiye sahip olacağını düşünmek mantıklıdır. Gerçekte, Tailwind CSS mükemmel mantıklı. HTML.A Tailwind CSS örneğinden ayrılmadan sitenizin ön ucunu tasarlamanın bir yoludur.
JavaScript eklentilerini, SASS değişkenlerini, önceden inşa edilmiş bazı bileşenleri, kaliteli duyarlı bir ızgara sistemi ve çok daha fazlasını birleştiren bir araç setidir. Bootstrap ile çalışan resmi temaların bir pazarı bile var ve birçok WordPress web sitesi de tasarım çerçevesinin en üstünde yerleşik temaları kullanıyor. Tabii ki, bootstrap kullanıp kullanmadığınız, projenizin ihtiyaç duyduğu şeye bağlı olacaktır. Howver, sıkı bütçeli ve hızlı geri dönüşlere sahip web geliştirme projelerinin “bootstraped” bir çözümü döndüreceğini ve WordPress’e uyarlayacağını varsaymak mantıklıdır. Çerçevenin ve WordPress’in ücretsiz olduğu göz önüne alındığında, zamanınız tek maliyet faktörü haline gelir. 21. Tailwind CSS Kağıt üzerinde, Tailwind CSS mantıklı değildir. Web geliştirmenin temel üçlüsünün bir parçası olan bir dil için bir fevend çerçevesi. Bu nedenle, hedef kullanıcının bir çerçeveye ihtiyaç duymadan zaten uygun bilgiye sahip olacağını düşünmek mantıklıdır. Gerçekte, Tailwind CSS mükemmel mantıklı. HTML.A Tailwind CSS örneğinden ayrılmadan sitenizin ön ucunu tasarlamanın bir yoludur.
Çekirdek stil sayfasından CSS eklemek için çeşitli etiketlerdeki yardımcı programları kullanırsınız. Tabii ki, CSS hala birincil stil kaynağıdır. HTML kullanarak bir düzen oluştururken sizin görüşünüz dışında. Böylece, aynı anda yapı ve stil geliştirmenizi sağlar. Yaklaşım bize 960 ızgara sistemini hatırlatıyor ve bu çerçeveyle iyi bir şekilde çalışacak. Bununla birlikte, spagetti kodunun karışıklığı ile sonuçlanabileceğiniz birçok sınıfla öğeleri paketleme tehlikesi var. Tailwind CSS ile çalışmak için sabır ve disipline ihtiyacınız olacak, ancak projeniz varsa, hızlı ve sağlam bir çerçeve. 22. BULMA Site yapıları ve düzenleri tasarlama, esnek, duyarlı ve dinamik sütunlar yaratarak birçok ilerlemeyi yaptık. Bunu ele almak tek şeyin yapabileceği tek şey olmasa da, bu tür bir uygulama çerçeveye et ve patates: Bulma web sitesi.
Tailwind CSS gibi, Bulma CSS’yi gizler ve HTML’niz için size yardımcı sınıflar verir. Flexbox, ilk mobil ve modüler ile üretilmiştir. Sadece birkaç bileşene ihtiyacınız varsa harika. İsterseniz çerçeveleri karıştırabilir ve eşleştirebilirsiniz. Dahası, Bulma’yı yalnızca CSS olduğu için çalıştırmaya ve çalıştırmaya gerek yok. Minimum çıplak kodlu düğmeler gibi arayüz öğeleri ekleyebilirsiniz. Kendi projenizin ihtiyaçlarına uyum sağlayabilecek basit, açık kaynaklı bir çerçevedir. Kitabımızda bu, yararlanmak için iyi yapacağınız değerli bir özellik. 23. Vakfı Zurban ekibi, Foundation’daki bir CSS çerçevesine benzersiz bir şekilde ele alınmaktadır. Siteler ve e-posta için iki lezzeti olan ilk mobil, semantik bir araçtır:
Tailwind CSS gibi, Bulma CSS’yi gizler ve HTML’niz için size yardımcı sınıflar verir. Flexbox, ilk mobil ve modüler ile üretilmiştir. Sadece birkaç bileşene ihtiyacınız varsa harika. İsterseniz çerçeveleri karıştırabilir ve eşleştirebilirsiniz. Dahası, Bulma’yı yalnızca CSS olduğu için çalıştırmaya ve çalıştırmaya gerek yok. Minimum çıplak kodlu düğmeler gibi arayüz öğeleri ekleyebilirsiniz. Kendi projenizin ihtiyaçlarına uyum sağlayabilecek basit, açık kaynaklı bir çerçevedir. Kitabımızda bu, yararlanmak için iyi yapacağınız değerli bir özellik. 23. Vakfı Zurban ekibi, Foundation’daki bir CSS çerçevesine benzersiz bir şekilde ele alınmaktadır. Siteler ve e-posta için iki lezzeti olan ilk mobil, semantik bir araçtır:
Vakıf ana sayfası.
Vakıf, öncelik olarak erişilebilirlik ile inşa edilmiştir. Vakftaki her snippet, özel Aria özellikleri ile birlikte gelir. Howver, bu aşamaya gelmeden önce, Vakıf, HTML’nize nasıl eklediğiniz için hızlı prototipleme için etkileyicidir. Sayfanızda hemen hemen her yapısal öğeyi oluşturabilirsiniz – hatta çeşitli menüler ve navigasyon türleri: Foundation’da bir navigasyon menüsü oluşturma.
Vakıf, öncelik olarak erişilebilirlik ile inşa edilmiştir. Vakftaki her snippet, özel Aria özellikleri ile birlikte gelir. Howver, bu aşamaya gelmeden önce, Vakıf, HTML’nize nasıl eklediğiniz için hızlı prototipleme için etkileyicidir. Sayfanızda hemen hemen her yapısal öğeyi oluşturabilirsiniz – hatta çeşitli menüler ve navigasyon türleri: Foundation’da bir navigasyon menüsü oluşturma.
Zurb ayrıca, çerçevenin giriş ve çıkışlarını öğrenmeniz için çok iyi olan birçok belge ve öğretici sunar. Vakfın kullanımı kolaydır, ancak inşaat sitelerine çok fazla girebileceğinizden ve karmaşık düzen ve işlevsellikten çıkabileceğinizden şüpheleniyoruz. Ayrıca web sitesi Vakfı’nda birçok şablon bulacaksınız. Başlamanıza yardımcı olacak basit tel çerçevelerdir – kapsayıcıları memnuniyetle karşılar:
Temel Şablon Kütüphanesi.
Temel Şablon Kütüphanesi.
Genel olarak, temel çerçevesi kutuda yazılanları yapar. Bu, daha fazla işlevi artırmanıza izin vermek yerine, site geliştirmenin merkezi olacaktır. Böylece, her proje için kullanamayabilirsiniz. Aslında, çalışırken, her türlü sitede iş yapacak. 24. Malzememiz daha sonra daha ayrıntılı olarak tepki verecektir, ancak şimdilik Material-UI’nin bu JavaScript çerçeve bileşen kütüphanesine dayandığını bilin. Bilmeyenler için, malzeme tasarımı Google’ın bir web sitesi ön ucunun nasıl tasarlanacağına dair “felsefesi” dir. Bu, birçok Roboto yazı tipi ve renk blokları anlamına gelir:
Material-UI, Google’ın tasarım standartlarını karşılamaya görülüyor.
Material-UI, Google’ın tasarım standartlarını karşılamaya görülüyor.
Kütüphaneyi tepki vermek için içe aktaracaksınız, ardından sitenizi oluşturmak için özel bir HTML etiketi kullanacaksınız:
Malzeme-UI üzerinde bir düğme yapın.
Malzeme-UI üzerinde bir düğme yapın.
Diğer öğeleri ayarlamak için sınıfı HTML etiketinize eklersiniz. Kod bloğunun tamamı bir işlevle sarılır ve ayrıntıları (ve uzantılı sayfaları) React’te oluşturursunuz. Birçok kullanım ve fiyat vakası dahil olmak üzere birçok ücretsiz ve premium tema da mevcuttur: Malzeme-UI tema kütüphanesi.
Material-UI’nin malzeme tasarımı etrafında özel bir kullanım vaka yapımı sitesi olduğundan, hedefiniz bu ise bir giriş çerçevesi olacaktır. Özellikle, tema kütüphanesi bütçeniz ne olursa olsun başlamak için değerli bir kaynak olacaktır. 25. HTML5 Kettle Plakaları
Material-UI’nin malzeme tasarımı etrafında özel bir kullanım vaka yapımı sitesi olduğundan, hedefiniz bu ise bir giriş çerçevesi olacaktır. Özellikle, tema kütüphanesi bütçeniz ne olursa olsun başlamak için değerli bir kaynak olacaktır. 25. HTML5 Kettle Plakaları
Ana Sayfa HTML5 KAYNA PLANTE.
Bir WordPress geliştiricisiyseniz, sonuçta bulmuş olabilirsiniz. Bu, işlevsel öğelerinizi ve sitenizin çekirdeğini düzenlemek için çok zaman kazandıran bir WordPress yeni başlayan temasıdır. HTML5 Boilerplate aynı şeyi genel tasarım düzeyinde yapar. Bu nedenle, HTML, CSS ve JavaScript içeren yedi dosya içerir. Her şey yalnızca sayfayı oluşturmak için en çok gereken dosyayı ve kodu içerir. Bu noktanın dışında, sayfalarınızın sonuçları size nasıl bağlıdır. HTML5 Bolarplate birçok fan var çünkü bu tam bir çerçeveden daha fazla zaman tasarrufu sağlayan bir yardımcı programdır. Bu nedenle, “Ticaret Yoluyla” WOW için kutunun dışında görsel yok, ancak HTML5 kaynak plakasını hizmete basarsanız, gelişiminizi WordPress geliştiricileri için alt kaydetme olarak hızlandırdığınızı hissedebilirsiniz. 26. Materyalize bir yarışmacı-UI olarak ifade etmeyeceğimize rağmen, bu, düzeni yapmak için malzeme tasarımı ilkelerini kullanan başka bir çerçevedir:
Bir WordPress geliştiricisiyseniz, sonuçta bulmuş olabilirsiniz. Bu, işlevsel öğelerinizi ve sitenizin çekirdeğini düzenlemek için çok zaman kazandıran bir WordPress yeni başlayan temasıdır. HTML5 Boilerplate aynı şeyi genel tasarım düzeyinde yapar. Bu nedenle, HTML, CSS ve JavaScript içeren yedi dosya içerir. Her şey yalnızca sayfayı oluşturmak için en çok gereken dosyayı ve kodu içerir. Bu noktanın dışında, sayfalarınızın sonuçları size nasıl bağlıdır. HTML5 Bolarplate birçok fan var çünkü bu tam bir çerçeveden daha fazla zaman tasarrufu sağlayan bir yardımcı programdır. Bu nedenle, “Ticaret Yoluyla” WOW için kutunun dışında görsel yok, ancak HTML5 kaynak plakasını hizmete basarsanız, gelişiminizi WordPress geliştiricileri için alt kaydetme olarak hızlandırdığınızı hissedebilirsiniz. 26. Materyalize bir yarışmacı-UI olarak ifade etmeyeceğimize rağmen, bu, düzeni yapmak için malzeme tasarımı ilkelerini kullanan başka bir çerçevedir:
Evi gerçekleştirin.
React kullanmak yerine Materialize bir CSS çerçevesidir. Bu, Materyalize’nin ön uçta uygulanmasını kolaylaştırır. Tıpkı diğer CSS tabanlı çerçeveler gibi, ön uçtaki öğeleri çekmek için HTML’de sınıf kullanırsınız. Sermaye ve açılır program gibi unsurlar için birçok JavaScript bileşeni de var:
React kullanmak yerine Materialize bir CSS çerçevesidir. Bu, Materyalize’nin ön uçta uygulanmasını kolaylaştırır. Tıpkı diğer CSS tabanlı çerçeveler gibi, ön uçtaki öğeleri çekmek için HTML’de sınıf kullanırsınız. Sermaye ve açılır program gibi unsurlar için birçok JavaScript bileşeni de var:
Materyalize ile yapılan gerilme menüsü.
Bu çerçevenin çoğu gibi, belirli stillerle düzenler oluşturmanıza yardımcı olan premium temalar vardır. Her şey statik bir HTML temasıdır, bu da JavaScript’i uygulamak istiyorsanız bir sorun olabilir. Bu durumda, bunun yerine Material-UI’yi düşünmek isteyebilirsiniz. Basit web uygulama çerçevesi, JavaScript çerçevesi veya kütüphanesi, “vanilya” kodu olarak adlandırılan şeyle çalışmanızı sağlar. Bu durumda, belirli uygulamalar ve web siteleri oluşturmak için. Birçok “zevk” de var – bazılarını tartışalım. 27. React.js
Bu çerçevenin çoğu gibi, belirli stillerle düzenler oluşturmanıza yardımcı olan premium temalar vardır. Her şey statik bir HTML temasıdır, bu da JavaScript’i uygulamak istiyorsanız bir sorun olabilir. Bu durumda, bunun yerine Material-UI’yi düşünmek isteyebilirsiniz. Basit web uygulama çerçevesi, JavaScript çerçevesi veya kütüphanesi, “vanilya” kodu olarak adlandırılan şeyle çalışmanızı sağlar. Bu durumda, belirli uygulamalar ve web siteleri oluşturmak için. Birçok “zevk” de var – bazılarını tartışalım. 27. React.js
Örnek kum kutusu kodu reaksiyon.
React.js, Facebook tarafından tasarlanan birçok modern WordPress öğesini destekleyen popüler bir JavaScript kütüphanesidir. Hem arka uç wordpress.com hem de Block Editor kullanımı React’i kullanıyor ve bunu JavaScript kullanan ilk arayüz olarak değerlendireceğiz.
React.js, Facebook tarafından tasarlanan birçok modern WordPress öğesini destekleyen popüler bir JavaScript kütüphanesidir. Hem arka uç wordpress.com hem de Block Editor kullanımı React’i kullanıyor ve bunu JavaScript kullanan ilk arayüz olarak değerlendireceğiz.
WordPress.com için arka uç Calypso React üzerine inşa edildi.
Böylece, WordPress geliştiricisi – Matt Mullenweg’i yapmak için – React.js’yi derinlemesine inceleyin. Aslında, bu sadece WordPress geliştiricileri için bir çerçeve değil. Modern ve dinamik bir kullanıcı arayüzüne (UI) ihtiyacınız olursa, React ilk tercihin dikkate alınması olacaktır. JavaScript’e bir öğe oluşturmak için JSX adlı bir sözdizimi uzantısı kullanır, bu da daha sonra belge nesne modülüne (DOM) oluşturulur: Bülten için kaydolun
Böylece, WordPress geliştiricisi – Matt Mullenweg’i yapmak için – React.js’yi derinlemesine inceleyin. Aslında, bu sadece WordPress geliştiricileri için bir çerçeve değil. Modern ve dinamik bir kullanıcı arayüzüne (UI) ihtiyacınız olursa, React ilk tercihin dikkate alınması olacaktır. JavaScript’e bir öğe oluşturmak için JSX adlı bir sözdizimi uzantısı kullanır, bu da daha sonra belge nesne modülüne (DOM) oluşturulur: Bülten için kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
Şimdi abone olun
const name = “Ken Starr ‘; const öğesi =
Merhaba, {name}
; reactdom.render öğesi, belge.GetElementById (‘ kök ‘)); jsx’teki javascript değişkenleri herhangi bir Karmaşık bir argüman oluşturmanıza izin veren geçerli ifade. Reaksiyonu çerçeve açısından güçlü bir seçim haline getiriyor. Popülerliği nedeniyle, React’in geliştirme sürenizi nerede harcadığınız “incelenmesi gerekir listenizde olması gerektiğini düşünüyoruz. 28. Vue.js Vue.js, kullanıcı arayüzleri oluşturmak için başka bir JavaScript çerçevesidir. Bu bir “ekran katmanına” dayanır ve kütüphaneler ve diğer çerçevelerle entegre olmak çok iyidir.
Vue kum kutusu.js.
HTML tarafında, Vue’nun erişimi çok kolaydır.Kimliğinizi etiketler ve anahtarı JavaScript tarafındaki bir sözlük koleksiyonundan ararsınız.Veriler artık reaktiftir ve veri ve DOM’lar bağlantılıdır.Bu şekilde Vue.js, makalede daha önce gördüğümüz bazı CSS çerçevelerine çok benziyor.Bu çerçeve ilginçtir ve neyin mümkün olduğunu görmek için belgelerle görmenizi öneririz.Vue.js JSX Deklarasyonu’nu desteklese de, VUE.JS “klasik” web teknolojisine dayanan şablonları kullanmak için daha uygundur.Bu nedenle, bu sadece JavaScript’te çalışmak istemeyen geliştiriciler için ideal olacaktır.29. Express.js Buraya Meta-Framework alanına giriyoruz, çünkü Express.js Node.js’e bağlı ve başka bir çerçeve için bir temel sağlıyor.
Bu minimalist bir çerçevedir (bu nedenle ad) ve ana fayda, sunucu tarafı bileşenlerini bilinen bir model-görüş-kontrolör formatında (MVC) yönetmenize yardımcı olmaktır. Bu nedenle, kod diğer çerçeveden daha karmaşık görünüyor – hatta vanilya javascript: var express = requir (‘express’); Var app = express (); app.get (‘/’, function (req, res) {res.send (“merhaba dünya!”);}); Uygulama. Dinle (3000); Express.js’nin veritabanından ilginç ve cesaret verici uygulamayla eşleşeceğini düşünüyoruz. Ön uç görevini biraz stresle yapmak isteyen birçok modern web uygulaması ve arka uç geliştiricisi için uygun hale getirir. 30. SVELTE.JS Web için geliştirilirken güçlü bir pratik kural, sitenizin mümkün olduğunca çok sayıda tarayıcıda çalışmasını sağlamaktır. Bu nedenle, bazı durumlarda, eski bir tarayıcıyı desteklemeden bir uygulama veya web sitesi oluşturmak isteyebilirsiniz. Bu durumda, svelte.js listenizin en üstüne yakın olmalıdır.
Bu minimalist bir çerçevedir (bu nedenle ad) ve ana fayda, sunucu tarafı bileşenlerini bilinen bir model-görüş-kontrolör formatında (MVC) yönetmenize yardımcı olmaktır. Bu nedenle, kod diğer çerçeveden daha karmaşık görünüyor – hatta vanilya javascript: var express = requir (‘express’); Var app = express (); app.get (‘/’, function (req, res) {res.send (“merhaba dünya!”);}); Uygulama. Dinle (3000); Express.js’nin veritabanından ilginç ve cesaret verici uygulamayla eşleşeceğini düşünüyoruz. Ön uç görevini biraz stresle yapmak isteyen birçok modern web uygulaması ve arka uç geliştiricisi için uygun hale getirir. 30. SVELTE.JS Web için geliştirilirken güçlü bir pratik kural, sitenizin mümkün olduğunca çok sayıda tarayıcıda çalışmasını sağlamaktır. Bu nedenle, bazı durumlarda, eski bir tarayıcıyı desteklemeden bir uygulama veya web sitesi oluşturmak isteyebilirsiniz. Bu durumda, svelte.js listenizin en üstüne yakın olmalıdır.
Bu çerçeve, dosya boyutu nedeniyle adını alır – azaltıldıktan sadece 5KB.JQuery gibi tanıdık kullanıcılar için kolay olacak bir biçime sahiptir: $ (‘. Merhaba’). Text (“Merhaba SVelte”);Svelte API’sinde 40’tan az fonksiyon vardır, bu nedenle başlangıç kolay olacaktır.Dahası, $ .fn kolayca kullanmak için yeni işlevler ekleyebilirsiniz.Internet Explorer 9’un desteği için “Polyfills” bulacaksınız, ancak bu neredeyse tek imtiyaz.Süper ince bir çerçeve kullanarak hiper-modern tarayıcı desteği için Svelte.js sizin için doğru olabilir.31. Laravel şimdiye kadar JavaScript veya CSS çerçevesini gördük.PHP yaygınlığı göz önüne alındığında, bu dil için de bir çerçeveyi kapsamak mantıklıdır.Laravel burada ideal bir seçimdir, çünkü sözdizimi ve ekosistemi için birçok geliştirici arasında popülerdir: Laravel ana sayfası.
Laravel’in bir ekosistem olduğunu söylemek daha uygundur, çünkü projeler oluşturmanıza yardımcı olacak birçok araç içerir. Çok fazla çerçeve kullanmasanız bile, yerel vagrant tabanlı yerel geliştirme ortamı olan Laravel’in çiftlik evini kullanabilirsiniz. Laravel’in kendisi Docker tabanlı bir PHP çerçevesidir ve onunla etkileşim kurmak için CLI (SAIL olarak adlandırılır) kullanır. Tıpkı bir vagrant gibi, bir kap oluşturmak ve çalıştırmak için bir ekran kullanacaksınız. Laravel’in yön için daha fazla dizesi var. Örneğin, tam bir kazık çerçevesi olarak, Next.js uygulaması için arka uç ateşi ve neredeyse hepsi olarak kullanabilirsiniz. PHP geliştiricisiyseniz, Laravel iş akışınız için ana araç (tanıdık değilse) olacaktır. 32. Gatsby Gatsby, son zamanlarda çok dikkat çeken ön uç açık kaynağının bir çerçevesidir. Çünkü Gatsby hızlı, ölçülebilir, performans ve güvenli. Gatsby’nin ana sayfası.
Laravel’in bir ekosistem olduğunu söylemek daha uygundur, çünkü projeler oluşturmanıza yardımcı olacak birçok araç içerir. Çok fazla çerçeve kullanmasanız bile, yerel vagrant tabanlı yerel geliştirme ortamı olan Laravel’in çiftlik evini kullanabilirsiniz. Laravel’in kendisi Docker tabanlı bir PHP çerçevesidir ve onunla etkileşim kurmak için CLI (SAIL olarak adlandırılır) kullanır. Tıpkı bir vagrant gibi, bir kap oluşturmak ve çalıştırmak için bir ekran kullanacaksınız. Laravel’in yön için daha fazla dizesi var. Örneğin, tam bir kazık çerçevesi olarak, Next.js uygulaması için arka uç ateşi ve neredeyse hepsi olarak kullanabilirsiniz. PHP geliştiricisiyseniz, Laravel iş akışınız için ana araç (tanıdık değilse) olacaktır. 32. Gatsby Gatsby, son zamanlarda çok dikkat çeken ön uç açık kaynağının bir çerçevesidir. Çünkü Gatsby hızlı, ölçülebilir, performans ve güvenli. Gatsby’nin ana sayfası.
Düğüm Paketi Yöneticisi’ni (NPM) içeren süper hızlı bir kurulum işlemi vardır. Bu konuda daha fazlası olacağız. Bu bir JavaScript çerçevesi olmasına rağmen, Gatsby çalışırken statik HTML dosyaları üretir, bu nedenle siteye saldırmanın bir yolu yoktur. Dahası, Gatsby performansı otomatikleştiriyor, böylece siteniz en uygun konfigürasyonlarda çalışmaya devam ediyor. Otomatik performans, dinamik ölçeklendirme ve statik HTML yapmak arasında Gatsby canlı organizmalar gibi hissediyor. JSX, fiyat azaltma, CSS ve daha fazlasını içeren bir “makyaj” karmaşık kodlama vardır. İş akışınızın her adımı ve yığınınızın bir kısmı ihtiyaçlarınıza göre ayarlanabilir. WordPress geliştiricileri ayrıca Gatsby’nin platformla nasıl entegre edildiğini de sevecek. Ancak, bu her durumda uygun olmayacaktır. Örneğin, bulut tabanlı CMS’yi yönetmeniz gerekiyorsa, bu sizin için değildir. Yine de, Gatsby birçok durumda projenize uyum sağlayabilir ve WordPress ile iyi çalışabilir. 33. Python hakkında “acemi” veya “öğrenme” programlama dili olarak tüm konuşmalar için Django, birçok yüksek profilli sitenin omurgası olarak işlev görür. En büyük web sitelerinden bazıları – Instagram, Uber, Reddit, Pinterest ve daha fazlası – Django’yu kullanarak. Çoğu zaman, Python’un kendisinden bahsetmeyeceksiniz, sadece Django. Django, bir sunucu tarafı web uygulaması oluşturmak için Python’u kullanan bir çerçevedir. Kullanımı Python’un kendisi kadar kolaydır, Uber okunabilen bir formatla. Varsayılan Django Biçimi.
Python, mantık tabanlı projeler için iyi bir senaryo dilidir, bu nedenle bunu web uygulamaları için kullanmak çok uygundur. Dahası, Python işleme hızı hızlıdır ve temel dosya yapısı hafiftir. Hızlı çünkü Django, PHP’ye kıyasla çok iyi bir sunucu tarafı çerçevesidir ve daha popüler dillere sahip aynı sayıda homurdanmaya sahiptir. Bununla birlikte, emilim daha düşüktü, bu da Python’un bir öğrenci dili olarak itibarından kaynaklanabilir. Bununla birlikte, Django, modern web uygulamalarının temeli olarak JavaScript gibi diğer dillerde iyi çalışır. Tabii ki, WordPress gibi CMS kullanmayı planlıyorsanız veya React tabanlı projeler için bir çözüm yapıyorsanız, daha az seçeneğiniz var. Yine de, 2021’in Django’da çalışan site sayısında bir artış göreceğini düşünüyoruz. 34. Ruby On Rails Ruby Programlama Dili, birkaç yıl önce PHP için yeni başlayan dilden ve alternatif komut dosyalarından “sevgili” dir. Bu genellikle Python ile karşılaştırılır. Ve Django gibi, Ruby on Rails aynı zamanda birçok geliştiricinin favorisidir. Yeni Ruby On Rails Projesi için yer tutucu sayfası.
Python, mantık tabanlı projeler için iyi bir senaryo dilidir, bu nedenle bunu web uygulamaları için kullanmak çok uygundur. Dahası, Python işleme hızı hızlıdır ve temel dosya yapısı hafiftir. Hızlı çünkü Django, PHP’ye kıyasla çok iyi bir sunucu tarafı çerçevesidir ve daha popüler dillere sahip aynı sayıda homurdanmaya sahiptir. Bununla birlikte, emilim daha düşüktü, bu da Python’un bir öğrenci dili olarak itibarından kaynaklanabilir. Bununla birlikte, Django, modern web uygulamalarının temeli olarak JavaScript gibi diğer dillerde iyi çalışır. Tabii ki, WordPress gibi CMS kullanmayı planlıyorsanız veya React tabanlı projeler için bir çözüm yapıyorsanız, daha az seçeneğiniz var. Yine de, 2021’in Django’da çalışan site sayısında bir artış göreceğini düşünüyoruz. 34. Ruby On Rails Ruby Programlama Dili, birkaç yıl önce PHP için yeni başlayan dilden ve alternatif komut dosyalarından “sevgili” dir. Bu genellikle Python ile karşılaştırılır. Ve Django gibi, Ruby on Rails aynı zamanda birçok geliştiricinin favorisidir. Yeni Ruby On Rails Projesi için yer tutucu sayfası.
Ruby’nin sunucunun birçok tarafında ve kaputun altında web uygulamasında kullanılan bulacaksınız. Buna ek olarak, Ruby on Rails birçok web sitesinde sunucu tarafı çerçevesi olarak kullanılır. MVC yaklaşımını kullanır ve web, sayfalar ve veritabanı hizmetleri için yapılar sunar. Böylece, kutunun dışında sizi bekleyen bir barebone siteniz var. Ruby on Rails, gerekirse projenizi eşleştirecek ve üçüncü taraf çözümleriyle çok fazla çalışma ve çalışacak. Örneğin, Google Cloud gibi dosya depolama ve e -posta göndermek için sarma ile orijinal bir entegrasyon vardır. Genel olarak, gerekirse ayarlanabilen güçlü bir varsayılan set (klasör yapısı gibi) istiyorsanız bu iyi bir seçimdir. Öte yandan, gelişim sırasında ateş kullanmak isterseniz iyi bir seçim değildir. Ruby on Rails kodu yapısı büyük projelerle karmaşık ve anlaşılması zor olabilir. Süreç süresi de etkilenebilir, bu nedenle yüksek hız gerektiren projeler için en iyi çerçeve olmayabilir. Bununla birlikte, Ruby on Rails önde gelen web sunucusu yan çerçevelerinden biridir ve kullanımı uygun projeler için yavaşlamıyor. 35. TypeScript TypeScript kodu örnekleri.
Kısacası, TypeScript JavaScript’e “İsteğe Bağlı Tür” Türü “Sınavı” sağlar. Bu, dilden bir “süper set” dir ve diğer birçok JavaScript kütüphanesini de destekler. Genel olarak, TypeScript birkaç ek özelliğe sahip JavaScript’tir ve her iki dili de aynı anda derleyebilirsiniz. Birçok geliştirici, aldıkları çalışma zamanı hatalarının sayısını azaltmak için TypeScript’e geçti. Tipik hata en yaygın olanlardan biridir ve azaltmak size çok fazla zaman verebilir. Çok basit TypeScript örnekleri için bir dize düşünün: Helloworld = “Halo World”; // ^ = HelloWorld: String’i bırakın, TypeScript Helloworld değişkeni için sıradan bir var yerine let kullanır. Oradan, TypeScript Helloworld’in bir ip olduğunu biliyor ve buna dayanarak inceledi. Sonunda, TypeScript önemli bir web geliştirme aracı değildir, ancak çadırın temel özellikleri nedeniyle daha popüler hale gelir. Sonunda gerekli olan zamandan tasarruf ederseniz, iş akışınız için hayati önem taşır. 36. Graphql Aşağıda, API’da verilerle çalışan geliştiriciler tarafından beğenilebilecek benzersiz bir araçtır. GraphQL, API’da kullanılan bir sorgu dilidir ve bu da yaptığınız sorguların sonuçlarını sunmak için bir işlem süresi olarak işlev görür. Graphql web sitesi.
Kısacası, TypeScript JavaScript’e “İsteğe Bağlı Tür” Türü “Sınavı” sağlar. Bu, dilden bir “süper set” dir ve diğer birçok JavaScript kütüphanesini de destekler. Genel olarak, TypeScript birkaç ek özelliğe sahip JavaScript’tir ve her iki dili de aynı anda derleyebilirsiniz. Birçok geliştirici, aldıkları çalışma zamanı hatalarının sayısını azaltmak için TypeScript’e geçti. Tipik hata en yaygın olanlardan biridir ve azaltmak size çok fazla zaman verebilir. Çok basit TypeScript örnekleri için bir dize düşünün: Helloworld = “Halo World”; // ^ = HelloWorld: String’i bırakın, TypeScript Helloworld değişkeni için sıradan bir var yerine let kullanır. Oradan, TypeScript Helloworld’in bir ip olduğunu biliyor ve buna dayanarak inceledi. Sonunda, TypeScript önemli bir web geliştirme aracı değildir, ancak çadırın temel özellikleri nedeniyle daha popüler hale gelir. Sonunda gerekli olan zamandan tasarruf ederseniz, iş akışınız için hayati önem taşır. 36. Graphql Aşağıda, API’da verilerle çalışan geliştiriciler tarafından beğenilebilecek benzersiz bir araçtır. GraphQL, API’da kullanılan bir sorgu dilidir ve bu da yaptığınız sorguların sonuçlarını sunmak için bir işlem süresi olarak işlev görür. Graphql web sitesi.
Standart bir yangın dinlenmesi ile genellikle birkaç URL’den yüklenmeniz gerekir. GraphQL ile verileri bir istekten alabilirsiniz. Dahası, GraphQL API’si son noktaya değil, türe göre düzenlenmiştir. Bu sınıflandırma, sorguların verimliliğinize yardımcı olur ve bir hata oluştuğunda daha açık hatalar verir. GraphQL’in onu nasıl uyguladığı göz önüne alındığında, türler manuel ayrışma kodundan geçmek için de kullanılabilir. Şimdiye kadar yaptığınız işi etkilemeden ateşinize yeni alanlar ve türler de ekleyebilirsiniz. Bu araç esnektir ve birçok alanda taburcu edilebilir. GraphQL, projeniz için tek tip bir yangın yaptığından, seçtiğiniz proje diliyle eşleşen bir makine çizebilirsiniz. Bu, yaygın problemler için özel çözümler yerine çeşitli uygulamalar için iyi olur. Github, Spotify, Facebook ve daha fazlası gibi sitelerde kullanılan GraphQL’i bulacaksınız. Bu, GraphQL’in tüm hatlardan yüksek talep gören sitelerde nasıl kullanıldığına dair bir resim verecektir. Bu nedenle, bu çözümü önümüzdeki 12 ay boyunca bir kereden fazla kullanmanız gerekebilir. Programlama dili paketi yöneticisi, çerçeve ve daha pek çok hareketli parça var. Bu bağımlılık, çalışmaya doğru doğru şekilde indirilmeli ve kurulmalıdır. Paket yöneticisini girin. Bu, komut satırından belirli bağımlılıkları indirmenize ve yüklemenize yardımcı olur. Bulacağınız bazı araçlara bakalım. 37. Düğüm Paket Yöneticisi (NPM) Evet, kurulumu indirme bir yer var. Ancak, birçok durumda komut satırından bir paket yöneticisi kullanmak çok basittir.
Ayrıca web’den dosya almak ve yüklemek için zippy bir yol sağlar.Düğüm Paket Yöneticisi (NPM), Microsoft’un sahip olduğu ve istendiği gibi özel bir dil paketi yüklemenizi sağlayan bir JavaScript özel web geliştirme aracıdır: NPM ana sayfası.
Ayrıca web’den dosya almak ve yüklemek için zippy bir yol sağlar.Düğüm Paket Yöneticisi (NPM), Microsoft’un sahip olduğu ve istendiği gibi özel bir dil paketi yüklemenizi sağlayan bir JavaScript özel web geliştirme aracıdır: NPM ana sayfası.
Örneğin, bir React paketi aramak 155.000’den fazla sonuç görüntüler:
Arama NPM’de gerçekleştirildi.
Arama NPM’de gerçekleştirildi.
Çevrimiçi fikirler gibi, NPM de özellikle her yerde olduğu için çok fazla “Airtime” almayan bir web geliştirme aracıdır.Böylece, hemen hemen her web geliştiricisi bu aracı kullanacaktır.Bununla birlikte, bu olağanüstü ve şimdi Github kanatlarının altında, daha fazla geliştirici 2021’de NPM’yi eskisinden daha kullanacak.38. Python için NPM ve PIP ile aynı iplik olan iplik, projeniz ve araçlarıyla ilgili bir paket kurmanıza yardımcı olur.Buradaki fark, iş parçacığının aynı zamanda bir proje yönetim aracı olmasıdır.
İplik ana sayfası.
İplik ana sayfası.
Basit kurulum ve yeni projeler için ipliğin başlatılması da küçük bir iş gerektirir. Bu, paketi yüklemek ve projenizi birlikte yönetmek için güçlü bir açık kaynak çözümüdür. “Monorepos” yapmak için bir çalışma alanı kullanacaksınız ve bazı proje sürümleriniz aynı repo’da yaşıyor ve çapraz atıfta bulunulan. İş parçacığı tarafından yapılamayan herhangi bir şey için bir eklenti yükleyebilirsiniz (yeni bir alıcı ve tamamlama eklemek istediğiniz). Daha doğru olmak için eklentiyi yükleyebilirsiniz, ancak miktar en azından resmi listede çok fazla değildir. Bunun yerine, gerçekten işlevselliğe ihtiyacınız varsa kendi kodunuzu oluşturacaksınız. Ancak, ipliği proje ihtiyaçlarınıza göre ayarlama seçeneği vardır. İplik, ana paket yöneticiniz olmak için benzersiz bir durum yapar. Gerçek dünya projeleri için, NPM’ye daha fazla güvenebilirsiniz, ancak iplik sadece size fayda sağlayacak şekilde iş akışınıza gizlice girecektir. API ve Test Araçları, her şeyin başarılı olmasını sağlar, ancak bir şeyler yanlış olduğunda pişmanlık eşlik eden bir süreçtir. Bu nedenle, proje test aşamanız sağlam, güçlü ve kapsamlı olmalıdır. Bu göz önüne alındığında, projeniz için sahip olacağınız bazı yangınlar ve test araçları. 39. HoppsCotch NetLify tarafından desteklenir, HoppsCotch açık bir yangın geliştirme kaynağıdır. Geliştiriciler buna çadır altındaki işlevi reddeden bir “ekosistem” diyorlar. Hoppscotch’un ana sayfası.
Bu mantıksız ve güçlü bir çözümdür ve zayıf insanlar için değil. Hiç böyle araçlar kullanmadıysanız öğrenme eğrisi çok diktir. Her ne kadar bu araç deneyimli geliştiriciler için tasarlanmıştır, çünkü bu genellikle bir sorun olmasa da, herhangi bir uygulama sayfasında HoppsCotch kullanmak için neredeyse hiçbir talimat yoktur. Birçok gerçek zamanlı bağlantı (WebSocket, SSE ve diğerleri) ve GraphQL uygulaması vardır. Ayrıca Dokümantasyon Yapımcıları: Rekabet avantajı sağlayan bir barındırma çözümüne mi ihtiyacınız var? Kinsta, olağanüstü hız, sofistike güvenlik ve otomatik ölçekte size yardımcı olur. Planımıza bakın
Bu mantıksız ve güçlü bir çözümdür ve zayıf insanlar için değil. Hiç böyle araçlar kullanmadıysanız öğrenme eğrisi çok diktir. Her ne kadar bu araç deneyimli geliştiriciler için tasarlanmıştır, çünkü bu genellikle bir sorun olmasa da, herhangi bir uygulama sayfasında HoppsCotch kullanmak için neredeyse hiçbir talimat yoktur. Birçok gerçek zamanlı bağlantı (WebSocket, SSE ve diğerleri) ve GraphQL uygulaması vardır. Ayrıca Dokümantasyon Yapımcıları: Rekabet avantajı sağlayan bir barındırma çözümüne mi ihtiyacınız var? Kinsta, olağanüstü hız, sofistike güvenlik ve otomatik ölçekte size yardımcı olur. Planımıza bakın
Hoppscotch belge ekranı.
Dokümantasyonu hızlı bir şekilde yapmak için HoppsCotch “koleksiyonunuzla” çalışır, bu da zaman tasarrufu sağlar. Genel olarak, HoppsCotch, tarayıcınızda çok fazla açılacak işlevsel bir araçtır. Bu, farkına varmadan her zaman kullanacağınız çözümlerden biridir – bundan daha yüksek övgü veremeyiz! 40. Postacı
Dokümantasyonu hızlı bir şekilde yapmak için HoppsCotch “koleksiyonunuzla” çalışır, bu da zaman tasarrufu sağlar. Genel olarak, HoppsCotch, tarayıcınızda çok fazla açılacak işlevsel bir araçtır. Bu, farkına varmadan her zaman kullanacağınız çözümlerden biridir – bundan daha yüksek övgü veremeyiz! 40. Postacı
Postman logosu.
Uyarı – “C” kelimesinden korkuldu: işbirliği. Postman, Postman platformu aracılığıyla ekip olarak bir Uygulama Programlama Arayüzü (API) oluşturmanıza yardımcı olan bir web geliştirme aracıdır:
Uyarı – “C” kelimesinden korkuldu: işbirliği. Postman, Postman platformu aracılığıyla ekip olarak bir Uygulama Programlama Arayüzü (API) oluşturmanıza yardımcı olan bir web geliştirme aracıdır:
Postman Gösterge Tablosu.
Postacı iş akışınıza entegre etmek için birçok kullanım vakası vardır. Örneğin, doğrudan web tabanlı projelere çevrilecek uygulama geliştirme için standart bir şekilde kullanabilirsiniz. Son noktayı, özellikle WordPress geliştiricilerini çekecek bir yapay sunucu kullanarak simüle edebilirsiniz. Hatta yangın kullanıcılarınızın giriş ve çıkışları öğrenmelerine yardımcı olacak bir oryantasyon bile yapabilirsiniz. Birçok önemli kullanıcı veya trafik değişikliğinin bulunduğu projeler burada faydaları görecektir. Fiyatlar için Postman ücretsiz bir seviye sunar, ancak premium seviyelerden birinden en iyi değeri elde edersiniz. Faturalandırma döngüsüne ve kullanıcılarınızın sayısına bağlı olarak yaklaşık 12-30 $ ödeyeceksiniz. 41. Çalışan kod test kütüphanesi idealdir, ancak işlev gören uygulama nihai hedeftir. Test kitaplığı adını yapar: Projenizi test etmenize ve iyi kodlama uygulamalarını kullanmanıza teşvik etmenize yardımcı olacak bir dizi yardımcı program sağlar.
Postacı iş akışınıza entegre etmek için birçok kullanım vakası vardır. Örneğin, doğrudan web tabanlı projelere çevrilecek uygulama geliştirme için standart bir şekilde kullanabilirsiniz. Son noktayı, özellikle WordPress geliştiricilerini çekecek bir yapay sunucu kullanarak simüle edebilirsiniz. Hatta yangın kullanıcılarınızın giriş ve çıkışları öğrenmelerine yardımcı olacak bir oryantasyon bile yapabilirsiniz. Birçok önemli kullanıcı veya trafik değişikliğinin bulunduğu projeler burada faydaları görecektir. Fiyatlar için Postman ücretsiz bir seviye sunar, ancak premium seviyelerden birinden en iyi değeri elde edersiniz. Faturalandırma döngüsüne ve kullanıcılarınızın sayısına bağlı olarak yaklaşık 12-30 $ ödeyeceksiniz. 41. Çalışan kod test kütüphanesi idealdir, ancak işlev gören uygulama nihai hedeftir. Test kitaplığı adını yapar: Projenizi test etmenize ve iyi kodlama uygulamalarını kullanmanıza teşvik etmenize yardımcı olacak bir dizi yardımcı program sağlar.
Fikir, uygulamanızın kullanımını temsil eden bir test yapmanızdır. Engel olmadan yürürlerse, büyük olasılıkla uygulamanız da bunu yapacaktır. Bu, çerçeve hakkında agnostik bir araçtır ve bir test koşucusu değildir. Test kütüphanesinin temel amacı, uygulamanın ayrıntılarından ayrılmış korunan testler yazmanıza yardımcı olmaktır. Test kütüphanesindeki her şey rehber ilkesi etrafında toplandı. Böylece, sadece testler yapmakla kalmaz, aynı zamanda nasıl daha iyi ve daha değerli hale getireceğinizi de öğrenirsiniz. Bu nedenle, kütüphaneyi test etmek iş akışınızın büyük bir parçası olabilir. Hemen hemen tüm proje zincirlerinin test kütüphanesinden yararlanabileceğini ve kullanıcıların neredeyse kesinlikle bu aracı standart olarak yüklemek istediğini iddia ediyoruz. İşbirliği Cihazları Figüratif antisosyal geliştiricilere rağmen, gerçek şu ki teknoloji ve işbirliği el ele gidiyor. Bu nedenle, bir sonraki projenize girilecek birkaç yıldız işbirliği aracı toplayalım. 42. Jira Atlassian, yazılım açısından çok popüler bir şirkettir. Birkaç şirket teklifinin büyük bir hayranıyız: Confluence, Trello, Sourcetree, Bitbucket ve odak noktamız Jira. Jira’nın ana sayfası.
Bu, Agile çerçevesini kullanan bir ekip için bir geliştirme aracıdır – özellikle Scrum, çünkü çok popüler. Bu nedenle, pakette birçok özellik elde edersiniz. Örneğin, görevleri ve sprintleri yönetmeye yardımcı olmak için Kanban kartını kullanabilirsiniz. Metodolojinize ve projenize göre ayarlanmış tahmin tekniğinizi de uygulayabilirsiniz. Jira tekrarlanan iş akışlarına odaklanır: plan, izlenen, yayın ve rapor. Bu, birkaç çevik çerçevenin çekirdeğidir, ancak proje öncesi planlamanıza bağlı olarak kendiniz yapabilirsiniz. Sprintler arasında dönmeniz gerekiyorsa, projeler geliştirebilir ve ölçeği artırabilir veya azaltabilirsiniz. Jira ile ilgili iyi haber, başlamanız için serbest bir seviye ve diğer seviyeler için makul bir fiyat olmasıdır. Bu, On Team’in Jira’yı etkili bir şekilde kullanmak için minimum bir gereklilik olacağını göreceksiniz. Bu daha küçük gruplar için aşırı olabilir. 43. Görev İşbirlikçi bir cihaza gelirken, nadiren bir Taskade bulur. Uygulama için zararlıdır, çünkü bu, ekibi odaklanmış ve Taskade konusunda tutmak için harika bir araçtır.
Asana veya Basecamp gibi diğer işbirliği cihazlarının kullanıcısıysanız (daha sonra ikisi hakkında daha fazla bilgi), burada evinizde hissedeceksiniz. Görevler ve hatırlatıcılar gibi en çok ihtiyacınız olan bilgiler çadırın altında ortalanmıştır. Böylece, projenize bağlı olarak birçok yönden sunabilirsiniz.
Taskade’de sunum türü.
Bu, Agile çerçevesini kullanan bir ekip için bir geliştirme aracıdır – özellikle Scrum, çünkü çok popüler. Bu nedenle, pakette birçok özellik elde edersiniz. Örneğin, görevleri ve sprintleri yönetmeye yardımcı olmak için Kanban kartını kullanabilirsiniz. Metodolojinize ve projenize göre ayarlanmış tahmin tekniğinizi de uygulayabilirsiniz. Jira tekrarlanan iş akışlarına odaklanır: plan, izlenen, yayın ve rapor. Bu, birkaç çevik çerçevenin çekirdeğidir, ancak proje öncesi planlamanıza bağlı olarak kendiniz yapabilirsiniz. Sprintler arasında dönmeniz gerekiyorsa, projeler geliştirebilir ve ölçeği artırabilir veya azaltabilirsiniz. Jira ile ilgili iyi haber, başlamanız için serbest bir seviye ve diğer seviyeler için makul bir fiyat olmasıdır. Bu, On Team’in Jira’yı etkili bir şekilde kullanmak için minimum bir gereklilik olacağını göreceksiniz. Bu daha küçük gruplar için aşırı olabilir. 43. Görev İşbirlikçi bir cihaza gelirken, nadiren bir Taskade bulur. Uygulama için zararlıdır, çünkü bu, ekibi odaklanmış ve Taskade konusunda tutmak için harika bir araçtır.
Asana veya Basecamp gibi diğer işbirliği cihazlarının kullanıcısıysanız (daha sonra ikisi hakkında daha fazla bilgi), burada evinizde hissedeceksiniz. Görevler ve hatırlatıcılar gibi en çok ihtiyacınız olan bilgiler çadırın altında ortalanmıştır. Böylece, projenize bağlı olarak birçok yönden sunabilirsiniz.
Taskade’de sunum türü.
“Zihin haritası” ve “organizasyonel grafik” türü çok iyidir ve her biri size eklediğiniz bilgilere farklı bir bakış açısı sağlar.
Taskade’de bir zihin haritası.
Bu uygulama sadeliğinde hile yapıyor. Görevleri sunmanın ve yönetmenin esnek yoluna ek olarak, sunulan birkaç şey daha vardır. Ekibinizle çalışmanın bazı düğmeye basması gerekir. Örneğin, her ekranda genişletilmiş bir sohbet penceresi vardır: Taskade sohbet penceresi.
Bazı insanlar için, özellikle diğer çözümlerle karşılaştırıldığında, Taskade omurga olarak görülebilir ve daha az donanımlıdır. Ancak, durum böyle değil. Taskade, ekiple işbirliği yapmanın harika bir yoludur ve sadeliği nedeniyle, üzerinde çalıştığınız projeye doğrudan girecektir. 44. Asana
Bazı insanlar için, özellikle diğer çözümlerle karşılaştırıldığında, Taskade omurga olarak görülebilir ve daha az donanımlıdır. Ancak, durum böyle değil. Taskade, ekiple işbirliği yapmanın harika bir yoludur ve sadeliği nedeniyle, üzerinde çalıştığınız projeye doğrudan girecektir. 44. Asana
Asana Ana Sayfası.
Asana, işbirliği alanında daha önemli isimlerden biridir. Bu, projeyi alıp takımın yardımıyla kırbaçlamam gerektiğinde bir canavar. Asana, farklı iş akışlarına uyum sağlamak için de harikadır. Örneğin, listeler ve takvimler arasında geçiş yapabilirsiniz, ancak zaman çizgisine de erişebilirsiniz.
Asana, işbirliği alanında daha önemli isimlerden biridir. Bu, projeyi alıp takımın yardımıyla kırbaçlamam gerektiğinde bir canavar. Asana, farklı iş akışlarına uyum sağlamak için de harikadır. Örneğin, listeler ve takvimler arasında geçiş yapabilirsiniz, ancak zaman çizgisine de erişebilirsiniz.
Asana iş akışı türleri.
Fantastik ekiplere dayalı çeşitli özellikler ve işlevsellik vardır. Raporlama kapsamlıdır ve daha yüksek bir pakette, ekibinizin performansı ile ilgili çeşitli analizler gösteren gösterge tablosuna erişebilirsiniz. Her ekip üyesi için iş yüklerini izlemenin bir yolu bile var. Böylece Asana, minimum ilgi sürdürmenize ve ekip üyelerinin yorgunluk olmasını engellemenize yardımcı olur. Dahası, serbest seviye eksiksiz bir özellik uygulamasının gösterimi değildir. Ekibi dağıttığınızda Asana’yı dağıtabilirsiniz ve burada size yardımcı olacak iyi bir işlevsellik vardır. Örneğin, ekip üyelerine iş ayarlayabilir ve her iş akışını yönetebilirsiniz. Tüm ekibe çalışma alanı başına genel mesajlar da gönderebilirsiniz. Asana’ya mesaj gönderin.
Fantastik ekiplere dayalı çeşitli özellikler ve işlevsellik vardır. Raporlama kapsamlıdır ve daha yüksek bir pakette, ekibinizin performansı ile ilgili çeşitli analizler gösteren gösterge tablosuna erişebilirsiniz. Her ekip üyesi için iş yüklerini izlemenin bir yolu bile var. Böylece Asana, minimum ilgi sürdürmenize ve ekip üyelerinin yorgunluk olmasını engellemenize yardımcı olur. Dahası, serbest seviye eksiksiz bir özellik uygulamasının gösterimi değildir. Ekibi dağıttığınızda Asana’yı dağıtabilirsiniz ve burada size yardımcı olacak iyi bir işlevsellik vardır. Örneğin, ekip üyelerine iş ayarlayabilir ve her iş akışını yönetebilirsiniz. Tüm ekibe çalışma alanı başına genel mesajlar da gönderebilirsiniz. Asana’ya mesaj gönderin.
Bu işbirlikçi proje yönetiminde eski bir el, ama Asana neredeyse her seferinde veriyor. Müşterilerinizin ve takım arkadaşlarınızın çoğunun da bir asana hesabı olduğunu göreceksiniz, bu da uygulamadaki montajın düşündüğünüzden daha sık gerçekleşeceği anlamına geliyor. 45. Basecamp Basecamp, takım tabanlı proje yönetiminde bir başka büyük oyuncu. Bu, neredeyse WordPress’in kendisi sırasında var olan eski gardiyanlardan biridir. Çekirdek yazılım daha uzun sürdü, bu nedenle dikkat gerektiren bir şecere ve sicile sahip.
Basecamp Ana Sayfası.
Basecamp Ana Sayfası.
Kağıt üzerinde, ana kamp hakkında rekabete kıyasla ilginç bir şey yok. Dürüst olmak gerekirse, diğer birçok işbirlikçi uygulaması Basecamp’ın sunduklarını takip etti. Bu tüm hikaye değil. Evet, ödevler ve ödevler listeleri yapabilir, bunları ekip üyelerine atayabilir ve proje boyunca çalışabilirsiniz. Bununla birlikte, basecamp katil özellikleri altyapı ve tasarımdır. Basecamps kullanmanın basit bir yaklaşımı vardır: bir proje oluşturun, görev listenizi veya programınızı geliştirin ve takım arkadaşlarına ödevler ayarlayın. Her projenin projeyi tamamlamanıza yardımcı olan birçok bağımsız yönü vardır: bir basecamp projesi oluşturan unsurlar.
Dediğimiz gibi, burada hiçbir atılım yok, ama mesele bu. Basecamp, birçok çan ve ıslıksız güvenilir bir proje yönetim sistemidir. Böylece, oraya dönmeye devam edeceksiniz, çünkü güvenilebilir ve ihtiyaçlarınıza göre genişletilebilir. Koşucu, sorunları sunmak için web geliştirme projesinde küçük görevler yapma görevidir. Sizi daha verimli ve üretken hale getirmek için gereklidir. Bu mikro görevleri tamamlamak için zaman ve enerji harcamalısınız. Yardım etmek için bir görev koşucusuna ihtiyacınız var. İşte bizim favorimizden bazıları. 46. homurdanma
Dediğimiz gibi, burada hiçbir atılım yok, ama mesele bu. Basecamp, birçok çan ve ıslıksız güvenilir bir proje yönetim sistemidir. Böylece, oraya dönmeye devam edeceksiniz, çünkü güvenilebilir ve ihtiyaçlarınıza göre genişletilebilir. Koşucu, sorunları sunmak için web geliştirme projesinde küçük görevler yapma görevidir. Sizi daha verimli ve üretken hale getirmek için gereklidir. Bu mikro görevleri tamamlamak için zaman ve enerji harcamalısınız. Yardım etmek için bir görev koşucusuna ihtiyacınız var. İşte bizim favorimizden bazıları. 46. homurdanma
Ana sayfa.
Grunt, her gün bulacağınız sıradan ve tekrar eden görevleri otomatikleştirdiği görülen bir JavaScript özel görev koşucusudur.Genellikle normal düşündüğünüz görevleri göz önünde bulundurun: lir, minifikasyon, derleme ve daha fazlası.Grunt bunu sizin için JSON tabanlı yapılandırma dosyası (“GruntFile” olarak adlandırılır) aracılığıyla işler.İşte bir örnek: Module.exports = Function (Grunt) {Grunt.InitConfig ({jShint: {files: [‘GruntFile.js’, “src/**/*. Js ‘,” test/**/*. JS. ‘], Seçenekler: {globals: {jQuery: true}}}, İzle: {dosyalar: [‘ ‘], görevler: [‘ jShint ‘]}});Grunt.LoadnpmTasks (‘Grunt-Cortrect-Jshint’);homurtuGrunt. Registettase (‘varsayılan’, [‘jShint’]);};Projenizin rutin görevlerle zaman kaybettiğini sık sık bulursanız, homurdanma, WordPress, Bootstrap ve diğerleri için zaten orada olduğu gibi web geliştirme aracı kutunuzun bir parçası olacaktır.47. Teguchlogo Gulp.
Grunt, her gün bulacağınız sıradan ve tekrar eden görevleri otomatikleştirdiği görülen bir JavaScript özel görev koşucusudur.Genellikle normal düşündüğünüz görevleri göz önünde bulundurun: lir, minifikasyon, derleme ve daha fazlası.Grunt bunu sizin için JSON tabanlı yapılandırma dosyası (“GruntFile” olarak adlandırılır) aracılığıyla işler.İşte bir örnek: Module.exports = Function (Grunt) {Grunt.InitConfig ({jShint: {files: [‘GruntFile.js’, “src/**/*. Js ‘,” test/**/*. JS. ‘], Seçenekler: {globals: {jQuery: true}}}, İzle: {dosyalar: [‘ ‘], görevler: [‘ jShint ‘]}});Grunt.LoadnpmTasks (‘Grunt-Cortrect-Jshint’);homurtuGrunt. Registettase (‘varsayılan’, [‘jShint’]);};Projenizin rutin görevlerle zaman kaybettiğini sık sık bulursanız, homurdanma, WordPress, Bootstrap ve diğerleri için zaten orada olduğu gibi web geliştirme aracı kutunuzun bir parçası olacaktır.47. Teguchlogo Gulp.
Görev koşucusunu karşılaştırdığınızda, genellikle yudum ve homurdanma arasında bir çatışma vardır.Gulp, iş akışınızı otomatikleştirmek ve verimliliğinizi artırmak için JavaScript tabanlı bir araç setidir.Diske yazılmadan önce varlıklarınız ve kodlarınız üzerinde hareket etmek için özel bir dosya ve “akış” kullanacaksınız.Yaptığınız her görev “eşzamansız” işlevdir ve bunu bir kişi veya kamu olarak yönetebilirsiniz.Fark izinlerden biridir: kişisel görevler son kullanıcılar tarafından gerçekleştirilemez ve diğer işlevlerle çalışmak üzere tasarlanmıştır.Bu arada, bir görev yapmak için serisi () ve paralel () işlevlerini kullanabilirsiniz.Bu, küçük görevler alabileceğiniz, daha geniş bir sistemde bir sürüş tekerleği yapabileceğiniz ve daha sonra biriktirebileceğiniz anlamına gelir.Dahası, topluluk tarafından yapılan eklenti aracılığıyla Gulp işlevselliğini de genişletebilirsiniz: Gulp eklenti çalışması.
Bu genellemeler olabilir, ancak hem yudum hem de homurdanma farklı konularda akıllıdır. Bir dizi daha geniş talimatın parçası olabilecek varlıklarla çalışma açısından sağlam. Bu nedenle, proje başına projeye göre doğru görev koşucusunu seçmek isteyeceksiniz. Konteynerleştirme araçlarımız burada risk alacak ve birkaç konteynerizasyon veya sanal takım tezgahı formları kullanmazsanız, bir web geliştiricisi olarak ilerlemenizin bozulacağını söyleyecektir. Tabii ki, bu her zaman herkes için doğru değildir, ancak konteyner bazlı bir geliştirme ortamı kullanmanın birçok faydası vardır. İşte bazı seçenek çözümleri. 48. Liman çalışanları birçok kişi için Docker, seçilmiş konteyner bazlı bir geliştirme ortamıdır. Tüm açık kaynaklı platformlar konteynerlerle ilgili değildir, ancak bu, genellikle onu kullandığı belirtilen bir nedendir. Logo bağlantı noktası çalışanları.
Bu genellemeler olabilir, ancak hem yudum hem de homurdanma farklı konularda akıllıdır. Bir dizi daha geniş talimatın parçası olabilecek varlıklarla çalışma açısından sağlam. Bu nedenle, proje başına projeye göre doğru görev koşucusunu seçmek isteyeceksiniz. Konteynerleştirme araçlarımız burada risk alacak ve birkaç konteynerizasyon veya sanal takım tezgahı formları kullanmazsanız, bir web geliştiricisi olarak ilerlemenizin bozulacağını söyleyecektir. Tabii ki, bu her zaman herkes için doğru değildir, ancak konteyner bazlı bir geliştirme ortamı kullanmanın birçok faydası vardır. İşte bazı seçenek çözümleri. 48. Liman çalışanları birçok kişi için Docker, seçilmiş konteyner bazlı bir geliştirme ortamıdır. Tüm açık kaynaklı platformlar konteynerlerle ilgili değildir, ancak bu, genellikle onu kullandığı belirtilen bir nedendir. Logo bağlantı noktası çalışanları.
Önde, bu basit bir işlemdir: düğmeyi tıklayın ve sanal kum kutusu geliştirmenin ortamını alın. Tabii ki, yukarıda basit görünen her şey aslında çok altında. Docker, kullanıcı arayüzünü (UI), CLI ve API’yi ellerinize hızlı yayılmak için güvenlik hükümleriyle birleştirir. Birçok geliştirici için Docker yeni uygulamalar yapmanın merkezi olacak. Web geliştiricileri – özellikle WordPress geliştiricileri – iş için bir araç seçeneğine sahiptir. Voundwheel ve Devkinsta tarafından yerel önde gelen bir platform.
Docker, Devkinsta uygulamasını destekler.
Docker, Devkinsta uygulamasını destekler.
Not: Yeni bir WordPress sitesi çalıştırmanıza yardımcı olacak DeVkinsta – yerel geliştirme araçlarını yeni başlattık.Siteyi tek bir tıklamayla Kinsta hesabınıza da yayabilirsiniz.Docker ayrıca birçok araçla entegre edilmiştir – ve bazıları zaten iş akışınızda.GitHub, VS kod ve diğerleri gibi uygulamalar Docker ile bağlanabilir ve sorunsuz entegrasyon sunabilir.Genel olarak, Docker, içerdiği şeyle ilgili tüm makaleleri alabilir.Yine de, hiçbir şey gerekmeyebilir.Olasılık, her gün bir Docker kullanmanız ve ne kadar harika olduğunu zaten biliyorsunuz!49. LXD Basitçe, LXD Linux Dağıtımları için bir Konteyner Yöneticisidir.Bu, daha önce Linux için yapılan birkaç görüntü ile dayanır ve donatılmıştır.LXD kullanmak, aynı varsayılan kullanıcı işletim sistemi. LXD logosunda geliştireceğiniz için gönül rahatlığı sağlar.
Ubuntu Canonical geliştiricisi tarafından kuruldu ve elbette açık kaynaklı bir yapıyı sürdürdü. Ayrıcalıkları olmayan, birçok kaynak kullanarak kaynak kullanımını kontrol eden ve hatta ağı yöneten bir kapsayıcı kullanarak güvenli bir ortam oluşturabilirsiniz. LXD de taburcu edilebilir, yani binlerce bilgi işlem düğümünü çalıştırabilir veya her şeyi basit tutabilirsiniz. Bulut tabanlı uygulamalar için LXD OpenNebula ile entegre edilmiştir – OpenNebula’nın LXD kurumlarını yönetmek için resmi bir sürücüsü vardır. Varsayılan olarak, birçok konteynerizasyon aracı Ubuntu’yu standart bir sanal ortam olarak kullanır. Yine de, LXD dağıtımı çalıştırmak için optimize edilmiştir. Daha önce denediğiniz bir şey değilse, bir test işinden geçme zamanına değer. Belirli bir iş akışına veya müşteri projelerine rekabetten daha iyi uyduğunu görebilirsiniz. Görüntü Optimizasyon Araçları Varlıklar (veya Medya veya Tercih Edilen Adınız Ne Olursa) Web genelinde bol miktarda bulunur. Tüm çevrimiçi kültürler adanmış ve görüntülere dayanmaktadır. Bu nedenle, kullanılan görüntü sayısına rağmen web geliştirme projelerinizi iyi hale getirmek önemlidir. İşte mevcut en popüler ve mükemmel görüntü optimizasyon araçlarından bazıları. 50. Shortpixelthe Shortpixel Web Sitesi.
Mevcut birçok resim optimizasyon uygulaması vardır, ancak Shortpixel öznel olarak sağlam bir algoritmaya sahiptir. Kaliteyi etkilemeden görüntü dosyası boyutlarını ezebilir. Seçici olursak, varsayılan ayarın mevcut en yüksek sıkıştırma olduğu için, görüntünüz yeterince ezilmezse gidecek başka bir yer olmadığını öneririz. Yine de, bu önemli bir eleştiri değil. Shortpixel, kaputun altında tonlarca işlevselliğe sahiptir. Üç seviyede sıkıştırma, harika bir PDF optimize edici ve hatta bir GIF kompresörü vardır. İkincisi, diğer birçok araçta bulamadığınız bir şeydir, bu yüzden ürün hattına hoş bir ektir. Tüm arayüze de erişilebilir: Görüntüleri yükleyiciye sürükleyip bırakırsınız ve Shortpixel’in sihrini çalıştırmasını beklersiniz. Resimleriniz işlendikten sonra, bunları toplu olarak indirebilir veya indirmek için ayrı resimler seçebilirsiniz: ShortPixel’den resim indirme.
Ubuntu Canonical geliştiricisi tarafından kuruldu ve elbette açık kaynaklı bir yapıyı sürdürdü. Ayrıcalıkları olmayan, birçok kaynak kullanarak kaynak kullanımını kontrol eden ve hatta ağı yöneten bir kapsayıcı kullanarak güvenli bir ortam oluşturabilirsiniz. LXD de taburcu edilebilir, yani binlerce bilgi işlem düğümünü çalıştırabilir veya her şeyi basit tutabilirsiniz. Bulut tabanlı uygulamalar için LXD OpenNebula ile entegre edilmiştir – OpenNebula’nın LXD kurumlarını yönetmek için resmi bir sürücüsü vardır. Varsayılan olarak, birçok konteynerizasyon aracı Ubuntu’yu standart bir sanal ortam olarak kullanır. Yine de, LXD dağıtımı çalıştırmak için optimize edilmiştir. Daha önce denediğiniz bir şey değilse, bir test işinden geçme zamanına değer. Belirli bir iş akışına veya müşteri projelerine rekabetten daha iyi uyduğunu görebilirsiniz. Görüntü Optimizasyon Araçları Varlıklar (veya Medya veya Tercih Edilen Adınız Ne Olursa) Web genelinde bol miktarda bulunur. Tüm çevrimiçi kültürler adanmış ve görüntülere dayanmaktadır. Bu nedenle, kullanılan görüntü sayısına rağmen web geliştirme projelerinizi iyi hale getirmek önemlidir. İşte mevcut en popüler ve mükemmel görüntü optimizasyon araçlarından bazıları. 50. Shortpixelthe Shortpixel Web Sitesi.
Mevcut birçok resim optimizasyon uygulaması vardır, ancak Shortpixel öznel olarak sağlam bir algoritmaya sahiptir. Kaliteyi etkilemeden görüntü dosyası boyutlarını ezebilir. Seçici olursak, varsayılan ayarın mevcut en yüksek sıkıştırma olduğu için, görüntünüz yeterince ezilmezse gidecek başka bir yer olmadığını öneririz. Yine de, bu önemli bir eleştiri değil. Shortpixel, kaputun altında tonlarca işlevselliğe sahiptir. Üç seviyede sıkıştırma, harika bir PDF optimize edici ve hatta bir GIF kompresörü vardır. İkincisi, diğer birçok araçta bulamadığınız bir şeydir, bu yüzden ürün hattına hoş bir ektir. Tüm arayüze de erişilebilir: Görüntüleri yükleyiciye sürükleyip bırakırsınız ve Shortpixel’in sihrini çalıştırmasını beklersiniz. Resimleriniz işlendikten sonra, bunları toplu olarak indirebilir veya indirmek için ayrı resimler seçebilirsiniz: ShortPixel’den resim indirme.
Shortpixel API araçları da sağlamdır. Çevrimiçi ve çevrimdışı görüntüleri, kapsamlı PHP ve .NET istemci kitaplıklarını, JavaScript tabanlı uyarlanabilir motoru ve daha fazlasını azaltmak için ayrı API’ler bulacaksınız. Web sitenizi veya uygulamanızı bağlamak için harika olduğu için ShortPixel’in bir geliştiricinin aracı olduğunu öneririz. Ayrıca, özellikle daha büyük bir iş akışının bir parçası olarak kullanmak istiyorsanız, Tinypng bağımlılığınızı bir çırpıda aşırı taklit edeceğini de söyleyebiliriz. 51. Tinypng Herkesin en sevdiği görüntü optimizasyon aracı – Tinypng için zamanı. Her iki araç da aynı görüntü formatlarıyla çalışmasına rağmen Tinyjpg’yi bu girişe de paketleyebilirsiniz.
Tinypng web sitesi.
Tinypng web sitesi.
Tinypng’in yıllar içinde pek değişmediğini göreceksiniz. Görüntülerinizi optimize etmek için hala basit bir sürükleme ve bırak aracıdır. Herhangi bir çan veya ıslık yoktur ve geniş bir dosya biçimi seti yoktur. Yine de, Tinypng’in sunduğu şey yüce kullanılabilirlik ve diğer araçlarla bir grup entegrasyondur. Örneğin, bir Photoshop eklentisi ve daha iyi verilen uygulamalar için işlevsel geliştirici API’sı var. API bu dili de desteklediği için Python kullanıcıları bile harekete geçebilir. Birçok üçüncü taraf aracı için API kullanılarak oluşturulan birkaç eklenti olmuştur. TinyPNG’nin görüntü optimizasyonu pazarında bir tekele sahip olduğunu öne sürmüyoruz, ancak çoğu kullanıcı için ilk tercih. Bir görüntü almak ve yükleyiciye bırakmak saniyeler sürer ve görüntünüzün% 99,9 mükemmel bir temsilini geri aldığınızda güvenmek kolaydır. Web Sitesi Test Araçları Daha önce API ve çekirdek site kodunuzu test etme hakkında konuştuk, ancak bu web sitenizin performansını kaçırıyor. İşte sevdiğimiz birkaç araç, sitelerinizin nasıl performans gösterdiğini analiz etmenize yardımcı olabilecek birkaç araç. 52. Sorumluluksal bir uygulama.
Uygulamanızda gerçekleştirmeniz ve mükemmelleştirmeniz gereken medya sorgularının sayısından daha fazla boğulduysanız, sorumlu bir şekilde kontrol edin. Seçtiğiniz cihazların çeşitli görünüm sporları olarak siteler geliştirmenize yardımcı olacak açık kaynaklı bir ön uç aracıdır.
Uygulamanızda gerçekleştirmeniz ve mükemmelleştirmeniz gereken medya sorgularının sayısından daha fazla boğulduysanız, sorumlu bir şekilde kontrol edin. Seçtiğiniz cihazların çeşitli görünüm sporları olarak siteler geliştirmenize yardımcı olacak açık kaynaklı bir ön uç aracıdır.
Farklı cihazları duyarlı olarak görüntülemek.
Bununla ilgili en güzel şey, düzenleri yan yana karşılaştırabileceğinizdir.Cihazlar arasındaki tutarlılığınızı artırma şansı verir.Her cihaz kesindir ve aralarından seçim yapabileceğiniz çok şey vardır, bu da siteniz belirli cihazları hedefliyorsa mükemmeldir.Ayrıca, sorumlu tarayıcıya sayfa göndermek için Mozilla Firefox, Microsoft Edge ve Google Chrome için özel tarayıcı uzantılarını da ekleyebilirsiniz.Buradan, yerleşik geliştirici araçları açabilir ve işe başlayabilirsiniz.
Bununla ilgili en güzel şey, düzenleri yan yana karşılaştırabileceğinizdir.Cihazlar arasındaki tutarlılığınızı artırma şansı verir.Her cihaz kesindir ve aralarından seçim yapabileceğiniz çok şey vardır, bu da siteniz belirli cihazları hedefliyorsa mükemmeldir.Ayrıca, sorumlu tarayıcıya sayfa göndermek için Mozilla Firefox, Microsoft Edge ve Google Chrome için özel tarayıcı uzantılarını da ekleyebilirsiniz.Buradan, yerleşik geliştirici araçları açabilir ve işe başlayabilirsiniz.
Ekran görüntüsü işlevselliği, sıcak yükleme desteği ve geliştirmenize yardımcı olacak daha fazla özellik var.”Web geliştiricisinin tarayıcısı” olan sloganla tartışmak zor.Sonunda iş akışınızın temel bir bileşeni olabilir.53. Google Deniz Feneri Birçok kişi için, Google’ın PagePeed Insights, bir web sitesi performansının nasıl ve yükleme hızını nerede geliştirebileceğinizi keşfetmek için değerli bir araçtır.
Google’ın sayfa içgörüleri.
Bununla birlikte, kaputun altındaki yazılımların bir kısmı derinlemesine bakmak daha ilginçtir. İhtiyaçlarınız için de daha uygun olabilir. Google Deniz Feneri herhangi bir web sayfasını çalıştırıyor ve sayfa performansı, SEO, Aşamalı Web Uygulamaları (PWA) vb. İçin denetim ve raporlar sunuyor. Google Deniz Feneri çalıştırmanın birincil yolları komut satırından, Chrome’s Devtools’u veya düğüm modülü olarak kullanılır. PagePeed Insights arayüzünü kullanırsanız, Deniz Feneri puanların bir kısmını oluşturur ve sağlayıcılar daha fazla bilgi verir. Yüzeyde Google Deniz Feneri ve sayfa içi içgörülerin benzer göründüğünü belirtmek gerekir. Ancak PagePeed Insights, gerçek dünyadaki kullanıcı verileriyle birlikte laboratuvar tabanlı verileri kullanır. Lighheher’suse’nin analizi kullanıcı verilerini göz ardı eder ve web sitenizin daha fazla unsurunu ölçer. Görüşümüze göre, özellikle müşterinizin amacı arama motoru sonuçları sayfalarının (SERP’ler) en üstüne vurmaksa, hem sayfa içi içgörüleri hem de deniz fenerini çalıştırmaya değer. Her halükarda, el ele almak için sağlam bir araçtır ve hatta tercih ettiğiniz performans aracı olarak sayfa ipucu içgörüleri bile sağlayabilir. 54. Cypress uçtan uca test, birçok geliştirici için neşeli bir deneyim olmayan bir şeydir. Cypress, bu tepeyi ölmek için seçti-bu uçtan uca test eğilimini ortadan kaldıran ve yıldız bir şey üreten bir sorunsuz bir çözüm. Cypress ana sayfası.
Google’ın sayfa içgörüleri.
Bununla birlikte, kaputun altındaki yazılımların bir kısmı derinlemesine bakmak daha ilginçtir. İhtiyaçlarınız için de daha uygun olabilir. Google Deniz Feneri herhangi bir web sayfasını çalıştırıyor ve sayfa performansı, SEO, Aşamalı Web Uygulamaları (PWA) vb. İçin denetim ve raporlar sunuyor. Google Deniz Feneri çalıştırmanın birincil yolları komut satırından, Chrome’s Devtools’u veya düğüm modülü olarak kullanılır. PagePeed Insights arayüzünü kullanırsanız, Deniz Feneri puanların bir kısmını oluşturur ve sağlayıcılar daha fazla bilgi verir. Yüzeyde Google Deniz Feneri ve sayfa içi içgörülerin benzer göründüğünü belirtmek gerekir. Ancak PagePeed Insights, gerçek dünyadaki kullanıcı verileriyle birlikte laboratuvar tabanlı verileri kullanır. Lighheher’suse’nin analizi kullanıcı verilerini göz ardı eder ve web sitenizin daha fazla unsurunu ölçer. Görüşümüze göre, özellikle müşterinizin amacı arama motoru sonuçları sayfalarının (SERP’ler) en üstüne vurmaksa, hem sayfa içi içgörüleri hem de deniz fenerini çalıştırmaya değer. Her halükarda, el ele almak için sağlam bir araçtır ve hatta tercih ettiğiniz performans aracı olarak sayfa ipucu içgörüleri bile sağlayabilir. 54. Cypress uçtan uca test, birçok geliştirici için neşeli bir deneyim olmayan bir şeydir. Cypress, bu tepeyi ölmek için seçti-bu uçtan uca test eğilimini ortadan kaldıran ve yıldız bir şey üreten bir sorunsuz bir çözüm. Cypress ana sayfası.
Uçtan uca test araçlarının çoğu Selenium’a dayanırken, Cypress farklı bir yöne gider. Bu, kullanıcıların selenyum tabanlı testçilerle buldukları sorunların burada bulunmadığı anlamına gelir. Aslında, geliştiriciler bir brereeze testi yapmak, yazmak ve çalıştırmak istiyorlar. Bunu yapmak için, mimariyi sıfırdan inşa ediyorlar ve diğer şekilleri bir kenara bırakarak uçtan uca test etmeye odaklanıyorlar. Performansa yardımcı olmak için Cypress, ağ üzerinden uzun mesafeli komutlar çalıştırmak yerine programınızla aynı çalışma döngüsünde çalışır. Test kodu tarayıcıda çalıştığından, dikkate alınması gereken sürücü veya dilin bağlanması yoktur. Yine de, testi çalıştırmadan önce JavaScript’e derlenebilirsiniz. Sonun sonunu test etmek isteyen bir kalite güvencesi (KG) mühendisi veya geliştiriciyseniz, işinize orijinal erişiminiz var, Cypress dikkatinizi istemelidir. En iyi yanı da ücretsiz bir kademe tam -özellik olmasıdır! 55. Taşma ve arama motorunu bir an için, bir web geliştirme aracı olarak kabul edilen şeyin sınırlarını genişletmemize izin verin. Stack Overflow, web geliştirme hakkında kısa bir bilgi sahibi olan ünlü bir kişidir: Overflow Stack web sitesi.
Bu, programlamaya odaklanan bir soru ve cevap sitesidir ve her türlü diğer konuyu içeren Stack Exchange ağının bir parçasıdır:
Bu, programlamaya odaklanan bir soru ve cevap sitesidir ve her türlü diğer konuyu içeren Stack Exchange ağının bir parçasıdır:
Stack Exchange ağındaki birçok niş siteden biri.
Bu, binlerce geliştirici için bir giriş kaynağı olarak bilinir ve topluluk üzerinde bazı tartışmalar olmasına rağmen, trafik hala önemlidir. Yığın, seçtiğiniz arama makinesi ile birlikte, becerilerinizi öğrenmek ve geliştirmek için esnek bir web geliştirme aracı olduğunu söylemeye cesaret ediyoruz. Örneğin, kodla ilgili geliştirme engelleriyle karşılaşırken taşma yığınına gidebilirsiniz. Aynı şekilde, nasıl bitireceğinizden emin olmadığınız bir hata göründüğünde, arama motoruna yapıştırmak, ihtiyacınız olan cevabı bulmanın en hızlı yoludur. Ankete katılan kullanıcıların% 90’ının sorunları çözmek için taşma yığınları açtığı düşünüldüğünde, herkesin bu aracı kullanması muhtemeldir. Bununla birlikte, yeni başlayanlar için – ya da sorununuzu ifade edemeseniz bile – arama motorları tartışmasız biraz daha arkadaş canlısıdır. Web Geliştirme Referansı “RTFM” ahlakına bağlı bir geliştiriciyseniz, aşağıdaki girişleri ikna etmeniz gerekmez. Tersine, sorunları dolaşmayı ve öğrenmeyi seviyorsanız, sizden önce cevabı bulması muhtemel birçok geliştirici olduğunu bilin. Bunu göz önünde bulundurarak, hepsi web referans materyallerine dayanan aşağıdaki web geliştirme araçlarına bakın. 56. MDN Web belgeleri internetin ilk günlerinde çok uzak, Lycos tarafından işletilen Webmonkey adlı bir site var ve yeni kullanıcılara web geliştirme ve programlama öğretmeyi amaçlıyor. Web sitesinin ruhu MDN Web Dokümanlar Mozilla’da yaşıyor. WebMoney 2004’te kapatıldı ve MDN Web Dokümanlar 2005’te geldi, bu yüzden ikisi arasında doğal bir uyumluluk vardı.
Bu, binlerce geliştirici için bir giriş kaynağı olarak bilinir ve topluluk üzerinde bazı tartışmalar olmasına rağmen, trafik hala önemlidir. Yığın, seçtiğiniz arama makinesi ile birlikte, becerilerinizi öğrenmek ve geliştirmek için esnek bir web geliştirme aracı olduğunu söylemeye cesaret ediyoruz. Örneğin, kodla ilgili geliştirme engelleriyle karşılaşırken taşma yığınına gidebilirsiniz. Aynı şekilde, nasıl bitireceğinizden emin olmadığınız bir hata göründüğünde, arama motoruna yapıştırmak, ihtiyacınız olan cevabı bulmanın en hızlı yoludur. Ankete katılan kullanıcıların% 90’ının sorunları çözmek için taşma yığınları açtığı düşünüldüğünde, herkesin bu aracı kullanması muhtemeldir. Bununla birlikte, yeni başlayanlar için – ya da sorununuzu ifade edemeseniz bile – arama motorları tartışmasız biraz daha arkadaş canlısıdır. Web Geliştirme Referansı “RTFM” ahlakına bağlı bir geliştiriciyseniz, aşağıdaki girişleri ikna etmeniz gerekmez. Tersine, sorunları dolaşmayı ve öğrenmeyi seviyorsanız, sizden önce cevabı bulması muhtemel birçok geliştirici olduğunu bilin. Bunu göz önünde bulundurarak, hepsi web referans materyallerine dayanan aşağıdaki web geliştirme araçlarına bakın. 56. MDN Web belgeleri internetin ilk günlerinde çok uzak, Lycos tarafından işletilen Webmonkey adlı bir site var ve yeni kullanıcılara web geliştirme ve programlama öğretmeyi amaçlıyor. Web sitesinin ruhu MDN Web Dokümanlar Mozilla’da yaşıyor. WebMoney 2004’te kapatıldı ve MDN Web Dokümanlar 2005’te geldi, bu yüzden ikisi arasında doğal bir uyumluluk vardı.
Bu, çeşitli durumlarda Web için programlama ve diğer durumlarda Mozilla özel ürünleri öğretmeye yardımcı olacak bir kaynak koleksiyonudur. İçerik iki ana kategoriye ayrılmıştır: teknoloji ve referans yönergeleri. Mevcut yeteneklerinize ve deneyimlerinize, özel referans yönergelerinize ve birincisi için birkaç kaynak temelli birkaç öğretici gösterilir. Kalkınma endüstrisindeki niş ve belirli endüstrilerle ilgili tüm yönergeler. Örneğin, web geliştirme referansları HTML, CSS ve ek JavaScript yönergeleri için “temel” sayfalar olarak işlev görür.
Çeşitli endüstrilerde oyun geliştirme ve sahada başlamak için gerekenler gibi geniş görüşler de vardır:
Çeşitli endüstrilerde oyun geliştirme ve sahada başlamak için gerekenler gibi geniş görüşler de vardır:
MDN Web Dokümanı Oyun Geliştirme Kılavuzu.
MDN Web Dokümanlar acemi web geliştiricileri için önemli bir okuma ve ayrıca bir uzman için yeterli değer sunuyor. Bir tarayıcı yer işaretini hak eden bir site varsa, işte burada! 57. Devdocs – Yangın Dokümantasyon Tarayıcısı Geçmişte, aldığınız ürün için tüm kılavuzları tozlu bir çekmecede veya dolapta saklayacaksınız. Hayat daha dijital hale geldikçe, kağıt kılavuzu her üreticinin web sitesinden PDF indirmelere yol açtı. Bu sayede, artık küratörlük kütüphanesinde dijital sürümleri manuel olarak toplayan bir web sitemiz var. Bu, ihtiyacınız olanı bir depodan bulmanızı sağlar. Böylece, birisinin web geliştirme konusu için de var olacağı mantıklıdır. Kısacası, Devdocs yangın için bir belge kütüphanesidir ve bu neredeyse tüm geliştiriciler için değerli olacağını düşündüğümüz bir şeydir:
MDN Web Dokümanlar acemi web geliştiricileri için önemli bir okuma ve ayrıca bir uzman için yeterli değer sunuyor. Bir tarayıcı yer işaretini hak eden bir site varsa, işte burada! 57. Devdocs – Yangın Dokümantasyon Tarayıcısı Geçmişte, aldığınız ürün için tüm kılavuzları tozlu bir çekmecede veya dolapta saklayacaksınız. Hayat daha dijital hale geldikçe, kağıt kılavuzu her üreticinin web sitesinden PDF indirmelere yol açtı. Bu sayede, artık küratörlük kütüphanesinde dijital sürümleri manuel olarak toplayan bir web sitemiz var. Bu, ihtiyacınız olanı bir depodan bulmanızı sağlar. Böylece, birisinin web geliştirme konusu için de var olacağı mantıklıdır. Kısacası, Devdocs yangın için bir belge kütüphanesidir ve bu neredeyse tüm geliştiriciler için değerli olacağını düşündüğümüz bir şeydir:
Ev Devdocs.
Kütüphaneyi görmeden önce, istediğiniz yangın belgelerini etkinleştirmelisiniz. Bunu tercih ekranından yaparsınız: Devdocs Tercih Ekranı.
Kütüphaneyi görmeden önce, istediğiniz yangın belgelerini etkinleştirmelisiniz. Bunu tercih ekranından yaparsınız: Devdocs Tercih Ekranı.
Bittiğinde, özel ağaç menüsünün ilgili belgelerine erişebileceksiniz:
WordPress Ateş Ekranı.
WordPress Ateş Ekranı.
Bu, verimsiz sorunlar için basit bir çözümdür, çünkü tek bir yerde birçok yangın referansınız vardır. Devdocs, bir yer işaretini hak eden başka bir site ve maalesef daha hızlı referanslar için masaüstü uygulaması yok. 58. CSS-Trik Chris Coyier, birçok web geliştiricisi tarafından bilinecek bir isimdir. CSS-Tricks’i kurduğu web sitesine aşina olduğunuzdan eminiz. Adından da anlaşılacağı gibi, bu, özellikle CSS ve nasıl daha iyi olacağına, fretend kodlamaya adanmış bir web sitesidir.
Ev CSS-Tricks.
Ev CSS-Tricks.
Bir sayfa olarak, ilk birkaç yıl boyunca, CSS baskın bir konudur. Bununla birlikte, o zamandan beri, HTML, JavaScript, WordPress ve diğerleri o kadar önemli hale geldi ve sıklıkla tartışıldı. Sonuç, size ilham vermek için bir dizi makale, video ve yönerge ile ön uç geliştirilmesine odaklanan bir site.
Hile CSS için blogroll.
Hile CSS için blogroll.
Basit ama değerli bir unsur, CSS’deki seçicileri ve özellikleri özetleyen CSS ALMANAC’dır. Dilin belirli yönlerini anlamanız gerekiyorsa, bu iyi bir referans kaynağıdır.
CSS-Tricks Almanak.
CSS-Tricks Almanak.
Hilelerden gelen referanslar gibi yönler olmasına rağmen, kendi başına bir referans kaynak değildir.Yine de, Bait RSS veya diğer çözümler yoluyla olsun, her zaman sizi rahatsız etmelidir.İçerik yüksek kalitededir ve daha önce hiç düşünmediğiniz şekilde size meydan okuyabilir.En azından bültene abone olun ve hilelerin gelen kutunuza girmesini bekleyin.59. Dev topluluğu, sosyal medya, web geliştirme ve yığın taşma en iyi bölümünü alabileceğinizi, ardından onu birleştiren bir site oluşturabileceğinizi hayal edin.Dev topluluğu sonuç olabilir.
Bu bir blog platformu, aynı zamanda geliştirme sorularının cevaplarını bulmanın bir yoludur.Takip edilecek etiketleri ve kişileri seçersiniz ve haber yeminiz otomatik ve otomatik bir post -zaman çizgisi haline gelir:
Bu bir blog platformu, aynı zamanda geliştirme sorularının cevaplarını bulmanın bir yoludur.Takip edilecek etiketleri ve kişileri seçersiniz ve haber yeminiz otomatik ve otomatik bir post -zaman çizgisi haline gelir:
JavaScript etiketleri için dev topluluk zaman çizgisi.
Bu, bunun her yerde bulabileceğiniz bilgiler olduğunu öne süren adil bir noktadır-bulmak istiyorsanız. Artı geliştirici topluluğun noktaları burada bu topluluktur ve yönlendirilmiş kalkınma konularının bir koleksiyonudur. Otobüs durağında ilgili konuşmaları duymak ve kesintiye uğratmak yerine, bir geliştirici kongre pisti olarak düşünün. Bu, RSS yeminizde veya gelen kutunuzda bir öz olarak iyi çalışacak başka bir sitedir. Bu nedenle, bu aynı zamanda farkına varmadan buraya gideceğiniz bir “uyku” kaynağıdır. 60. Kullanabilir miyim … Jeeves’i internet soruları sorma eğilimini başlatmaya başlayarak bilgi bulabilirsin. Soru tabanlı arama, ihtiyacınız olanı bulmanın güvenilir bir yolu olmasına rağmen, hızlı bir şekilde çeşitli arama algoritmaları ile değiştirildi. Kullanabilir miyim … Geliştiricinin cevabı “CSS için bir sorma jeeves var mı? “Ev kullanabilir miyim … ev.
Bu, bunun her yerde bulabileceğiniz bilgiler olduğunu öne süren adil bir noktadır-bulmak istiyorsanız. Artı geliştirici topluluğun noktaları burada bu topluluktur ve yönlendirilmiş kalkınma konularının bir koleksiyonudur. Otobüs durağında ilgili konuşmaları duymak ve kesintiye uğratmak yerine, bir geliştirici kongre pisti olarak düşünün. Bu, RSS yeminizde veya gelen kutunuzda bir öz olarak iyi çalışacak başka bir sitedir. Bu nedenle, bu aynı zamanda farkına varmadan buraya gideceğiniz bir “uyku” kaynağıdır. 60. Kullanabilir miyim … Jeeves’i internet soruları sorma eğilimini başlatmaya başlayarak bilgi bulabilirsin. Soru tabanlı arama, ihtiyacınız olanı bulmanın güvenilir bir yolu olmasına rağmen, hızlı bir şekilde çeşitli arama algoritmaları ile değiştirildi. Kullanabilir miyim … Geliştiricinin cevabı “CSS için bir sorma jeeves var mı? “Ev kullanabilir miyim … ev.
Öncül basit: Seçmenleri veya CSS özelliğini arama alanına yazıyorsunuz ve veritabanı, bir web sitesi oluşturmak için kullanıp kullanamayacağınızı döndürüyor. Ayrıca CSS ile sınırlı değilsiniz. JavaScript ve HTML de desteklenir:
HTML Elementleri Arıyorum Kullanabilir miyim …
HTML Elementleri Arıyorum Kullanabilir miyim …
Bu bir ön uç dili veritabanıdır, bu nedenle sonuçları PHP, Python veya diğer sunucu tarafı dillerine döndüren görülmez.Yine de, kullanabilir miyim … birkaç cihaz için erişilebilirlik ve tasarım açısından size yardımcı olacak çok büyük ve değerli bir araçtır.Bu, belirli unsurları çekmek ve hedef tarayıcınızın onu destekleyip desteklemediğine bakmak için basit bir tekliftir: Tarayıcı Destek Tablosu Kullanabilir miyim …
Daha yakından bakarsanız, öğeler için çıkış tarihi ve kullanım yüzdesi gibi istatistikler de bulabilirsiniz:
Daha yakından bakarsanız, öğeler için çıkış tarihi ve kullanım yüzdesi gibi istatistikler de bulabilirsiniz:
Belirli öğeler için bilgiler kullanabilir miyim …
