8 vzdělávacích projektů

"Mistr dělá více chyb než začátečník se pokouší"

Nabízíme 8 možností projektu, které lze dělat „pro zábavu“, abyste získali skutečné zkušenosti s vývojem.

Projekt 1. Klon Trello

Klon Trello od Indreka Lasna.

Co se naučíte:

• Organizace tras zpracování požadavků (směrování).
• Přetáhněte.
• Jak vytvářet nové objekty (tabule, seznamy, karty).
• Zpracování a kontrola vstupních dat.
• Ze strany klienta: jak používat místní úložiště, jak ukládat data do místního úložiště, jak číst data z místního úložiště.
• Ze strany serveru: jak používat databáze, jak ukládat data do databáze, jak číst data z databáze.

Zde je příklad úložiště, vyrobený v React+Redux.

Projekt 2. Panel administrátora

úložiště Github.

Jednoduchá aplikace CRUD, ideální pro naučení se základů. Pojďmě se učit:

• Vytvářejte uživatele, spravujte uživatele.
• Interakce s databází - vytvářet, číst, upravovat, mazat uživatele.
• Ověřování vstupu a práce s formuláři.

Projekt 3. Sledování kryptoměn (nativní mobilní aplikace)

úložiště Github.

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

Pojďme se učit:

• Jak fungují nativní aplikace.
• Jak načíst data z API.
• Jak fungují nativní rozvržení stránek.
• Jak pracovat s mobilními simulátory.

Zkuste toto API. Pokud najdete něco lepšího, napište do komentářů.

Pokud máte zájem, zde je tady je návod.

Projekt 4. Vytvořte si vlastní konfiguraci webového balíčku od začátku

Technicky se nejedná o aplikaci, ale je to velmi užitečný úkol, abyste pochopili, jak webpack funguje zevnitř. Nyní to nebude „černá skříňka“, ale srozumitelný nástroj.

Požadavky:

• Kompilace es7 až es5 (základy).
• Zkompilujte jsx do js - nebo - .vue do .js (budete se muset naučit zavaděče)
• Nastavte webpack dev server a znovu načtení horkého modulu. (vue-cli a create-react-app používají oba)
• Použijte Heroku, now.sh nebo Github, zjistěte, jak nasadit projekty webpack.
• Nastavte si svůj oblíbený preprocesor pro kompilaci css – scss, méně, stylus.
• Naučte se používat obrázky a svgs s webpackem.

Je to úžasný zdroj pro úplné začátečníky.

Projekt 5. Klon Hackernews

Každý Jedi musí vytvářet své vlastní Hackernews.

Co se cestou naučíte:

• Jak komunikovat s hackernews API.
• Jak vytvořit jednostránkovou aplikaci.
• Jak implementovat funkce jako prohlížení komentářů, jednotlivé komentáře, profily.
• Organizace tras zpracování požadavků (směrování).

Projekt 6. Tuduška

TodoMVC.

Vážně? Tuduška? Jsou jich tisíce. Ale věřte mi, že tato popularita má svůj důvod.
Aplikace Tudu je skvělý způsob, jak se ujistit, že rozumíte základům. Zkuste napsat jednu aplikaci ve vanilla Javascriptu a jednu ve vašem oblíbeném frameworku.

Učit se:

• Vytvářejte nové úkoly.
• Zkontrolujte, zda jsou pole vyplněna.
• Filtrovat úkoly (dokončené, aktivní, všechny). Použití filter и reduce.
• Pochopte základy Javascriptu.

Projekt 7. Seřaditelný seznam přetažení

úložiště Github.

Velmi užitečné k pochopení drag and drop api.

Pojďmě se učit:

• Drag and drop API
• Vytvářejte bohaté uživatelské rozhraní

Project 8. Klon Messenger (nativní aplikace)

Pochopíte, jak fungují webové aplikace i nativní aplikace, což vás odliší od šedé hmoty.

Co budeme studovat:

• Webové sokety (okamžité zprávy)
• Jak fungují nativní aplikace.
• Jak fungují šablony v nativních aplikacích.
• Organizace tras zpracování požadavků v nativních aplikacích.

To vám bude stačit na měsíc nebo dva.

Překlad byl proveden s podporou společnosti Software EDISONkterý se profesně věnuje vývoj aplikací a webových stránek v PHP i pro velké zákazníky vývoj cloudových služeb a mobilních aplikací v Javě.

Zdroj: www.habr.com