8 haridusprojekti

"Meister teeb rohkem vigu kui algaja katseid"

Pakume 8 projektivalikut, mida saab teha “lõbu pärast”, et saada reaalne arenduskogemus.

Projekt 1. Trello kloon

Trello kloon Indrek Lasnilt.

Mida õpid:

• Taotluste töötlemise marsruutide korraldamine (marsruutimine).
• Pukseerige
• Kuidas luua uusi objekte (tahvlid, nimekirjad, kaardid).
• Sisendandmete töötlemine ja kontrollimine.
• Kliendi poolelt: kuidas kasutada kohalikku salvestusruumi, kuidas salvestada andmeid lokaalsesse salvestusruumi, kuidas lugeda andmeid kohalikust salvestusruumist.
• Serveri poolelt: kuidas kasutada andmebaase, kuidas salvestada andmeid andmebaasi, kuidas lugeda andmeid andmebaasist.

Siin on näide hoidlast, valmistatud React+Reduxis.

Projekt 2. Administraatori paneel

Githubi hoidla.

Lihtne CRUD-rakendus, mis sobib ideaalselt põhitõdede õppimiseks. Õpime:

• Loo kasutajaid, halda kasutajaid.
• Andmebaasiga suhtlemine – kasutajate loomine, lugemine, muutmine, kustutamine.
• Sisestuse kinnitamine ja vormidega töötamine.

Projekt 3. Krüptovaluuta jälgija (native mobiilirakendus)

Githubi hoidla.

Midagi: Swift, Objective-C, React Native, Java, Kotlin.

Uurime:

• Kuidas kohalikud rakendused töötavad.
• Kuidas API-st andmeid hankida.
• Kuidas lehepaigutused töötavad.
• Kuidas töötada mobiilsete simulaatoritega.

Proovige seda API-d. Kui leiate midagi paremat, kirjutage kommentaaridesse.

Kui olete huvitatud, siis siin see on siin on õpetus.

Projekt 4. Seadistage oma veebipaketi konfiguratsioon nullist

Tehniliselt pole see rakendus, kuid see on väga kasulik ülesanne, et mõista, kuidas veebipakk seestpoolt töötab. Nüüd pole see "must kast", vaid arusaadav tööriist.

nõuded:

• Kompileeri es7 kuni es5 (põhitõed).
• Kompileerige jsx js-ks või - .vue js-iks (peate laadureid õppima)
• Seadistage veebipaketi arendajaserver ja kuummooduli uuesti laadimine. (vue-cli ja create-react-app kasutavad mõlemat)
• Kasutage Herokut, now.sh või Githubi ja õppige veebipaketi projektide juurutamist.
• Seadistage css-i kompileerimiseks oma lemmik eelprotsessor – scss, less, pliiats.
• Siit saate teada, kuidas veebipaketiga pilte ja SVG-sid kasutada.

See on suurepärane ressurss täiesti algajatele.

Projekt 5. Hackernewsi kloon

Iga jedi peab tegema oma Hackernewsi.

Mida õpite selle käigus:

• Kuidas hackernewsi API-ga suhelda.
• Kuidas luua ühelehelist rakendust.
• Kuidas rakendada selliseid funktsioone nagu kommentaaride vaatamine, individuaalsed kommentaarid, profiilid.
• Taotluste töötlemise marsruutide korraldamine (marsruutimine).

Projekt 6. Tudushechka

TodoMVC.

Tõsiselt? Tudushka? Neid on tuhandeid. Kuid uskuge mind, sellel populaarsusel on põhjust.
Tudu rakendus on suurepärane viis põhitõdede mõistmiseks. Proovige kirjutada üks rakendus vanilje Javascriptis ja üks oma lemmikraamistikus.

Õppige:

• Looge uusi ülesandeid.
• Kontrollige, kas väljad on täidetud.
• Filtreeri ülesandeid (lõpetatud, aktiivne, kõik). Kasuta filter и reduce.
• Saage aru Javascripti põhitõdedest.

Projekt 7. Sorteeritav pukseerimisloend

Githubi hoidla.

Väga kasulik mõista lohistage api.

Õpime:

• Pukseeri API
• Looge rikkalikke kasutajaliideseid

Projekt 8. Messengeri kloon (natiivne rakendus)

Saate aru, kuidas töötavad nii veebirakendused kui ka omarakendused, mis eristavad teid hallist massist.

Mida me uurime:

• Veebipistikupesad (kiirsõnumid)
• Kuidas kohalikud rakendused töötavad.
• Kuidas mallid omarakendustes töötavad.
• Päringute töötlemise marsruutide korraldamine omarakendustes.

Sellest piisab teile kuuks või kaheks.

Tõlge teostati ettevõtte toel EDISON tarkvarakes on professionaalselt seotud rakenduste ja veebisaitide arendamine PHP-s suurklientidele, samuti pilveteenuste ja mobiilirakenduste arendamine Javas.

Allikas: www.habr.com