GitHub, bugünlerde (web) geliştirme ile ilgili her şey için tek durak noktasıdır. Çerçeveler, demolar, her türden koleksiyon — GitHub’da muhtemelen bulamayacağınız hiçbir şey yoktu ve Github’da hiç duymadığınız harika şeyler vardır, çünkü çok fazla depo yer almaktadır.
Bu yüzden, her biri en az ~30.000 yıldıza sahip, bilmeniz gereken en popüler GitHub depolarından bazıları aşağıda yer almaktadır.
Realworld
Bu listedeki ilk depo Realworld’dür . Yaratıcıları buna “Tüm Demo Uygulamalarının Anası” demektedir. Cesur bir ifade elbette, ama bunun abartı olduğunu düşünmüyorum.
Realworld, örnek bir Medium.com klonudur. Ama sadece bu değil. Depo, mutlu bir şekilde karıştırabileceğiniz farklı ön uç ve arka uç uygulamaları arasında seçim yapmanızı sağlar.
Vue.js + Node/Express veya React/Redux + Rust?
Realworld, aynı blog uygulamasının neredeyse tüm popüler diller veya çerçeveler üzerine nasıl oluşturulduğunu gösterir.
You Don’t Know JS Yet
Bu depo , Getify takma adıyla yaygın olarak tanınan Kyle Simpson’ın popüler bir kitap serisidir. Kitaplar, JavaScript’in mekaniğine derinlemesine dalmakta ve aşağıdaki konuları kapsamaktadır:
- Başlamak
- Kapsam ve Kapanışlar
- Nesneler ve Sınıflar
- Türler ve Dilbilgisi
- Senkronizasyon ve Zaman Uyumsuz
- ES.Next ve Ötesi
Airbnb JavaScript Style Guide
Airbnb JavaScript Style Guide, en popüler ve yaygın kullanılan stil kılavuzları biridir. Daha iyi JS kodu yazmanıza yardımcı olur ve özellikle ekiplerde ve ESLint ile kombinasyon halinde faydalıdır.
Var yerine const kullanımına ilişkin belgelerden bir örnek:
Storybook
Storybook , UI bileşenleri için bir geliştirme ortamıdır. Bir bileşen kitaplığına göz atmanıza, her bileşenin farklı durumlarını görüntülemenize ve bileşenleri etkileşimli olarak geliştirmenize ve test etmenize olanak tanır. React, Vue, Angular, React Native, Ember, Web Components ve daha fazlasını destekler!
Storybook, uygulamanızın dışında çalışır. Bu, bileşenlerin yeniden kullanımını, test edilebilirliğini ve geliştirme hızını iyileştirebilen UI bileşenlerini ayrı ayrı geliştirmenize olanak tanır. Uygulamaya özel bağımlılıklar hakkında endişelenmenize gerek kalmadan hızlı bir şekilde oluşturabilirsiniz. Burada
harika örnekler bulabilirsiniz .
HTML5 Boilerplate
HTML5 Boilerplate bir profesyoneldir ve web’deki en popüler front-end şablonlarından biridir. Hızlı, sağlam ve uyarlanabilir web siteleri veya uygulamalar oluşturmanıza yardımcı olur. Microsoft, NASA ve Nike gibi şirketler bunu kullanıyor.
İşte bazı temel özellikler:
- HTML5 hazır.
- Akılda ilerici geliştirme ile tasarlanmıştır.
- İçeriği: Normalize.css, jQuery ve Modernizer
- Web sitesinin performansını ve güvenliğini artıran yapılandırmalar.
- Yer Tutucu CSS Medya Sorguları.
- Varsayılan baskı stilleri, performans açısından optimize edilmiştir.
- Google Universal Analytics snippet’inin optimize edilmiş bir sürümü.
Node.js Best Practices
Bu depo , Node.js geliştirmeyle ilgili çeşitli en iyi uygulamaların kapsamlı bir koleksiyonudur. Şu anda 80’den fazla en iyi uygulama, stil kılavuzu ve mimari ipucundan oluşmaktadır.
Şunlar hakkında bilgi bulabilirsiniz:
- Proje Yapısı Uygulamaları
- Hata İşleme Uygulamaları
- Kod Stili Uygulamaları
- Test ve Genel Kalite Uygulamaları
- Üretim Uygulamalarına Geçmek
- Güvenlik Uygulamaları
- Performans Uygulamaları
Kesinlikle harika bir depo ve bilgi kaynağıdır. Node.js geliştirme ile ilgileniyorsanız, buna bir göz atın!
Front-End Checklist
Web uygulamanızı başlatmadan önce neye sahip olmanız veya test etmeniz gerektiğini kendinize hiç sordunuz mu? Front-End Checklist deposunda her şey var!
Listelenen öğelerin çoğu, projelerin çoğu için zorunludur ve aşağıdaki gibi düzenlenmiştir:
- KHead
- HTML
- Web yazı tipleri
- CSS
- Görüntüler
- JavaScript
- Güvenlik
- Verim
- Ulaşılabilirlik
- SEO
- Çeviriler
İşte Apple Web App MetaData için bir örnek:
NW.js
NW.js , Chromium ve node.js tabanlı bir uygulama çalışma zamanıdır. NW.js ile HTML ve JavaScript’te yerel uygulamalar yazabilirsiniz. Ayrıca, Node.js modüllerini doğrudan DOM’den çağırmanıza olanak tanır ve tüm Web teknolojileriyle yerel uygulamalar yazmanın yeni bir yolunu sağlar.
İşte bazı temel özellikler:
- Modern HTML5, CSS3, JS ve WebGL ile yazılmış uygulamalar.
- Node.js API’leri ve tüm üçüncü taraf modülleri için tam destek.
- İyi performans: Node ve WebKit aynı iş parçacığında çalışır.
- Uygulamaları paketlemek ve dağıtmak kolaydır.
- Linux, Mac OS X ve Windows’ta kullanılabilir.
fullPage.js
Alvaro Trigo’dan fullPage.js , SPA (Tek Sayfa Uygulamaları) ve yatay kaydırıcılar oluşturmanıza olanak tanıyan basit ve kullanımı kolay bir kitaplıktır. Vue, React ve Angular için mevcuttur ve mobil cihazlar için tamamen duyarlıdır.
Burada harika örnekler bulabilirsiniz .
Kütüphane açık kaynak projelerinde kullanmakta serbesttir. Ancak ticari bir ortamda kullanmak istiyorsanız lisans satın almanız gerekiyor.
Gerçekten harika görünüyor, bu yüzden kontrol edin!
