Her zaman Vue'yu denemek istemişimdir. Şimdi zamanı!
100 günde Vue.JS kullanarak yedi uygulama oluşturmaya çalışacağım ve bunun hakkında Medium ve Twitter'da yazmaya çalışacağım. Benimle # 100daysofcode meydan okumasına cesaret ediyorum.
JavaScript ve TypeScript konusunda zaten yetkin olduğumdan, hepsini oluşturmak için bir TypeScript kurulumu kullanacağım. Ayrıca, kod tabanlarını GitHub'da yayınlayacağım.
Bu yazıda projeler hakkında detaya girmeyeceğim. Sebep şu ki, bu meydan okumayı da senin üstlenmeni istiyorum. Benim yaptığımdan farklı fikirlerle gelebilirsin. Seni erkenden etkilemek istemiyorum.
Aynı projeleri yapmaya çalışırsanız, sonuçlarınızı benimkiyle karşılaştırırsınız, sonuçlarınızı da görmekten memnuniyet duyarım. Bu yüzden projelerinizi benimle Twitter'da @devcreationsDE'de paylaşmaktan çekinmeyin.
Ne zaman yeni bir dil veya kütüphane öğreniyorsam, bazı hedefler belirleyeceğim. Bu teknik, yapılacaklar uygulaması gibi bir şeyi eğlenceli ve zorlu hale getirebilir. Bazı kişilerin belgeleri hemen okuyarak başladığını biliyorum. Bu aynı zamanda yapılacak geçerli bir şeydir. Ancak bu yaklaşımı tek taraflı buluyorum. Bunun yerine, ulaşmak istediğim hedefleri belirlemek için React ve Angular ile eski deneyimimi kullanıyorum.
Bu hedefler rastgele seçilmemiştir. İyi hedefler bulmak için, CAB- Prensibi adını verdiğim bir şeye bağlı olan basit bir yöntem uyguluyorum . Bu yaklaşım, öğrenmede üç önemli şeyi dikkate almaktadır: Birleştirme, Güçlendirme, Oluşturma (geliştirme). Önce, hakkında hiçbir şey bilmediğiniz bir şey seçersiniz. İkincisi, bildiğiniz ama eksik olduğunuz bir şeyi seçersiniz. Üçüncüsü, zaten çok iyi bildiğiniz bir şeyi seçersiniz.
İşte daha ayrıntılı bir örnek:
Şimdi hedeflerinizi şu şekilde belirleyin: TypeScript (3) ile en rahatsınız, ancak yine de bir şeyler eksik olabilir. Örneğin, hedefiniz
anytüm projeniz için kullanmıyor olabilir . Motivasyon, zaten bildiğiniz şeyleri pekiştirmek, ancak yine de rahatlık alanınızdan çıkmaktır. İkinci nokta için daha ayrıntılı hedefler belirleyeceksiniz. Bu teknoloji hakkında zaten bir şeyler bildiğiniz için ayrıntılı hedefler belirleyebilirsiniz. Örneğin, önbelleğe alma nasıl çalışır? Kamera gibi yerel işlevler nasıl kullanılır? PWA performansı artırmaya nasıl yardımcı olabilir? Burada daha derinlemesine gitmeye çalışın ve acele etmeyin. Geliştirmek istediğiniz beceri için ayrıntılı hedefler belirlemek neredeyse imkansızdır. Yani bu çok belirsiz olabilir, ancak yine de denemelisiniz. İpucu: Vue.JS ve React arasındaki farkları sormayın. Onları kendiniz bulun ve ardından Google'da aynı izlenime sahip olup olmadığınızı görün. Bunun yerine, hedeflerinizi şu şekilde belirleyin: Vue.JS veri bağlamayı nasıl yönetiyor? Vue.JS'de iyi bir durum yönetimi çözümü nasıl oluşturulur? Vue.JS'de Bileşenler nasıl yazılır?
Sorabileceğiniz sorular bilginize bağlıdır. Daha önce Angular, React veya Vue.JS'yi hiç kullanmadıysanız, benim yaptığım gibi soruları bulamayabilirsiniz. Hakkında hiçbir şey bilmediğiniz son nokta için, çok daha belirsiz de olabilirsiniz. Sorularınız şunlar olabilir: Vue nedir? Vue ile ne yapabilirim? Vue kullanmaya nasıl başlarım?
JavaScript hakkında hiçbir şey bilmeme ihtimaliniz de küçük olduğundan, bu tekniği nasıl kullanacağınızı sorabilirsiniz. İşte başka bir örnek:
Bu tekniği bir sonraki öğrenme hedefiniz için uygulamaya çalışın ve bana bunun hakkında ne düşündüğünüzü söyleyin.
Daha fazla uzatmadan, birinci güne atlayalım!
Katıldığınız için teşekkürler.
Tarif Monorepo Hey! Ben Berkay Aydın, Jotform'da Mühendislik Direktörü ve Ön Uç Mimarıyım. Ön uç mimarimizi yeniden yapılandırırken öğrendiklerimi size anlatacağım.
Hey geliştiriciler, her şeyin doğru planlandığı ve uygulandığı ve sürümün sonunda sayfa Google'da 2. sayfada yer alan, büyüyen bir işletme için bundan daha kötüsü olamaz. Şimdi, bu tarihte herkes her şeyi Google'da araştırıyor ve ürününüzü Google arama sonuçlarının en üstüne çıkarmak, rekabette hayatta kalmak için çok önemli.
Gündem: Giriş: TL; Ama okuyabilirim: A / B testi, CloudFront ve Lamba @ edge hakkında zaten bilginiz varsa, AWS Lambda @ edge ile doğrudan A / B testine gidin. A / B testi nedir? A / B testi, kullanıcıların bir web sitesinin iki farklı versiyonunun katılımını karşılaştırmaya odaklanan bir UX araştırma metodolojisidir.
Bugün AppStore'daki birçok uygulama, tablo görünümünü kaydırırken içeriği tablo görünümü başlığındaki ölçekleme gibi davranışlara sahiptir. Bu tür davranışlara nasıl ulaşabileceğimizin en basit yaklaşımını size göstereceğim.
İlk blogumda söz verdiğim gibi 'DOM Nedir?' burada 'DOM işleme' üzerine bir blog var. Bu blogda DOM'a daha fazla dalacağız ve DOM işlemenin ne olduğunu ve nasıl yapıldığını öğreneceğiz.
Node.js'de akışların nasıl çalıştığını hiç merak ettiniz mi? Sahiptim.