8 edukaciniai projektai

"Meistras daro daugiau klaidų nei pradedantysis bando"

Siūlome 8 projektų variantus, kuriuos galima atlikti „savo malonumui“, siekiant įgyti realios plėtros patirties.

Projektas 1. Trello klonas

Trello klonas iš Indrek Lasn.

Ką išmoksite:

• Užklausų apdorojimo maršrutų organizavimas (Routing).
• Vilkite ir upuść
• Kaip sukurti naujus objektus (lentas, sąrašus, korteles).
• Įvesties duomenų apdorojimas ir tikrinimas.
• Iš kliento pusės: kaip naudotis vietine saugykla, kaip įrašyti duomenis į vietinę saugyklą, kaip nuskaityti duomenis iš vietinės saugyklos.
• Iš serverio pusės: kaip naudotis duomenų bazėmis, kaip išsaugoti duomenis duomenų bazėje, kaip nuskaityti duomenis iš duomenų bazės.

Čia yra saugyklos pavyzdys, pagamintas React+Redux.

Projektas 2. Administratoriaus skydelis

Github saugykla.

Paprasta CRUD programa, puikiai tinkanti pagrindams mokytis. Mokykimės:

• Kurti vartotojus, valdyti vartotojus.
• Bendraukite su duomenų baze – kurkite, skaitykite, redaguokite, ištrinkite vartotojus.
• Įvesties patvirtinimas ir darbas su formomis.

3 projektas. Kriptovaliutų stebėjimo priemonė (savoji programa mobiliesiems)

Github saugykla.

Viskas: „Swift“, „Objective-C“, „React Native“, „Java“, „Kotlin“.

Pasimokykime:

• Kaip veikia vietinės programos.
• Kaip gauti duomenis iš API.
• Kaip veikia vietiniai puslapių išdėstymai.
• Kaip dirbti su mobiliaisiais simuliatoriais.

Išbandykite šią API. Jei rasite ką nors geresnio, parašykite komentaruose.

Jei jus domina, tai čia čia pamoka.

4 projektas. Nuo pat pradžių nustatykite savo žiniatinklio paketo konfigūraciją

Techniškai tai nėra programa, tačiau tai labai naudinga užduotis norint suprasti, kaip žiniatinklio paketas veikia iš vidaus. Dabar tai bus ne „juodoji dėžė“, o suprantama priemonė.

reikalavimai:

• Sukompiliuokite es7 į es5 (pagrindai).
• Sukompiliuokite jsx į js arba - .vue į .js (turėsite išmokti krautuvų)
• Nustatykite žiniatinklio paketo kūrėjo serverį ir karštojo modulio įkėlimą iš naujo. („Vue-cli“ ir „create-react-app“ naudoja abu)
• Naudokite Heroku, now.sh arba Github ir sužinokite, kaip įdiegti žiniatinklio paketo projektus.
• Nustatykite savo mėgstamą pirminį procesorių, kad kompiliuotų css – scss, less, stylus.
• Sužinokite, kaip naudoti vaizdus ir SVG su žiniatinklio paketu.

Tai nuostabus šaltinis visiškai pradedantiesiems.

Projektas 5. Hackernews klonas

Kiekvienas Jedi privalo sukurti savo „Hackernews“.

Ko išmoksite pakeliui:

• Kaip bendrauti su hackernews API.
• Kaip sukurti vieno puslapio programą.
• Kaip įdiegti tokias funkcijas kaip komentarų peržiūra, atskiri komentarai, profiliai.
• Užklausų apdorojimo maršrutų organizavimas (Routing).

Projektas 6. Tudushechka

TodoMVC.

Rimtai? Tudushka? Jų yra tūkstančiai. Bet patikėkite manimi, tokiam populiarumui yra priežastis.
Tudu programa yra puikus būdas įsitikinti, kad suprantate pagrindus. Pabandykite parašyti vieną programą vanilla Javascript ir vieną savo mėgstamoje sistemoje.

Mokytis:

• Kurkite naujas užduotis.
• Patikrinkite, ar laukai užpildyti.
• Filtruoti užduotis (baigtos, aktyvios, visos). Naudokite filter и reduce.
• Suprasti Javascript pagrindus.

7 projektas. Rūšiuojamas vilkimo sąrašas

Github saugykla.

Labai naudinga suprasti vilkite ir numeskite API.

Mokykimės:

• Drag and drop API
• Sukurkite turtingą vartotojo sąsają

8 projektas. Messenger klonas (savoji programa)

Suprasite, kaip veikia ir žiniatinklio, ir vietinės programos, o tai išskirs jus iš pilkosios masės.

Ką mes studijuosime:

• Interneto lizdai (momentiniai pranešimai)
• Kaip veikia vietinės programos.
• Kaip šablonai veikia vietinėse programose.
• Užklausų apdorojimo maršrutų organizavimas vietinėse programose.

To jums užteks mėnesiui ar dviems.

Vertimas atliktas padedant įmonei EDISON programinė įrangakuris dirba profesionaliai programų ir svetainių kūrimas PHP stambiems klientams, taip pat debesijos paslaugų ir mobiliųjų programų kūrimas Java.

Šaltinis: www.habr.com