8 eğitim projesi

“Bir usta, yeni başlayan bir kişinin deneme yaptığından daha fazla hata yapar”

Gerçek geliştirme deneyimi kazanmak için “eğlence amaçlı” yapılabilecek 8 proje seçeneği sunuyoruz.

Proje 1. Trello klonu

Indrek Lasn'dan Trello klonu.

Ne öğreneceksin:

• İstek işleme yollarının organizasyonu (Yönlendirme).
• Sürükle ve bırak.
• Yeni nesneler nasıl oluşturulur (panolar, listeler, kartlar).
• Giriş verilerinin işlenmesi ve kontrol edilmesi.
• İstemci tarafından: yerel depolamanın nasıl kullanılacağı, verilerin yerel depolamaya nasıl kaydedileceği, yerel depolamadan verilerin nasıl okunacağı.
• Sunucu tarafından: veritabanları nasıl kullanılır, veri tabanına veri nasıl kaydedilir, veri tabanından veri nasıl okunur.

İşte bir depo örneği, React+Redux'da yapılmıştır.

Proje 2. Yönetici paneli

Github Deposu.

Temel bilgileri öğrenmek için ideal, basit bir CRUD uygulaması. Hadi öğrenelim:

• Kullanıcı oluşturun, kullanıcıları yönetin.
• Veritabanıyla etkileşim kurun - kullanıcıları oluşturun, okuyun, düzenleyin, silin.
• Girişi doğrulama ve formlarla çalışma.

Proje 3. Kripto para takip cihazı (yerel mobil uygulama)

Github deposu.

Herhangi bir şey: Swift, Objective-C, React Native, Java, Kotlin.

Çalışırız:

• Yerel uygulamalar nasıl çalışır?
• API'den veri nasıl alınır?
• Yerel sayfa düzenleri nasıl çalışır?
• Mobil simülatörlerle nasıl çalışılır.

Bu API'yi deneyin. Daha iyi bir şey bulursanız yorumlara yazın.

Eğer ilgileniyorsanız, işte burada işte bir eğitim.

Proje 4. Kendi web paketi yapılandırmanızı sıfırdan oluşturun

Teknik olarak bu bir uygulama değil ancak webpack'in içeriden nasıl çalıştığını anlamak çok faydalı bir görev. Artık bir “kara kutu” değil, anlaşılır bir araç olacak.

Gereksinimler:

• Es7'yi es5'e (temel bilgiler) derleyin.
• Jsx'i js'ye - veya - .vue'yu .js'ye derleyin (yükleyicileri öğrenmeniz gerekir)
• Webpack dev sunucusunu ve etkin modülün yeniden yüklenmesini ayarlayın. (vue-cli ve create-react-app her ikisini de kullanır)
• Heroku, now.sh veya Github'ı kullanarak web paketi projelerinin nasıl dağıtılacağını öğrenin.
• CSS - scss, less, stylus'u derlemek için favori ön işlemcinizi kurun.
• Webpack ile görselleri ve svgs'yi nasıl kullanacağınızı öğrenin.

Bu, yeni başlayanlar için harika bir kaynaktır.

Proje 5. Hackernews klonu

Her Jedi'ın kendi Hacker haberini yapması gerekir.

Yol boyunca neler öğreneceksiniz:

• Hackernews API'si ile nasıl etkileşim kurulur?
• Tek sayfalık bir uygulama nasıl oluşturulur?
• Yorumları görüntüleme, bireysel yorumları, profilleri görüntüleme gibi özellikler nasıl uygulanır?
• İstek işleme yollarının organizasyonu (Yönlendirme).

Proje 6. Tudushechka

TodoMVC.

Cidden? Tudushka mı? Binlercesi var. Ama inanın bu popülerliğin bir nedeni var.
Tudu uygulaması, temel bilgileri anladığınızdan emin olmanın harika bir yoludur. Bir uygulamayı vanilya Javascript'te ve bir uygulamayı da favori çerçevenizde yazmayı deneyin.

Öğrenmek:

• Yeni görevler oluşturun.
• Alanların doldurulduğunu kontrol edin.
• Görevleri filtreleyin (tamamlandı, etkin, tümü). Kullanmak filter и reduce.
• Javascript'in temellerini anlayın.

Proje 7. Sıralanabilir sürükle ve bırak listesi

Github deposu.

Anlamak çok yararlı API'yi sürükleyip bırakın.

Hadi öğrenelim:

• API'yi sürükleyip bırakın
• Zengin kullanıcı arayüzleri oluşturun

Proje 8. Messenger klonu (yerel uygulama)

Hem web uygulamalarının hem de native uygulamaların nasıl çalıştığını anlayacaksınız ve bu da sizi gri kütleden ayıracak.

Neyi inceleyeceğiz:

• Web yuvaları (anlık mesajlar)
• Yerel uygulamalar nasıl çalışır?
• Yerel uygulamalarda şablonlar nasıl çalışır?
• Yerel uygulamalarda istek işleme rotalarının düzenlenmesi.

Bu size bir veya iki ay boyunca yeterli olacaktır.

Çeviri şirketin desteğiyle gerçekleştirildi EDISON Yazılımıprofesyonel olarak kim meşgul PHP'de uygulama ve web sitesi geliştirme büyük müşteriler için de Java'da bulut hizmetlerinin ve mobil uygulamaların geliştirilmesi.

Kaynak: habr.com