8 edukaj projektoj

"Majstro faras pli da eraroj ol komencanto faras provojn"

Ni ofertas 8 projekto-opciojn, kiuj povas esti faritaj "por amuzo" por akiri realan disvolvan sperton.

Projekto 1. Trello-klono

Trello-klono de Indrek Lasn.

Kion vi lernos:

• Organizo de pettraktaj itineroj (Routing).
• Treni kaj faligi.
• Kiel krei novajn objektojn (tabuloj, listoj, kartoj).
• Prilaborado kaj kontrolado de enigaj datumoj.
• De la klienta flanko: kiel uzi lokan stokadon, kiel konservi datumojn al loka stokado, kiel legi datumojn el loka stokado.
• De la servilo: kiel uzi datumbazojn, kiel konservi datumojn en la datumbazo, kiel legi datumojn de la datumbazo.

Jen ekzemplo de deponejo, farita en React+Redux.

Projekto 2. Admin panelo

Deponejo Github.

Simpla CRUD-apliko, ideala por lerni la bazaĵojn. Ni lernu:

• Kreu uzantojn, administru uzantojn.
• Interagi kun la datumbazo - kreu, legu, redaktu, forigu uzantojn.
• Validigante enigon kaj laborante kun formoj.

Projekto 3. Spurilo pri kripta monero (denaska movebla aplikaĵo)

Github-deponejo.

Io ajn: Swift, Objective-C, React Native, Java, Kotlin.

Ni studu:

• Kiel denaskaj aplikaĵoj funkcias.
• Kiel preni datumojn de la API.
• Kiel denaskaj paĝaj aranĝoj funkcias.
• Kiel labori kun moveblaj simuliloj.

Provu ĉi tiun API. Se vi trovas ion pli bonan, skribu en la komentoj.

Se vi interesiĝas, jen ĝi jen lernilo.

Projekto 4. Agordu vian propran retan agordon de nulo

Teknike, ĉi tio ne estas aplikaĵo, sed estas tre utila tasko kompreni kiel retpako funkcias de interne. Nun ĝi ne estos "nigra skatolo", sed komprenebla ilo.

Postuloj:

• Kompilu es7 al es5 (bazoj).
• Kompilu jsx al js - aŭ - .vue al .js (vi devos lerni ŝargilojn)
• Agordu retpaka dev-servilon kaj reŝargadon de varma modulo. (vue-cli kaj create-react-app uzas ambaŭ)
• Uzu Heroku, now.sh aŭ Github, lernu kiel disfaldi projektojn de retpakoj.
• Agordu vian plej ŝatatan antaŭprocesilon por kompili css - scss, less, stylus.
• Lernu kiel uzi bildojn kaj svg-ojn kun retpako.

Ĉi tio estas mirinda rimedo por kompletaj komencantoj.

Projekto 5. Hackernews-klono

Ĉiu Ĵedajo estas postulata por fari sian propran Hackernews.

Kion vi lernos survoje:

• Kiel interagi kun hackernews API.
• Kiel krei ununuran paĝan aplikaĵon.
• Kiel efektivigi funkciojn kiel vidi komentojn, individuajn komentojn, profilojn.
• Organizo de pettraktaj itineroj (Routing).

Projekto 6. Tudushechka

TodoMVC.

Ĉu serioze? Tudushka? Estas miloj da ili. Sed kredu min, estas kialo por ĉi tiu populareco.
La Tudu-apo estas bonega maniero certigi, ke vi komprenas la bazaĵojn. Provu skribi unu aplikaĵon en vanila Javascript kaj unu en via plej ŝatata kadro.

Lernu:

• Krei novajn taskojn.
• Kontrolu, ke la kampoj estas plenigitaj.
• Filtrilaj taskoj (kompletigitaj, aktivaj, ĉiuj). Uzu filter и reduce.
• Kompreni la bazojn de Javascript.

Projekto 7. Ordebla treni kaj falliston

Github-deponejo.

Tre helpema kompreni treni kaj faligi apion.

Ni lernu:

• Trenu kaj faligi API
• Kreu riĉajn UI-ojn

Projekto 8. Messenger-klono (denaska aplikaĵo)

Vi komprenos kiel funkcias ambaŭ TTT-aplikoj kaj denaskaj aplikoj, kio apartigos vin de la griza maso.

Kion ni studos:

• Retaj ingoj (tuj mesaĝoj)
• Kiel denaskaj aplikaĵoj funkcias.
• Kiel ŝablonoj funkcias en indiĝenaj aplikoj.
• Organizi pettraktajn itinerojn en indiĝenaj aplikoj.

Ĉi tio sufiĉos por vi dum unu aŭ du monatoj.

Tradukado estis farita kun la subteno de la firmao EDISON-Programarokiu estas profesie engaĝita evoluigante aplikojn kaj retejojn en PHP por grandaj klientoj, same kiel evoluo de nubaj servoj kaj moveblaj aplikoj en Java.

fonto: www.habr.com