8 proyek pendidikan

“Seorang master membuat lebih banyak kesalahan dibandingkan seorang pemula yang mencoba”

Kami menawarkan 8 pilihan proyek yang dapat dilakukan “untuk bersenang-senang” untuk mendapatkan pengalaman pengembangan yang nyata.

Proyek 1. Klon Trello

Klon Trello dari Indrek Lasn.

Apa yang akan Anda pelajari:

• Organisasi rute pemrosesan permintaan (Routing).
• Seret dan lepas.
• Cara membuat objek baru (papan, daftar, kartu).
• Memproses dan memeriksa data masukan.
• Dari sisi klien: cara menggunakan penyimpanan lokal, cara menyimpan data ke penyimpanan lokal, cara membaca data dari penyimpanan lokal.
• Dari sisi server: cara menggunakan database, cara menyimpan data di database, cara membaca data dari database.

Berikut adalah contoh repositori, dibuat di React+Redux.

Proyek 2. Panel admin

Repositori Github.

Aplikasi CRUD sederhana, ideal untuk mempelajari dasar-dasarnya. Ayo Belajar:

• Buat pengguna, kelola pengguna.
• Berinteraksi dengan database - membuat, membaca, mengedit, menghapus pengguna.
• Memvalidasi input dan bekerja dengan formulir.

Proyek 3. Pelacak Cryptocurrency (aplikasi seluler asli)

Repositori Github.

Apa saja: Swift, Objective-C, React Native, Java, Kotlin.

Mari belajar:

• Cara kerja aplikasi asli.
• Cara mengambil data dari API.
• Cara kerja tata letak halaman asli.
• Cara bekerja dengan simulator seluler.

Coba API ini. Jika Anda menemukan sesuatu yang lebih baik, tulis di komentar.

Jika Anda tertarik, ini dia berikut tutorialnya.

Proyek 4. Siapkan konfigurasi webpack Anda sendiri dari awal

Secara teknis, ini bukan sebuah aplikasi, tetapi ini adalah tugas yang sangat berguna untuk memahami cara kerja webpack dari dalam. Sekarang ini bukan lagi “kotak hitam”, tapi alat yang bisa dimengerti.

Persyaratan:

• Kompilasi es7 ke es5 (dasar-dasar).
• Kompilasi jsx ke js - atau - .vue ke .js (Anda harus mempelajari loader)
• Siapkan server pengembang webpack dan pemuatan ulang modul panas. (vue-cli dan create-react-app menggunakan keduanya)
• Gunakan Heroku, now.sh atau Github, pelajari cara menerapkan proyek webpack.
• Siapkan praprosesor favorit Anda untuk mengkompilasi css - scss, less, stylus.
• Pelajari cara menggunakan gambar dan svg dengan webpack.

Ini adalah sumber yang luar biasa untuk pemula yang lengkap.

Proyek 5. Klon Hackernews

Setiap Jedi diharuskan membuat Hackernews sendiri.

Apa yang akan Anda pelajari selama ini:

• Cara berinteraksi dengan API hackernews.
• Cara membuat aplikasi satu halaman.
• Bagaimana menerapkan fitur seperti melihat komentar, komentar individual, profil.
• Organisasi rute pemrosesan permintaan (Routing).

Proyek 6. Tudushechka

TodoMVC.

Dengan serius? Tudushka? Ada ribuan dari mereka. Tapi percayalah, ada alasan di balik popularitas ini.
Aplikasi Tudu adalah cara terbaik untuk memastikan Anda memahami dasar-dasarnya. Cobalah menulis satu aplikasi dalam Javascript vanilla dan satu lagi dalam kerangka favorit Anda.

Mempelajari:

• Buat tugas baru.
• Periksa apakah kolom sudah diisi.
• Filter tugas (selesai, aktif, semua). Menggunakan filter и reduce.
• Memahami dasar-dasar Javascript.

Proyek 7. Daftar seret dan lepas yang dapat diurutkan

Repositori Github.

Sangat membantu untuk dipahami seret dan lepas api.

Ayo Belajar:

• Seret dan lepas API
• Buat UI yang kaya

Proyek 8. Klon Messenger (aplikasi asli)

Anda akan memahami cara kerja aplikasi web dan aplikasi asli, yang akan membedakan Anda dari masyarakat abu-abu.

Apa yang akan kita pelajari:

• Soket web (pesan instan)
• Cara kerja aplikasi asli.
• Cara kerja templat di aplikasi asli.
• Mengatur rute pemrosesan permintaan dalam aplikasi asli.

Ini akan cukup bagi Anda untuk satu atau dua bulan.

Penerjemahan dilakukan dengan dukungan perusahaan Perangkat Lunak EDISONyang terlibat secara profesional mengembangkan aplikasi dan situs web dalam PHP untuk pelanggan besar, serta pengembangan layanan cloud dan aplikasi seluler di Java.

Sumber: www.habr.com