8 pedagogiske prosjekter

"En mester gjør flere feil enn en nybegynner gjør forsøk"

Vi tilbyr 8 prosjektalternativer som kan gjøres "for moro skyld" for å få reell utviklingserfaring.

Prosjekt 1. Trello-klon

Trello-klon fra Indrek Lasn.

Hva du vil lære:

• Organisering av forespørselsbehandlingsruter (Routing).
• Dra og slipp.
• Hvordan lage nye objekter (tavler, lister, kort).
• Behandling og kontroll av inndata.
• Fra klientsiden: hvordan bruke lokal lagring, hvordan lagre data til lokal lagring, hvordan lese data fra lokal lagring.
• Fra serversiden: hvordan bruke databaser, hvordan lagre data i databasen, hvordan lese data fra databasen.

Her er et eksempel på et depot, laget i React+Redux.

Prosjekt 2. Administrasjonspanel

Github Repository.

En enkel CRUD-applikasjon, ideell for å lære det grunnleggende. La oss lære:

• Opprett brukere, administrer brukere.
• Samhandle med databasen - opprett, les, rediger, slett brukere.
• Validering av innspill og arbeid med skjemaer.

Prosjekt 3. Cryptocurrency tracker (native mobilapplikasjon)

Github-depot.

Hva som helst: Swift, Objective-C, React Native, Java, Kotlin.

La oss studere:

• Hvordan native applikasjoner fungerer.
• Hvordan hente data fra API.
• Slik fungerer integrerte sideoppsett.
• Hvordan jobbe med mobile simulatorer.

Prøv dette API. Hvis du finner noe bedre, skriv i kommentarfeltet.

Hvis du er interessert, her er den her er en veiledning.

Prosjekt 4. Sett opp din egen webpack-konfigurasjon fra bunnen av

Teknisk sett er dette ikke en applikasjon, men det er en veldig nyttig oppgave for å forstå hvordan webpack fungerer fra innsiden. Nå vil det ikke være en "svart boks", men et forståelig verktøy.

krav:

• Kompiler es7 til es5 (grunnleggende).
• Kompiler jsx til js - eller - .vue til .js (du må lære lastere)
• Konfigurer webpack dev server og hot modul reloading. (vue-cli og create-react-app bruker begge)
• Bruk Heroku, now.sh eller Github, lær hvordan du distribuerer webpack-prosjekter.
• Sett opp favorittforprosessoren din for å kompilere css - scss, less, stylus.
• Lær hvordan du bruker bilder og svgs med webpack.

Dette er en fantastisk ressurs for nybegynnere.

Prosjekt 5. Hackernews klone

Hver Jedi er pålagt å lage sine egne Hackernews.

Hva du lærer underveis:

• Hvordan samhandle med hackernews API.
• Hvordan lage en enkeltsideapplikasjon.
• Hvordan implementere funksjoner som å se kommentarer, individuelle kommentarer, profiler.
• Organisering av forespørselsbehandlingsruter (Routing).

Prosjekt 6. Tudushechka

TodoMVC.

Alvor? Tudushka? Det er tusenvis av dem. Men tro meg, det er en grunn til denne populariteten.
Tudu-appen er en fin måte å sikre at du forstår det grunnleggende. Prøv å skrive en applikasjon i vanilla Javascript og en i favorittrammeverket ditt.

Lære:

• Lag nye oppgaver.
• Sjekk at feltene er fylt ut.
• Filtrer oppgaver (fullførte, aktive, alle). Bruk filter и reduce.
• Forstå det grunnleggende om Javascript.

Prosjekt 7. Sorterbar dra-og-slipp-liste

Github-depot.

Veldig nyttig å forstå dra og slipp api.

La oss lære:

• Dra og slipp API
• Lag rike brukergrensesnitt

Prosjekt 8. Messenger-klone (innfødt applikasjon)

Du vil forstå hvordan både webapplikasjoner og native applikasjoner fungerer, noe som vil skille deg fra den grå massen.

Hva vi skal studere:

• Web-sockets (direktemeldinger)
• Hvordan native applikasjoner fungerer.
• Hvordan maler fungerer i native applikasjoner.
• Organisering av forespørselsbehandlingsruter i native applikasjoner.

Dette vil være nok for deg i en måned eller to.

Oversettelse ble utført med støtte fra selskapet EDISON-programvaresom er faglig engasjert utvikle applikasjoner og nettsider i PHP for store kunder, samt utvikling av skytjenester og mobilapplikasjoner i Java.

Kilde: www.habr.com