8 projekte edukative

"Një mjeshtër bën më shumë gabime sesa një fillestar bën përpjekje"

Ne ofrojmë 8 opsione projekti që mund të bëhen "për argëtim" në mënyrë që të fitoni përvojë reale të zhvillimit.

Projekti 1. Klon Trello

8 projekte edukative

Klon Trello nga Indrek Lasn.

Çfarë do të mësoni:

  • Organizimi i rrugëve të përpunimit të kërkesave (Routing).
  • Tërhiq dhe lësho.
  • Si të krijoni objekte të reja (dërrasa, lista, karta).
  • Përpunimi dhe kontrollimi i të dhënave hyrëse.
  • Nga ana e klientit: si të përdorni ruajtjen lokale, si të ruani të dhënat në ruajtjen lokale, si të lexoni të dhëna nga ruajtja lokale.
  • Nga ana e serverit: si të përdoren bazat e të dhënave, si të ruhen të dhënat në bazën e të dhënave, si të lexohen të dhënat nga baza e të dhënave.

Këtu është një shembull i një depoje, bërë në React+Redux.

Projekti 2. Paneli admin

8 projekte edukative
Depoja e Github.

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

  • Krijoni përdorues, menaxhoni përdoruesit.
  • Ndërveproni me bazën e të dhënave - krijoni, lexoni, modifikoni, fshini përdoruesit.
  • Vërtetimi i të dhënave dhe puna me formularët.

Projekti 3. Gjurmues i kriptomonedhës (aplikacion vendas celular)

8 projekte edukative
Depoja e Github.

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

Le të mësojmë:

  • Si funksionojnë aplikacionet vendase.
  • Si të merrni të dhëna nga API.
  • Si funksionojnë paraqitjet e faqeve vendase.
  • Si të punoni me simulatorët celularë.

Provo këtë API. Nëse gjeni diçka më të mirë, shkruani në komente.

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

Projekti 4. Vendosni konfigurimin tuaj të paketës së internetit nga e para

8 projekte edukative
Teknikisht, ky nuk është një aplikacion, por është një detyrë shumë e dobishme për të kuptuar se si funksionon paketa e uebit nga brenda. Tani nuk do të jetë një "kuti e zezë", por një mjet i kuptueshëm.

kërkesat:

  • Përpiloni es7 në es5 (bazat).
  • Përpiloni jsx në js — or - .vue në .js (ju duhet të mësoni ngarkuesit)
  • Konfiguro serverin e zhvilluesit të paketës së uebit dhe rimbushjen e modulit të nxehtë. (vue-cli dhe create-react-app përdorin të dyja)
  • Përdorni Heroku, now.sh ose Github, mësoni se si të vendosni projektet e paketës së internetit.
  • Vendosni paraprocesorin tuaj të preferuar për të përpiluar css - scss, më pak, majë shkruese.
  • Mësoni se si të përdorni imazhe dhe svgs me uebpack.

Ky është një burim i mahnitshëm për fillestarët e plotë.

Projekti 5. Klon Hackernews

8 projekte edukative
Çdo Jedi kërkohet të bëjë Hackernews-in e tij.

Çfarë do të mësoni gjatë rrugës:

  • Si të ndërveproni me Hackernews API.
  • Si të krijoni një aplikacion me një faqe të vetme.
  • Si të zbatoni veçori të tilla si shikimi i komenteve, komentet individuale, profilet.
  • Organizimi i rrugëve të përpunimit të kërkesave (Routing).

Projekti 6. Tudushechka

8 projekte edukative
TodoMVC.

Seriozisht? Tudushka? Janë me mijëra të tillë. Por më besoni, ka një arsye për këtë popullaritet.
Aplikacioni Tudu është një mënyrë e shkëlqyer për t'u siguruar që i kuptoni bazat. Provoni të shkruani një aplikacion në vanilje Javascript dhe një në kornizën tuaj të preferuar.

Mësoni:

  • Krijoni detyra të reja.
  • Kontrolloni që fushat të jenë të mbushura.
  • Detyrat e filtrit (të përfunduara, aktive, të gjitha). Përdorni filter и reduce.
  • Kuptoni bazat e Javascript.

Projekti 7. Lista e klasifikueshme tërhiq dhe lësho

8 projekte edukative
Depoja e Github.

Shumë e dobishme për të kuptuar zvarrit dhe lësho api.

Le të mësojmë:

  • Zvarrit dhe lësho API-në
  • Krijoni UI të pasura

Projekti 8. Klon i mesazherit (aplikacion vendas)

8 projekte edukative
Do të kuptoni se si funksionojnë aplikacionet në ueb dhe aplikacionet vendase, gjë që do t'ju veçojë nga masa gri.

Çfarë do të studiojmë:

  • Prizat në ueb (mesazhe të çastit)
  • Si funksionojnë aplikacionet vendase.
  • Si funksionojnë shabllonet në aplikacionet vendase.
  • Organizimi i rrugëve të përpunimit të kërkesave në aplikacionet vendase.

Kjo do t'ju mjaftojë për një ose dy muaj.

Përkthimi u krye me mbështetjen e kompanisë Software EDISONi cili është i angazhuar profesionalisht zhvillimi i aplikacioneve dhe faqeve të internetit në PHP për klientët e mëdhenj, si dhe zhvillimi i shërbimeve cloud dhe aplikacioneve celulare në Java.

Burimi: www.habr.com

Shto një koment