8 proyek sinau

"Guru nggawe kesalahan luwih akeh tinimbang wong anyar nyoba"

Kita nawakake 8 opsi kanggo proyek sing bisa ditindakake "kanggo seneng-seneng" supaya entuk pengalaman pangembangan nyata.

Proyek 1. Klone Trello

Klone Trello dening Indrek Lasn.

Apa sing bakal sampeyan sinau:

• Organisasi rute pangolahan panyuwunan (Routing).
• Seret lan selehake.
• Cara nggawe obyek anyar (papan, dhaptar, kertu).
• Pangolahan lan validasi data input.
• Saka sisih klien: carane nggunakake panyimpenan lokal, carane nyimpen data ing panyimpenan lokal, carane maca data saka panyimpenan lokal.
• Saka sisih server: carane nggunakake database, carane nyimpen data ing database, carane maca data saka database.

Iki minangka conto gudangdigawe karo React + Redux.

Proyek 2. Panel Admin

Repositori Github.

A app CRUD prasaja, sampurna kanggo sinau dhasar. Ayo sinau:

• Nggawe pangguna, ngatur pangguna.
• Interaksi karo database - nggawe, maca, ngowahi, mbusak pangguna.
• Validasi input lan nggarap formulir.

Proyek 3. Pelacak mata uang kripto (aplikasi seluler asli)

Repositori Github.

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

Ayo sinau:

• Cara kerja aplikasi native.
• Carane njupuk data saka API.
• Cara kerja tata letak kaca asli.
• Cara nggarap simulator seluler.

Coba API iki. Temokake luwih apik - tulis ing komentar.

Yen kasengsem, kene punika tutorial.

Proyek 4: Ngatur konfigurasi paket web sampeyan saka awal

Secara teknis, iki dudu aplikasi, nanging tugas sing migunani banget kanggo ngerti cara kerjane webpack saka njero. Saiki ora bakal dadi "kothak ireng", nanging alat sing bisa dingerteni.

Syarat:

• Kompilasi es7 nganti es5 (dhasar).
• Kompilasi jsx menyang js - utawa - .vue menyang .js (sampeyan kudu sinau loader)
• Setel server webpack dev lan reload modul panas. (vue-cli lan create-react-app nggunakake loro-lorone)
• Gunakake Heroku, now.sh utawa Github, sinau carane masang proyek webpack.
• Setel preprocessor favorit kanggo ngumpulake css - scss, less, stylus.
• Sinau carane nggunakake gambar lan svg nganggo webpack.

Iki minangka sumber daya apik tenan kanggo pamula lengkap.

Proyek 5. Klone hackernews

Saben Jedi diwajibake nggawe Hackernews dhewe.

Apa sing bakal sampeyan sinau ing dalan:

• Carane sesambungan karo hackernews API.
• Carane nggawe aplikasi siji kaca.
• Cara ngleksanakake fitur kayata ndeleng komentar, komentar individu, profil.
• Organisasi rute pangolahan panyuwunan (Routing).

Proyek 6. Tudushechka

TodoMVC.

Serius? Tudushka? Ana ewonan. Nanging pracaya kula, ana alesan kanggo popularitas kuwi.
Aplikasi Tudu minangka cara sing apik kanggo mesthekake yen sampeyan ngerti dhasar. Coba nulis siji aplikasi ing Javascript vanilla lan siji ing framework favorit.

sinau:

• Nggawe tugas anyar.
• Priksa lapangan rampung.
• Nyaring tugas (rampung, aktif, kabeh). Gunakake filter и reduce.
• Ngerti dhasar Javascript.

Proyek 7. Dhaptar seret lan selehake sing bisa diurut

Repositori Github.

Banget mbiyantu kanggo mangerteni seret lan selehake API.

Ayo sinau:

• Seret lan Selehake API
• Nggawe UI sing sugih

Proyek 8. Klone Messenger (aplikasi asli)

Sampeyan bakal ngerti carane aplikasi web lan aplikasi asli bisa digunakake, sing bakal mbedakake sampeyan saka massa abu-abu.

Apa sing bakal kita sinau:

• Soket web (pesen instan)
• Cara kerja aplikasi native.
• Cara kerja cithakan ing aplikasi asli.
• Organisasi rute pangolahan panjalukan ing aplikasi asli.

Iki cukup kanggo sampeyan kanggo sasi utawa loro.

Terjemahan digawe kanthi dhukungan saka perusahaan Piranti Lunak EDISONsing profesional menehi hasil pangembangan aplikasi lan situs web ing PHP kanggo pelanggan gedhe, uga pangembangan layanan awan lan aplikasi seluler ing Jawa.

Source: www.habr.com