ProHoster > Blog > Lajmet e internetit > 8 projekte mësimore

8 projekte mësimore

«Mjeshtri bën më shumë gabime se novice - përpjekjeve»

Ne ofrojmë 8 variante projektesh që mund t'i bëni "për qejf", për të fituar përvojë të vërtetë të zhvillimit.

Projekti 1. Kloni Trello

8 projekte mësimore

Kloni Trello nga Indrek Lasn.

ÇfarĂ« do tĂ« mĂ«soni:

  • Organizimi i rrugĂ«ve tĂ« pĂ«rpunimit tĂ« kĂ«rkesave (Routing).
  • Drag and drop.
  • Si tĂ« krijoni objekte tĂ« reja (tabela, lista, karta).
  • PĂ«rpunimi dhe verifikimi i tĂ« dhĂ«nave hyrĂ«se.
  • Nga ana e klientit: si tĂ« pĂ«rdorni ruajtjen lokale, si tĂ« ruani tĂ« dhĂ«na nĂ« ruajtjen lokale, si tĂ« lexoni tĂ« dhĂ«na nga ruajtja lokale.
  • Nga ana e serverit: si tĂ« pĂ«rdorni bazat e tĂ« dhĂ«nave, si tĂ« ruani tĂ« dhĂ«na nĂ« bazĂ«, si tĂ« lexoni tĂ« dhĂ«na nga baza.

Këtu është një shembull i repositories, i bërë me React+Redux.

Projekti 2. Paneli i administratorit

8 projekte mësimore
Github Repository.

Një aplikacion i thjeshtë CRUD, ideal për të mësuar bazat. Do të mësojmë:

  • TĂ« krijojmĂ« pĂ«rdorues, tĂ« menaxhojmĂ« pĂ«rdoruesit.
  • TĂ« ndĂ«rveprojmĂ« me bazĂ«n e tĂ« dhĂ«nave — tĂ« krijojmĂ«, lexojmĂ«, redaktojmĂ«, fshijmĂ« pĂ«rdoruesit.
  • Verifikimi i inputit dhe puna me formularĂ«t.

Projekti 3. Tracker i kriptovalutave (aplikacion mobil natyral)

8 projekte mësimore
Github repository.

Në çdo gjë: Swift, Objective-C, React Native, Java, Kotlin.

Do të mësojmë:

  • Si funksionojnĂ« aplikacionet natyrale.
  • Si tĂ« nxjerrim tĂ« dhĂ«na nga API.
  • Si funksionojnĂ« dizajnet natyrale tĂ« faqeve.
  • Si tĂ« punoni me simulatorĂ«t mobil.

Provojeni kĂ«tĂ« API. NĂ«se gjeni njĂ« mĂ« tĂ« mirĂ« — shkruani nĂ« komentet.

Nëse jeni të interesuar, ja këtu është një tutoriel.

Projekti 4. Konfiguroni një konfigurim personal të webpack nga zero

8 projekte mësimore
Teknikisht, kjo nuk është një aplikacion, por një detyrë shumë e dobishme për të kuptuar se si funksionon webpack nga brenda. Tani kjo do të jetë një mjet i qartë, jo një "kuti e zezë".

KĂ«rkesat:

  • TĂ« kompiloni es7 nĂ« es5 (bazat).
  • TĂ« kompiloni jsx nĂ« js  — ose  -  .vue nĂ« .js (do tĂ« duhet tĂ« mĂ«soni ngarkuesit)
  • TĂ« konfiguroni serverin zhvillues tĂ« webpack dhe ngarkimin e moduleve tĂ« nxehta. (vue-cli dhe create-react-app pĂ«rdorin tĂ« dyja)
  • TĂ« pĂ«rdorni Heroku, now.sh ose Github, tĂ« mĂ«soni si tĂ« shpĂ«rndani projektet webpack.
  • TĂ« konfiguroni preprocessorin tuaj tĂ« preferuar, pĂ«r tĂ« kompiluar css  —  scss, less, stylus.
  • TĂ« mĂ«soni si tĂ« pĂ«rdorni imazhe dhe svgs me webpack.

Këtu është një burim fantastik për fillestarët e plotë.

Projekti 5. Kloni Hackernews

8 projekte mësimore
Çdo Jedi duhet tĂ« krijojĂ« Hackernews-in e tij.

ÇfarĂ« do tĂ« mĂ«soni gjatĂ« kĂ«saj rruge:

  • Si tĂ« ndĂ«rveproni me hackernews API.
  • Si tĂ« krijoni njĂ« aplikacion njĂ«faqshe.
  • Si tĂ« realizoni veçori tĂ« tilla si shikimi i komenteve, komenteve tĂ« veçanta, profileve.
  • Organizimi i rrugĂ«ve tĂ« pĂ«rpunimit tĂ« kĂ«rkesave (Routing).

Projekti 6. Todo

8 projekte mësimore
TodoMVC.

Seriozisht? To-Do shkresa? Janë mijëra. Por besoni, ka një arsye për këtë popullaritet.
Një aplikacion To-Do është një mënyrë e shkëlqyer për t'u siguruar që kupton bazat. Provo të shkruash një aplikacion me JavaScript të pastër dhe një me framework-un tënd të preferuar.

MĂ«so:

  • TĂ« krijosh detyra tĂ« reja.
  • TĂ« kontrollosh mbushjen e fushave.
  • TĂ« filtrosh detyrat (tĂ« pĂ«rfunduar, aktive, tĂ« gjitha). PĂ«rdor filter dhe reduce.
  • TĂ« kuptosh bazat e JavaScript.

Projekti 7. Lista e renditur me drag and drop

8 projekte mësimore
Github repository.

Shumë e dobishme për të kuptuar API-në drag and drop.

Mësojmë:

  • API-nĂ« drag and drop
  • TĂ« krijosh UI tĂ« pasura

Projekti 8. Kloni i mesazherit (aplikacion nativ)

8 projekte mësimore
Do të kuptosh si funksionojnë aplikacionet web dhe ato nativ, çka do të të dallojë nga masa e zakonshme.

ÇfarĂ« do tĂ« studiojmĂ«:

  • Web sockets (mesazhe nĂ« kohĂ« reale)
  • Si funksionojnĂ« aplikacionet natyrale.
  • Si funksionojnĂ« template-t nĂ« aplikacionet nativ.
  • Organizimi i rrugĂ«ve pĂ«r pĂ«rpunimin e kĂ«rkesave nĂ« aplikacionet nativ.

Kjo do të të mjaftojë për një muaj a dy.

Përkthimi është realizuar me mbështetje nga kompania EDISON Software, e cila merret profesionalisht me zhvillimin e aplikacioneve dhe faqeve në PHP për porosi të mëdha, si dhe me zhvillimin e shërbimeve në re dhe aplikacioneve mobile në Java.

Burimi: habr.com

Blini hosting tĂ« besueshĂ«m pĂ«r faqe interneti me mbrojtje nga DDoS, serverĂ« VPS VDS đŸ”„ Blini hosting tĂ« besueshĂ«m pĂ«r faqe interneti me mbrojtje nga DDoS, serverĂ« VPS VDS | ProHoster