8 obrazovnih projekata

“Majstor čini više grešaka nego početnik pokušava”

Nudimo 8 projektnih opcija koje se mogu raditi "za zabavu" kako bi se steklo stvarno razvojno iskustvo.

Projekt 1. Trello klon

Trello klon od Indreka Lasna.

Što ćete naučiti:

• Organizacija ruta obrade zahtjeva (Routing).
• Povucite i ispustite.
• Kako izraditi nove objekte (ploče, liste, kartice).
• Obrada i provjera ulaznih podataka.
• Sa strane klijenta: kako koristiti lokalnu pohranu, kako spremiti podatke u lokalnu pohranu, kako čitati podatke iz lokalne pohrane.
• Sa strane poslužitelja: kako koristiti baze podataka, kako spremati podatke u bazu podataka, kako čitati podatke iz baze podataka.

Evo primjera spremišta, izrađen u React+Reduxu.

Projekt 2. Administratorska ploča

Github spremište.

Jednostavna CRUD aplikacija, idealna za učenje osnova. Idemo učiti:

• Stvaranje korisnika, upravljanje korisnicima.
• Interakcija s bazom podataka - stvaranje, čitanje, uređivanje, brisanje korisnika.
• Validacija unosa i rad s obrascima.

Projekt 3. Praćenje kriptovaluta (nativna mobilna aplikacija)

Github spremište.

Bilo što: Swift, Objective-C, React Native, Java, Kotlin.

Idemo učiti:

• Kako funkcioniraju izvorne aplikacije.
• Kako dohvatiti podatke iz API-ja.
• Kako funkcioniraju izvorni izgledi stranica.
• Kako raditi s mobilnim simulatorima.

Isprobajte ovaj API. Ako pronađete nešto bolje, napišite u komentarima.

Ako ste zainteresirani, evo ga evo tutoriala.

Projekt 4. Postavite vlastitu konfiguraciju webpacka od nule

Tehnički, ovo nije aplikacija, ali je vrlo koristan zadatak za razumijevanje kako webpack funkcionira iznutra. Sada to neće biti "crna kutija", već razumljiv alat.

Zahtjevi:

• Prevedi es7 u es5 (osnove).
• Kompajlirajte jsx u js - ili - .vue u .js (morat ćete naučiti učitavače)
• Postavite webpack dev poslužitelj i vruće ponovno učitavanje modula. (vue-cli i create-react-app koriste oboje)
• Koristite Heroku, now.sh ili Github, naučite kako implementirati webpack projekte.
• Postavite svoj omiljeni predprocesor za kompajliranje css-a - scss, less, stylus.
• Naučite kako koristiti slike i svgs s webpackom.

Ovo je nevjerojatan resurs za potpune početnike.

Projekt 5. Hackernews klon

Svaki Jedi mora napraviti vlastiti Hackernews.

Što ćete naučiti putem:

• Kako komunicirati s hackernews API-jem.
• Kako izraditi aplikaciju na jednoj stranici.
• Kako implementirati značajke kao što su pregled komentara, pojedinačnih komentara, profila.
• Organizacija ruta obrade zahtjeva (Routing).

Projekt 6. Tudušechka

TodoMVC.

Ozbiljno? Tuduška? Ima ih na tisuće. Ali vjerujte mi, postoji razlog za ovu popularnost.
Aplikacija Tudu izvrstan je način da se uvjerite da razumijete osnove. Pokušajte napisati jednu aplikaciju u vanilla Javascriptu i jednu u svom omiljenom okviru.

Naučiti:

• Stvorite nove zadatke.
• Provjerite jesu li polja ispunjena.
• Filtrirajte zadatke (dovršeni, aktivni, svi). Koristiti filter и reduce.
• Razumjeti osnove Javascripta.

Projekt 7. Popis koji se može sortirati povuci i ispusti

Github spremište.

Vrlo korisno za razumijevanje povuci i ispusti api.

Idemo učiti:

• Povucite i ispustite API
• Stvorite bogata sučelja

Projekt 8. Messenger klon (nativna aplikacija)

Shvatit ćete kako funkcioniraju i web aplikacije i native aplikacije, što će vas izdvojiti iz sive mase.

Što ćemo proučavati:

• Web utičnice (instant poruke)
• Kako funkcioniraju izvorne aplikacije.
• Kako predlošci rade u izvornim aplikacijama.
• Organiziranje ruta obrade zahtjeva u izvornim aplikacijama.

Ovo će vam biti dovoljno za mjesec ili dva.

Prijevod je izvršen uz podršku tvrtke EDISON softverkoji se profesionalno bavi razvoj aplikacija i web stranica u PHP-u za velike kupce, kao i razvoj usluga u oblaku i mobilnih aplikacija u Javi.

Izvor: www.habr.com