8 projek pendidikan

"Seorang pakar membuat lebih banyak kesilapan daripada seorang pemula membuat percubaan"

Kami menawarkan 8 pilihan projek yang boleh dilakukan "untuk keseronokan" untuk mendapatkan pengalaman pembangunan sebenar.

Projek 1. Klon Trello

Klon Trello dari Indrek Lasn.

Apa yang anda akan pelajari:

• Organisasi laluan pemprosesan permintaan (Penghalaan).
• Seret dan lepas.
• Cara membuat objek baharu (papan, senarai, kad).
• Memproses dan menyemak data input.
• Dari sisi pelanggan: cara menggunakan storan tempatan, cara menyimpan data ke storan tempatan, cara membaca data dari storan tempatan.
• Dari sisi pelayan: cara menggunakan pangkalan data, cara menyimpan data dalam pangkalan data, cara membaca data dari pangkalan data.

Berikut adalah contoh repositori, dibuat dalam React+Redux.

Projek 2. Panel pentadbir

Repositori Github.

Aplikasi CRUD yang mudah, sesuai untuk mempelajari asas. Jom belajar:

• Buat pengguna, urus pengguna.
• Berinteraksi dengan pangkalan data - buat, baca, edit, padam pengguna.
• Mengesahkan input dan bekerja dengan borang.

Projek 3. Penjejak Cryptocurrency (aplikasi mudah alih asli)

Repositori Github.

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

Jom belajar:

• Cara aplikasi asli berfungsi.
• Bagaimana untuk mendapatkan semula data daripada API.
• Cara reka letak halaman asli berfungsi.
• Cara bekerja dengan simulator mudah alih.

Cuba API ini. Jika anda mendapati sesuatu yang lebih baik, tulis dalam komen.

Jika anda berminat, ini dia inilah tutorial.

Projek 4. Sediakan konfigurasi webpack anda sendiri dari awal

Secara teknikal, ini bukan aplikasi, tetapi ia adalah tugas yang sangat berguna untuk memahami cara pek web berfungsi dari dalam. Kini ia tidak akan menjadi "kotak hitam", tetapi alat yang boleh difahami.

Keperluan:

• Susun es7 hingga es5 (asas).
• Susun jsx ke js - atau - .vue ke .js (anda perlu belajar pemuat)
• Sediakan pelayan pembangun webpack dan muat semula modul panas. (vue-cli dan create-react-app menggunakan kedua-duanya)
• Gunakan Heroku, now.sh atau Github, ketahui cara menggunakan projek webpack.
• Sediakan prapemproses kegemaran anda untuk menyusun css - scss, less, stylus.
• Ketahui cara menggunakan imej dan svg dengan webpack.

Ini adalah sumber yang menakjubkan untuk pemula yang lengkap.

Projek 5. Klon Hackernews

Setiap Jedi dikehendaki membuat Hackernews sendiri.

Apa yang anda akan pelajari sepanjang perjalanan:

• Bagaimana untuk berinteraksi dengan API hackernews.
• Cara membuat aplikasi satu halaman.
• Bagaimana untuk melaksanakan ciri seperti melihat ulasan, ulasan individu, profil.
• Organisasi laluan pemprosesan permintaan (Penghalaan).

Projek 6. Tudushechka

TodoMVC.

Serius? Tudushka? Terdapat beribu-ribu daripada mereka. Tetapi percayalah, ada sebab untuk populariti ini.
Apl Tudu ialah cara terbaik untuk memastikan anda memahami asasnya. Cuba tulis satu aplikasi dalam Javascript vanila dan satu dalam rangka kerja kegemaran anda.

belajar:

• Buat tugasan baharu.
• Semak bahawa medan telah diisi.
• Tapis tugas (selesai, aktif, semua). guna filter и reduce.
• Fahami asas Javascript.

Projek 7. Senarai seret dan lepas boleh disusun

Repositori Github.

Sangat membantu untuk difahami seret dan lepas api.

Jom belajar:

• Seret dan lepas API
• Cipta UI yang kaya

Projek 8. Klon Messenger (aplikasi asli)

Anda akan memahami cara kedua-dua aplikasi web dan aplikasi asli berfungsi, yang akan membezakan anda daripada jisim kelabu.

Apa yang akan kita kaji:

• Soket web (mesej segera)
• Cara aplikasi asli berfungsi.
• Cara templat berfungsi dalam aplikasi asli.
• Mengatur laluan pemprosesan permintaan dalam aplikasi asli.

Ini akan cukup untuk anda selama satu atau dua bulan.

Terjemahan telah dilakukan dengan sokongan syarikat Perisian EDISONyang terlibat secara profesional membangunkan aplikasi dan laman web dalam PHP untuk pelanggan yang besar, serta pembangunan perkhidmatan awan dan aplikasi mudah alih di Java.

Sumber: www.habr.com