Web Geliştirme Araçları ve Kaynakları

eb geliştirici olmanın en iyi ve en kötü yanı, web'in sürekli değişmesidir. Bu heyecan verici olsa da, web geliştiricilerinin her zaman yeni teknikleri veya programlama dillerini öğrenmede, değişikliklere uyum sağlamada ve yeni zorlukları kabul etmeye istekli ve istekli olmaları gerektiği anlamına gelir. Bu, iş gereksinimlerini karşılamak için mevcut çerçeveleri uyarlamak, teknik sorunları belirlemek için bir web sitesini test etmek veya bir siteyi arka uç altyapısıyla daha iyi performans gösterecek şekilde optimize etmek ve ölçeklendirmek gibi görevleri içerebilir. Daha üretken olmanıza, bilgi sahibi olmanıza ve daha iyi bir geliştirici olmanıza yardımcı olabilecek kapsamlı bir web geliştirme araçları ve kaynakları listesi hazırlayacağımızı düşündük.​ Web Geliştirme Araçları ve Kaynakları​ Aşağıdaki web geliştirme araçlarının çoğu, KeyCDN'de günlük olarak kullandığımız araçlardır. Her şeyi dahil edemeyiz, ancak burada birkaç favorimiz ve yaygın olarak kullanılanlar var. Umarım geliştirme iş akışınızda size yardımcı olacak yeni bir araç veya kaynak bulursunuz. Aşağıdaki araçlar ve kaynaklar belirli bir sırayla listelenmemiştir.​ JavaScript Kitaplıkları​ JavaScript, web'deki en popüler programlama dillerinden biridir. JavaScript kitaplığı, web sitenizin veya uygulamanızın geliştirilmesi boyunca daha kolay erişim sağlayan önceden yazılmış bir JavaScript kitaplığıdır. Örneğin, aşağıdaki snippet'i kullanarak Google'ın barındırılan jQuery kitaplığının bir kopyasını ekleyebilirsiniz.​ jQuery : Hızlı, küçük ve zengin özelliklere sahip bir JavaScript kitaplığı. BackBoneJS : JS uygulamanıza modeller, görünümler, koleksiyonlar ve etkinliklerle biraz omurga verin. D3.js : Belgeleri verilere dayalı olarak işlemek için bir JavaScript kitaplığı. React : Facebook'un kullanıcı arayüzleri oluşturmak için geliştirdiği JavaScript kitaplığı. jQuery UI : Seçilmiş bir dizi kullanıcı arayüzü etkileşimleri, efektler, widget'lar ve temalar. jQuery Mobile : Duyarlı web siteleri yapmak için tasarlanmış HTML5 tabanlı kullanıcı arayüzü sistemi. Underscore.js : Herhangi bir yerleşik nesneyi genişletmeden işlevsel programlama yardımcıları. Moment.js : JavaScript'te tarihleri ayrıştırın, doğrulayın, değiştirin ve görüntüleyin. Lodash : Modülerlik, performans ve ekstralar sunan modern bir yardımcı program kitaplığı. Vue.js : Kullanıcı arayüzleri oluşturmak için kullanılan açık kaynaklı bir JavaScript çerçevesi. Ön Uç Çerçeveleri​ Ön uç çerçeveleri genellikle HTML, CSS, JavasScript, vb. gibi diğer dosya ve klasörlerden oluşan bir paketten oluşur. Ayrıca birçok bağımsız çerçeve de vardır. Biz Boostrap'ın büyük bir hayranıyız ve ana KeyCDN web sitesi bunun üzerine kurulu. Sağlam bir çerçeve, ön uç geliştiriciler için önemli bir araç olabilir.​ Bootstrap : Web üzerinde duyarlı, mobil ilk projeler geliştirmek için HTML, CSS ve JS çerçevesi. Temel : Herhangi bir cihazda harika görünen güzel duyarlı web siteleri, uygulamalar ve e-postalar tasarlamayı kolaylaştıran duyarlı ön uç çerçeveleri ailesi. Semantic UI : İnsan dostu HTML kullanarak güzel, duyarlı düzenler oluşturmaya yardımcı olan geliştirme çerçevesi. Uikit : Hızlı ve güçlü web arayüzleri geliştirmek için hafif ve modüler bir önyüz çerçevesi. Popüler ön uç çerçeveleri arasındaki farklar hakkında daha fazla bilgi edinmek için en iyi ön uç çerçeveleri listemize göz atın. Web Uygulama Çerçeveleri​ Bir web uygulaması çerçevesi , web uygulamalarının ve hizmetlerinin geliştirilmesiyle ilgili bazı baş ağrılarına yardımcı olmak ve bunları hafifletmek için tasarlanmış bir yazılım çerçevesidir.​ Ruby : Ruby on Rails, MVC modeliyle veritabanı destekli web uygulamaları oluşturmak için gereken her şeyi içeren bir web uygulaması çerçevesidir. AularJS : Web uygulamanız için HTML kelime dağarcığını genişletmenizi sağlar. AngularJS, çok daha hafif olmasına ve bazen kitaplık olarak anılmasına rağmen bir çerçevedir. Ember.js : İddialı web uygulamaları oluşturmak için bir çerçeve. Express : Node.js için hızlı ve minimalist web çerçevesi. Meteor : Modern web ve mobil uygulamalar oluşturmak için ihtiyacınız olan tüm parçaları tek bir JavaScript kod tabanıyla bir araya getiren tam yığın JavaScript uygulama platformu. Django : Hızlı geliştirmeyi ve temiz, pragmatik tasarımı teşvik eden üst düzey Python Web çerçevesi. ASP.net : Standartlara dayalı Web çözümleri oluşturmanıza yardımcı olan ücretsiz, tam olarak desteklenen Web uygulaması çerçevesi. Laravel : MVC modelinde web uygulamaları oluşturmak için ücretsiz, açık kaynaklı bir PHP web uygulaması çerçevesi. Zend Framework 2 : PHP kullanarak web uygulamaları ve hizmetleri geliştirmek için açık kaynaklı bir çerçeve. Phalcon : C-uzantısı olarak sunulan tam yığın PHP çerçevesi. Symfony : Bir dizi yeniden kullanılabilir PHP bileşeni ve bir web uygulaması çerçevesi. CakePHP : Web uygulamaları oluşturmayı daha basit, daha hızlı ve daha az kod gerektiren popüler bir PHP çerçevesi. Flask : Python için Werkzeug ve Jinja 2'ye dayalı bir mikro çerçeve. CodeIgniter : Tam özellikli web uygulamaları oluşturmak için basit ve zarif bir araç setine ihtiyaç duyan geliştiriciler için oluşturulmuş güçlü ve hafif PHP çerçevesi. Ayrıca, yukarıda bahsedilen çözümlerle bir CDN'yi nasıl uygulayabileceğinizi görmek için KeyCDN'nin çerçeve entegrasyon kılavuzlarını kontrol ettiğinizden emin olun. Görev Yürütücüler / Paket Yöneticileri​ Görev yürütücüler tamamen iş akışınızı otomatikleştirmekle ilgilidir. Örneğin, bir görev oluşturabilir ve JavaScript'in küçültülmesini otomatikleştirebilirsiniz. Ardından geliştirme süresini hızlandırmak için görevleri oluşturun ve birleştirin. Paket yöneticileri , kullandığınız tüm paketleri takip eder ve bunların güncel ve ihtiyacınız olan belirli sürüm olduğundan emin olur.​ Grunt : Tamamen otomasyonla ilgili JavaScript görev çalıştırıcısı. Gulp : İş akışınızı otomatikleştirirken ve geliştirirken işleri basitleştirir ve karmaşık görevleri yönetilebilir hale getirir. npm : JavaScript için paket yöneticisi. Bower : Bir web paketi yöneticisi. HTML, CSS, JavaScript, yazı tipleri ve hatta görüntü dosyaları içeren bileşenleri yönetin. webpack : Modern JavaScript uygulamaları için bir modül paketleyici. Diller / Platformlar​ Tüm web geliştirme araçlarının arkasında bir dil vardır. Bir programlama dili , bir bilgisayarla iletişim kurmak ve davranışı kontrol edebileceğiniz programlar oluşturmak için tasarlanmış resmi olarak oluşturulmuş bir dildir. Ve evet, bunlardan bazılarının her zaman bir dil olarak adlandırılmayabileceğinin farkındayız.​ PHP : Özellikle web geliştirme için uygun olan popüler genel amaçlı betik dili. NodeJS : V8 tabanlı olaya dayalı G/Ç sunucu tarafı JavaScript ortamı. JavaScript : HTML ve web programlama dili. HTML5 : İşaretleme dili, HTML ve XHTML'nin en son sürümü. Python : Hızlı çalışmanıza ve sistemleri daha etkin bir şekilde entegre etmenize olanak tanıyan programlama dili. Ruby : Basitlik ve üretkenliğe odaklanan dinamik, açık kaynaklı bir programlama dili. Scala : Scala, daha işlevsel bir stile kademeli, kolay geçiş sağlayan safkan nesne yönelimli bir dildir. CSS3 : Sitelerin ve uygulamaların ön uç geliştirmesinde kullanılan basamaklı stil sayfalarının en son sürümü. SQL : İlişkisel veritabanlarıyla kullanılan yapılandırılmış sorgu dili anlamına gelir. Golang : Basit, güvenilir ve verimli yazılım oluşturmayı kolaylaştıran açık kaynaklı programlama dili. Rust : Son derece hızlı çalışan, segfault'ları önleyen ve iş parçacığı güvenliğini garanti eden sistem programlama dili. Elixir : Ölçeklenebilir ve sürdürülebilir uygulamalar oluşturmak için tasarlanmış dinamik, işlevsel dil. TypeScript : Düz JavaScript'i derleyen JavaScript'in bir üst kümesi olan açık kaynaklı programlama dili. Veritabanları​ Bir veritabanı o alınan yönetilmesi ve güncellenmesi şekilde depolanan bilginin topluluğudur.​ MySQL : Dünyanın en popüler açık kaynak veritabanlarından biri. MariaDB : MySQL'in orijinal geliştiricileri tarafından yapılmıştır. MariaDB ayrıca açık kaynaklı bir veritabanı sunucusu olarak çok popüler hale geliyor. MongoDB : Daha önce mümkün olmayan uygulamalar oluşturmanıza izin veren yeni nesil veritabanı. Redis : Veritabanı, önbellek ve ileti aracısı olarak kullanılan açık kaynaklı, bellek içi bir veri yapısı deposu. PostgreSQL : Güçlü, açık kaynaklı bir nesne-ilişkisel veritabanı sistemi. CSS Ön İşlemcileri​ Bir CSS ön işlemcisi , temel olarak CSS'yi genişleten ve ardından onu normal CSS'de derleyen bir betik dilidir. Ayrıca Sass vs Less ile ilgili ayrıntılı gönderiyi kontrol ettiğinizden emin olun.​ Sass : Çok olgun, kararlı ve güçlü bir profesyonel sınıf CSS uzantısı. Less : CSS ile geriye dönük uyumlu olan bir CSS uzantısı olarak. Bu, Daha Az öğrenmeyi bir esinti yapar ve şüpheniz varsa vanilya CSS'ye geri dönmenizi sağlar. Stylus : CSS oluşturmak için verimli, dinamik ve etkileyici bir yol sağlayan yeni bir dil. Hem girintili bir sözdizimi hem de normal CSS stilini destekler. Bir CSS önişlemcisi kullanmaya yeni başlıyorsanız, aşağıdakiler gibi bir üçüncü taraf derleyici kullanarak geçişi kolaylaştırmak isteyebilirsiniz. Metin Editörleri / Kod Editörleri​ Not alıyor, kodlama yapıyor veya not yazıyor olsanız da, iyi bir metin düzenleyici günlük hayatımızın bir parçasıdır!​ Atom : Modern, ulaşılabilir, ancak özünde hacklenebilir bir metin editörü. Favorilerimizden biri! Sublime Text : Mükemmel performansa sahip kod, işaretleme ve düzyazı için gelişmiş bir metin düzenleyici. Notepad++ : MS Windows ortamında çalışan çeşitli programlama dillerini destekleyen ücretsiz bir kaynak kodu düzenleyicisi. Visual Studio Code : Modern web ve bulut uygulamaları oluşturmak ve hata ayıklamak için yeniden tanımlanmış ve optimize edilmiş kod düzenleme. TextMate : OS X için bir kod ve biçimlendirme düzenleyicisi. Coda 2 : OS X için hızlı, temiz ve güçlü bir metin düzenleyici. WebStorm : Hafif ama güçlü IDE, Node.js ile karmaşık istemci tarafı geliştirme ve sunucu tarafı geliştirme için mükemmel bir şekilde donatılmıştır. Vim : Verimli metin düzenlemeyi etkinleştirmek için oluşturulmuş, yüksek düzeyde yapılandırılabilir bir metin düzenleyici. Brackets : Hafif ve güçlü bir modern metin düzenleyici; JavaScript, HTML ve CSS ile yazılmıştır. Emacs : Metin ve kodda hızlı değişikliklere yardımcı olmak için yerleşik işlevlere sahip, genişletilebilir, özelleştirilebilir bir metin düzenleyici. Dreamweaver : Tipik kod düzenleyiciniz değil, ancak Dreamweaver, görsel bir arayüz aracılığıyla kod yazmak ve web siteleri oluşturmak için kullanılabilir. Bu basit Dreamweaver eğitiminde daha fazlasını öğrenin . SpaceMacs : Hem Emacs hem de Vim editör modlarında çalışacak bir metin editörü tasarımı. Markdown Editörleri​ Markdown, daha sonra anında HTML'ye dönüştürülebilen kolay bir sözdizimi kullanan düz metinde bir biçimlendirme dilidir. Bu, WYSIWYG düzenleyicisinden farklıdır. Markdown editörlerine bazen WYSIWYG ve sadece kod yazma arasında denir.​ StackEdit : Ücretsiz bir çevrimiçi zengin markdown editörü. Dillinger : Çevrimiçi bulut etkin, HTML5, moda sözcüklerle dolu Markdown düzenleyicisi. Mou : Mac OS X'teki geliştiriciler için Markdown editörü. Metinler : Düz metin için zengin bir düzenleyici. Windows ve Mac OS X. Yukarıda bahsettiğimiz bazı metin editörleri de markdown'ı destekler. Örneğin, atom için bir markdown önizleme paketi var. Simgeler​ Hemen hemen her web geliştiricisi, özellikle ön uç geliştiricileri, projeleri için bir noktada simgelere ihtiyaç duyacaktır. Aşağıda hem ücretsiz hem de ücretli yüksek kaliteli simgeler için bazı harika kaynaklar bulunmaktadır.​ Harika Yazı Tipi : Anında özelleştirilebilen ölçeklenebilir vektör simgeleri - boyut, renk, alt gölge ve CSS'nin gücüyle yapılabilecek her şey. IconMonster : Ücretsiz, yüksek kaliteli, canavarca büyük ve sürekli büyüyen basit simgeler kaynağı.Favorilerimizden biri! Simgeler8 : Tek bir tasarım ekibi tarafından oluşturulan, son derece özelleştirilebilir simgelerin kapsamlı bir listesi. IconFinder : Iconfinder, milyonlarca tasarımcı ve geliştiriciye güzel simgeler sağlar. Fontello : Simgelerle özel yazı tipleri oluşturma aracı. İsim Projesi : Bir milyondan fazla küratörlü ikon. Daha fazla özelleştirilebilirlik için hem ücretsiz hem de ücretli sürümlerde mevcuttur. Daha fazla harika simge sağlayıcı için, 16 popüler simge kitaplığı kaynağının tam listesine göz atın. Git İstemcileri / Git Hizmetleri​ Git, dağıtılmış revizyon kontrolü için bilinen yazılım ve web geliştirme için bir kaynak kodu yönetim sistemidir. Ekiplerle çalışırken, kod değişikliklerini geliştirmeden üretime aktarmak için bir git istemcisi kullanmak , kaosu korumanın ve canlı web uygulamanızı veya sitenizi bozmamaları için işlerin test edilmesini sağlamanın bir yoludur.​ SourceTree : Windows veya Mac için ücretsiz bir Git ve Mercurial istemcisi. Atlassian ayrıca Bitbucket adında oldukça havalı bir takım Git istemcisi yapar. GitKraken (Beta): Ücretsiz, sezgisel, hızlı ve güzel bir çapraz platform Git istemcisi. Tower 2 : Git ile sürüm kontrolü kolaylaştı. Güzel, verimli ve güçlü bir uygulamada. GitHub İstemcisi : GitHub ve GitHub Enterprise'daki projelere katkıda bulunmanın sorunsuz bir yolu. Gogs : Go diline dayalı, ağrısız, kendi kendine barındırılan bir Git hizmeti. GitLab : Özel ve genel yazılım projelerinizi ücretsiz olarak barındırın. Web Sunucuları​ Sonunda kullanacağınız web sunucusu, genellikle kişisel tercih, işlevsellik veya önceden var olan altyapının bir kombinasyonuna bağlı olacaktır. Nginx ve Apache, en yaygın kullanılan iki web sunucusudur, ancak başka seçenekler de vardır.​ Nginx : Açık kaynak kodlu ve yüksek performanslı bir web sunucusu. Statik içeriği iyi işler ve hafiftir. Apache : Şu anda tüm web sitelerinin neredeyse %50'sine güç sağlıyor. Etrafında daha büyük bir topluluğa ve çok çeşitli modüllere sahiptir. IIS : Microsoft tarafından oluşturulan genişletilebilir bir web sunucusu. Mükemmel güvenlik ve kurumsal destek sunar, bu nedenle açık kaynak değildir. Caddy : Nispeten yeni bir web sunucusu. Otomatik HTTPS'li açık kaynaklı, HTTP/2 web sunucusudur. Günümüzün en büyük web sunucularının tam bir karşılaştırması için Nginx ve Apache makalemize göz atın. API Araçları​ Web geliştiricileri genellikle API'lerle günlük olarak ilgilenir. Günümüzün web geliştirme ortamında çok önemlidirler, ancak bazen izleme, oluşturma veya birleştirme açısından ele alınması zor olabilir. Neyse ki, API'lerle çalışmayı çok daha verimli hale getirmek için kullanılabilecek çeşitli araçlar var.​ Runscope : Bir API performans testi, izleme ve hata ayıklama çözümü. Zapier : İş akışlarını otomatikleştirmek ve otomasyonu etkinleştirmek için çeşitli uygulama ve hizmetlerin API'lerini bağlayın. Postacı : Eksiksiz API geliştirme ortamı. Tasarım, test, izleme ve yayınlamaya kadar her şey. SoapUI : Gelişmiş REST ve SABUN test aracı. İşlevsel testler, güvenlik testleri, performans testleri vb. Yerel Geliştirme Ortamları​ Hangi işletim sistemini çalıştırdığınıza veya şu anda erişiminiz olan bilgisayara bağlı olarak, hızlı bir yerel geliştirme ortamı başlatmak gerekebilir. Apache, mySQL, phpmyAdmin vb.'yi bir arada paketleyen birçok ücretsiz yardımcı program vardır. Bu, yerel makinenizde bir şeyi test etmenin hızlı bir yolu olabilir. Birçoğunun taşınabilir sürümleri bile var.​ XAMPP : MariaDB, PHP ve Perl içeren tamamen ücretsiz, kurulumu kolay Apache dağıtımı. MAMP : OS X veya Windows'ta birkaç saniye içinde yerel sunucu ortamı. WampServer : Windows web geliştirme ortamı. Apache2, PHP ve MySQL veritabanı ile web uygulamaları oluşturmanıza olanak tanır. Vagrant : Hafif, tekrarlanabilir ve taşınabilir geliştirme ortamları oluşturun ve yapılandırın. Laragon : Windows'ta yalıtılmış bir geliştirme ortamı yaratmanın harika, hızlı ve kolay bir yolu. Mysql, PHP Memcached, Redis, Apache ve Laravel projelerinizle çalışmak için harika içerir. Fark Dama​ Fark denetleyicileri, dosyalar arasındaki farkları karşılaştırmanıza ve ardından değişiklikleri birleştirmenize yardımcı olabilir. Bunların çoğu CLI'den yapılabilir, ancak bazen daha görsel bir temsil görmek yardımcı olabilir.​ Diffchecker : İki metin dosyası arasındaki metin farklılıklarını karşılaştırmak için çevrimiçi fark aracı. Hareket halindeyseniz ve hızlı bir şekilde bir şeyi karşılaştırmanız gerekiyorsa harika. Beyond Compare : İlgilendiğiniz farklılıklara odaklanan ve ilginizi çekmeyenleri görmezden gelen basit, güçlü komutlar kullanarak dosya ve klasörleri karşılaştıran bir program. Yukarıda bahsettiğimiz birçok ücretsiz metin düzenleyicide ayrıca dosyalarınızı farklılaştırmanıza veya karşılaştırmanıza izin veren eklentiler veya uzantılar bulunur. Kod Paylaşımı / Kod Denemesi​ Her zaman başka bir geliştiriciyle Skype veya Google hangout'unda olduğunuz ve onun kodunuza hızlıca bakmasını istediğiniz zamanlar vardır. Slack gibi kod paylaşmak için harika ekip araçları vardır. Ancak bunlar ekibinizin bir üyesi değilse, bazı harika hızlı alternatifler vardır. Güvenli bir şey paylaşmamayı unutmayın.​ JS Bin : Web dillerini denemek için bir araç. Özellikle HTML, CSS ve JavaScript, Markdown, Jade ve Sass. JSfiddle : JavaScript, HTML ve CSS kodunuzu doğrudan tarayıcınızın içinde test etmek için özel ortam. codeshare : Kodu diğer geliştiricilerle gerçek zamanlı olarak paylaşın. Dabblet : CSS ve HTML kod parçacıklarını hızlı bir şekilde test etmek için etkileşimli oyun alanı. İşbirliği Araçları​ Her harika geliştirme ekibinin iletişimde kalmak, işbirliği yapmak ve üretken olmak için bir yola ihtiyacı vardır. Artık birçok ekip uzaktan çalışıyor. KeyCDN'deki ekip aslında birçok farklı kıtaya yayılmıştır. Aşağıdaki gibi araçlar, çalışanların geliştirme iş akışlarını düzenlemelerine yardımcı olabilir.​ Slack : Çalışma hayatınızı daha basit, daha keyifli ve daha üretken hale getirmeyi misyon edinmiş ekipler için mesajlaşma uygulaması. Favorilerimizden biri, bunu KeyCDN'de kullanıyoruz! Trello : Herkesle her şeyi organize etmenin esnek ve görsel yolu. Bunu KeyCDN olarak da kullanıyoruz. Glip : Entegre görev yönetimi, video konferans, paylaşılan takvimler ve daha fazlasıyla gerçek zamanlı mesajlaşma. Asana : Ekiplerin çalışmalarını ve sonuçlarını takip etmeleri için ekip işbirliği aracı. Jira : Yazılım ekibinizin her üyesinin harika yazılımlar veya web uygulamaları planlaması, izlemesi ve yayınlaması için tasarlandı. İlham​ Hepimizin bir noktada ilhama ihtiyacı var. Özellikle ön uç geliştiriciler için zaman zaman diğer insanların ne yaptığını kontrol etmek faydalı olabilir. Bu, harika bir ilham kaynağı, yeni fikirler ve web uygulamanızın veya sitenizin zamanın gerisinde kalmamasını sağlamak için olabilir.​ CodePen : En son eserinizi gösterin ve geri bildirim alın. Bu sinir bozucu hata için bir test senaryosu oluşturun. Projeleriniz için örnek tasarım desenleri ve ilham alın. Dribble : Çalışmalarının, süreçlerinin ve projelerinin ekran görüntülerini paylaşan bir tasarımcı topluluğu. Behance : Kullanıcıların yaratıcı çalışmaları sergileyebilecekleri ve keşfedebilecekleri, topluluk tarafından yönlendirilen başka bir kaynak. Web Sitesi Hız Testi Araçları​ Bir web sitesinin hızı, başarısı için kritik bir faktör olabilir. Daha hızlı yüklenen web siteleri, daha yüksek SEO sıralamalarından, daha yüksek dönüşüm oranlarından, daha düşük hemen çıkma oranlarından ve daha iyi bir genel kullanıcı deneyimi ve etkileşiminden yararlanabilir. Web sitesi hızını test etmek için mevcut birçok ücretsiz araçtan yararlanmak önemlidir.​ Web Sitesi Hız Testi : KeyCDN tarafından geliştirilen, şelale dökümü ve web sitesi önizlemesini içeren bir sayfa hızı testi. Google PageSpeed Insights : PageSpeed Insights, bir web sayfasının içeriğini analiz eder ve ardından o sayfayı daha hızlı hale getirmek için öneriler üretir. Google Chrome DevTools : Google Chrome'da yerleşik olarak bulunan web yazma ve hata ayıklama araçları seti. Dotcom-Tools Hız Testi : Web sitenizin hızını dünya çapında 25 konumdan gerçek tarayıcılarda test edin. WebPageTest : Gerçek tarayıcılar (IE ve Chrome) kullanarak ve gerçek tüketici bağlantı hızlarında dünyanın çeşitli yerlerinden ücretsiz bir web sitesi hız testi çalıştırın. Pingdom : O sayfanın yüklenme süresini test edin, analiz edin ve darboğazları bulun. GTmetrix : Sitenizin ne kadar iyi yüklendiği konusunda size fikir verir ve sitenizi nasıl optimize edeceğinize dair eyleme geçirilebilir öneriler sunar. Web sitesi hız testi araçları hakkındaki yazımızda daha ayrıntılı bir liste görebilirsiniz. Web Geliştirme Toplulukları​ Her web geliştiricisi orada olmuştur. Bir sorunları var ve ne yapıyorlar? Hızlı bir cevap bulmak için Google'a gidiyorlar. Web, parmaklarımızın ucunda o kadar çok içerik sunuyor ki, ortaya çıktıklarında sorunları teşhis etmeyi ve gidermeyi kolaylaştırıyor. Aşağıdaki birkaç iyi web geliştirme topluluğuna göz atın.​ Stack Overflow : Sizin gibi birbirine yardım eden 4,7 milyon programcı topluluğu. Frontend Front : Frontend geliştiricilerinin sorular sorabileceği, ilginç bağlantılar paylaşabileceği ve çalışmalarını topluluğun geri kalanına gösterebileceği bir yer. Hashnode : Yazılım geliştiricilerinin birbirine bağlanması ve birbirlerinden programlama öğrenmesi için küresel topluluk. Refind : Web'deki en iyi bağlantıları toplayan ve paylaşan kurucular, bilgisayar korsanları ve tasarımcılar topluluğu. Facebook WordPress Ön Uç Geliştiriciler Grubu : WordPress Ön Uç Geliştiricileri, geliştiricilerin soru sorması, çalışmalarını paylaşması, ortaya çıkan trendleri tartışması ve işbirliği yapması için bir gruptur. LinkedIn Web Tasarım ve Geliştirme Uzmanları Grubu : Profesyonel Web Tasarımcıları, Web Geliştiricileri ve Web Yöneticileri için ağ oluşturma ve bilgi paylaşım kaynağı. LinkedIn Web Sitesi Geliştirme Grubu : Web sitesi tasarımı ve programlaması. LinkedIn PHP Geliştirici Grubu : PHP, Mysql, Drupal, Joomla, Zend, Cake, MVC. LinkedIn WordPress Geliştiriciler Grubu : WordPress Kodeksi. WP'yi CMS ve CMF olarak kullanma. Webdeveloper.com : Web geliştiricilerinin ve tasarımcılarının web siteleri oluşturmayı, HTML, Java ve JavaScript programlamayı öğrendiği yer. Sitepoint Forumları : Web geliştirme tartışması. /r/perfmatters : Web performansı ve web geliştirme hakkında 1 numaralı alt dizin. /r/webdev : Web geliştiricileri için yenilikler. Web Geliştirme Bültenleri​ wdrl.info : Web geliştirme ile ilgili kaynakların el yapımı, özenle seçilmiş bir listesi.​ Küratörlüğünde ve genellikle her hafta yayınlanır. webopsweekly.com : Tarayıcıdan metale kadar web operasyonlarına, altyapıya, uygulamaların dağıtımına, performansa ve araçlara odaklanan. Web geliştiricileri için haftalık bir bülten. webtoolsweekly.com : Araçlara odaklanan bir ön uç geliştirme ve web tasarımı bülteni. Her sayı, kısa bir ipucu veya öğretici, ardından çeşitli uygulamalar, komut dosyaları, eklentiler ve diğer kaynakların haftalık bir özetini içerir. freshbrewed.co : Ön uç geliştiriciler ve UX Tasarımcıları için haftalık bir okuma özeti. smashingmagazine.com : Smashing Magazine, profesyonel web tasarımcıları ve geliştiricileri için çevrimiçi bir dergidir. Her iki Salı günü gönderilen faydalı ipuçları ve değerli kaynaklar . fridayfrontend.com : Ön uç geliştirme bağlantıları günlük olarak tweetlenir, haftalık olarak e-postayla gönderilir. /dev ipuçları : Her hafta gelen kutunuza gif biçiminde bir geliştirici ipucu alın.