8 læringsprosjekt

"Mesterar gjer fleire feil enn nybyrjarar – forsøk"

Vi tilbyr 8 prosjektalternativer som kan gjøres «for moro skyld», for å få ekte utviklingserfaring.

Prosjekt 1. Klon av Trello

Trello-klon av Indrek Lasn.

Hva du vil lære:

• Organisering av ruter for forespørselbehandling (Routing).
• Drag and drop.
• Hvordan lage nye objekter (tavler, lister, kort).
• Behandling og validering av inngangsdata.
• Fra klientens side: hvordan bruke lokalt lagringsområde, hvordan lagre data i lokalt lagringsområde, hvordan lese data fra lokalt lagringsområde.
• Fra serverens side: hvordan bruke databaser, hvordan lagre data i databasen, hvordan lese data fra databasen.

Her er et eksempel på et repo, laget med React+Redux.

Prosjekt 2. Admin-panel

Github Repository.

Et enkelt CRUD-program som er perfekt for å lære det grunnleggende. Vi lærer:

• Å opprette brukere, administrere brukere.
• Interagere med databasen — opprette, lese, redigere, slette brukere.
• Validering av input og arbeid med skjemaer.

Prosjekt 3. Krypto-tracker (native mobilapp)

Github repository.

På hva som helst: Swift, Objective-C, React Native, Java, Kotlin.

Vi lærte:

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

Prøv dette APIet. Finn noe bedre — si ifra i kommentarene.

Hvis du er interessert, her er en tutorial.

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

Teknisk sett er dette ikke et program, men en veldig nyttig oppgave for å forstå hvordan webpack fungerer innvendig. Nå vil det ikke være en «svart boks», men et forståelig verktøy.

Krav:

• Kompilere es7 til es5 (grunnleggende).
• Kompilere jsx til js  — eller  -  .vue til .js (du må lære deg lastere)
• Sette opp webpack dev server og hot module reloading. (vue-cli og create-react-app bruker begge)
• Bruke Heroku, now.sh eller Github, lære å distribuere webpack-prosjekter.
• Sette opp din favoritt-preprosessor for å kompilere css  —  scss, less, stylus.
• Lære hvordan bruke bilder og svgs med webpack.

Her er en fantastisk ressurs for nybegynnere.

Prosjekt 5. Klon av Hackernews

Hver jedi må lage sin egen Hackernews.

Hva du vil lære på veien:

• Hvordan interagere med hackernews API.
• Hvordan lage en enkeltstående applikasjon.
• Hvordan implementere funksjoner som visning av kommentarer, individuelle kommentarer, profiler.
• Organisering av ruter for forespørselbehandling (Routing).

Prosjekt 6. Todo-liste

TodoMVC.

Er virkelig? To-do-liste? Det finnes tusenvis. Men tro meg, det er en grunn til denne populariteten.
En to-do-app er en utmerket måte å sikre at du forstår det grunnleggende. Prøv å skrive én app i ren Javascript og én i ditt favoritt rammeverk.

Lær deg:

• Å opprette nye oppgaver.
• Å sjekke utfyllingen av feltene.
• Å filtrere oppgaver (fullført, aktiv, alle). Bruk filter og reduce.
• Å forstå det grunnleggende i Javascript.

Prosjekt 7. Sorterbar drag and drop liste

Github repository.

Veldig nyttig for å forstå drag and drop API.

La oss lære:

• Drag and drop API
• Å lage rike brukergrensesnitt

Prosjekt 8. Klon av en messenger (native app)

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

Hva vi skal lære:

• Web sockets (sanntidsmeldinger)
• Hvordan native applikasjoner fungerer.
• Hvordan maler fungerer i native applikasjoner.
• Organisering av ruter for forespørselshåndtering i native applikasjoner.

Dette vil være mer enn nok for en måned eller to.

Oversettelsen er utført med støtte fra EDISON Software, som profesjonelt arbeider med utvikling av applikasjoner og nettsteder i PHP for store kunder, samt utvikling av skybaserte tjenester og mobile applikasjoner i Java.

Kilde: habr.com