8 proyék atikan

"A master nyieun leuwih kasalahan ti pemula nyieun usaha"

Kami nawiskeun 8 pilihan proyék anu tiasa dilakukeun "kanggo senang-senang" pikeun mangtaun pangalaman pangwangunan anu nyata.

Proyék 1. Klon Trello

Klon Trello ti Indrek Lasn.

Naon anu anjeun bakal diajar:

• Organisasi rute pamrosésan pamundut (Routing).
• Séréd sareng teundeun.
• Kumaha cara nyieun objék anyar (papan, daptar, kartu).
• Ngolah sareng mariksa data input.
• Tina sisi klien: kumaha ngagunakeun panyimpenan lokal, kumaha nyimpen data kana panyimpenan lokal, kumaha maca data tina panyimpenan lokal.
• Ti sisi server: kumaha ngagunakeun database, kumaha carana nyimpen data dina database, kumaha carana maca data tina database.

Ieu conto gudang, dilakukeun dina React+Redux.

Proyék 2. panel Admin

Repository Github.

Aplikasi CRUD saderhana, idéal pikeun diajar dasar-dasar. Hayu urang diajar:

• Jieun pamaké, ngatur pamaké.
• Interaksi sareng pangkalan data - nyiptakeun, maca, ngédit, ngahapus pangguna.
• Validasi input sarta gawé bareng formulir.

Proyék 3. Cryptocurrency tracker (aplikasi mobile asli)

Repository Github.

Naon waé: Swift, Objective-C, React Native, Java, Kotlin.

Hayu urang diajar:

• Kumaha aplikasi asli jalan.
• Kumaha nimba data tina API.
• Kumaha tata perenah halaman asli dianggo.
• Kumaha gawé bareng simulators mobile.

Coba API ieu. Upami anjeun mendakan anu langkung saé, tulis dina koméntar.

Upami anjeun kabetot, ieu ieu tutorial.

Proyék 4. Nyetél config webpack sorangan ti scratch

Téhnisna, ieu sanés aplikasi, tapi éta mangrupikeun tugas anu mangpaat pikeun ngartos kumaha webpack tiasa dianggo ti jero. Ayeuna éta moal janten "kotak hideung", tapi alat anu kaharti.

Syarat:

• Kompilasi es7 ka es5 (dasar).
• Kompilasi jsx ka js - atanapi - .vue ka .js (anjeun kedah diajar loader)
• Nyetél server webpack dev sareng ngamuat ulang modul panas. (vue-cli sareng create-react-app nganggo duanana)
• Anggo Heroku, now.sh atanapi Github, diajar kumaha nyebarkeun proyék webpack.
• Setel preprocessor favorit anjeun pikeun compile css - scss, kirang, stylus.
• Diajar kumaha ngagunakeun gambar sareng svgs sareng webpack.

Ieu mangrupa sumberdaya endah pikeun beginners lengkep.

Proyék 5. hackernews clone

Unggal Jedi diwajibkeun ngadamel hackernews sorangan.

Naon anu anjeun bakal diajar sapanjang jalan:

• Kumaha berinteraksi sareng hackernews API.
• Kumaha cara ngadamel aplikasi halaman tunggal.
• Kumaha nerapkeun fitur sapertos ningali koméntar, koméntar individu, profil.
• Organisasi rute pamrosésan pamundut (Routing).

Proyék 6. Tudushechka

TodoMVC.

Serius? Tudushka? Aya rébuan sahijina. Tapi percanten ka kuring, aya alesan pikeun popularitas ieu.
Aplikasi Tudu mangrupikeun cara anu saé pikeun mastikeun yén anjeun ngartos dasarna. Coba nyerat hiji aplikasi dina Javascript vanili sareng hiji dina kerangka karesep anjeun.

Diajar:

• Jieun tugas anyar.
• Pariksa yén widang anu dieusian.
• Saringan tugas (réngsé, aktip, sadayana). Paké filter и reduce.
• Ngartos dasar-dasar Javascript.

Proyék 7. Sortable daptar sered tur teundeun

Repository Github.

Pisan mantuan ngartos sered tur teundeun api.

Hayu urang diajar:

• Séred tur teundeun API
• Jieun UIs euyeub

Proyék 8. Klon Messenger (aplikasi asli)

Anjeun bakal ngartos kumaha aplikasi wéb sareng aplikasi asli tiasa dianggo, anu bakal ngabédakeun anjeun tina massa abu.

Naon urang bakal diajar:

• Sockets wéb (pesen instan)
• Kumaha aplikasi asli jalan.
• Kumaha témplat dianggo dina aplikasi asli.
• Ngatur rute pamrosésan pamundut dina aplikasi asli.

Ieu bakal cukup pikeun anjeun hiji atawa dua bulan.

Tarjamahan dilaksanakeun kalayan dukungan perusahaan Parangkat lunak EDISONanu profésional kalibet ngembangkeun aplikasi sareng situs wéb dina PHP pikeun konsumén badag, kitu ogé ngembangkeun jasa awan sareng aplikasi seluler di Java.

sumber: www.habr.com