"En mästare gör fler misstag än en nybörjare gör försök"
Vi erbjuder 8 projektalternativ som du kan göra "för skojs skull" för att få verklig utvecklingserfarenhet.
Projekt 1. Trello-klon
Vad du kommer att lära dig:
- Organisation av förfrågningsbehandlingsrutter (Routing).
- Dra och släpp.
- Hur man skapar nya objekt (tavlor, listor, kort).
- Bearbetar och kontrollerar indata.
- Från klientsidan: hur man använder lokal lagring, hur man sparar data till lokal lagring, hur man läser data från lokal lagring.
- Från serversidan: hur man använder databaser, hur man sparar data i databasen, hur man läser data från databasen.
, gjord i React+Redux.
Projekt 2. Adminpanel
En enkel CRUD-applikation, perfekt för att lära sig grunderna. Låt oss lära:
- Skapa användare, hantera användare.
- Interagera med databasen - skapa, läs, redigera, ta bort användare.
- Validera input och arbeta med formulär.
Projekt 3. Spårare för kryptovaluta (inbyggd mobilapplikation)
Vad som helst: Swift, Objective-C, React Native, Java, Kotlin.
Låt oss studera:
- Hur inbyggda applikationer fungerar.
- Hur man hämtar data från API.
- Hur inbyggda sidlayouter fungerar.
- Hur man arbetar med mobila simulatorer.
. Om du hittar något bättre, skriv i kommentarerna.
Om du är intresserad, här är den .
Projekt 4. Konfigurera din egen webbpaketkonfiguration från början
Tekniskt sett är detta inte en applikation, men det är en mycket användbar uppgift för att förstå hur webpack fungerar från insidan. Nu blir det inte en "svart låda", utan ett förståeligt verktyg.
krav:
- Kompilera es7 till es5 (grunderna).
- Kompilera jsx till js - eller - .vue till .js (du måste lära dig laddare)
- Konfigurera webbpaketutvecklingsserver och omladdning av heta moduler. (vue-cli och create-react-app använder båda)
- Använd Heroku, now.sh eller Github, lär dig hur du distribuerar webbpaketprojekt.
- Ställ in din favoritförprocessor för att kompilera css - scss, less, stylus.
- Lär dig hur du använder bilder och svgs med webpack.
Projekt 5. Hackernews klon
Varje Jedi måste göra sina egna Hackernews.
Vad du kommer att lära dig på vägen:
- Hur man interagerar med hackernews API.
- Hur man skapar en ensidig applikation.
- Hur man implementerar funktioner som visning av kommentarer, individuella kommentarer, profiler.
- Organisation av förfrågningsbehandlingsrutter (Routing).
Projekt 6. Tudushechka
Allvarligt? Tudushka? Det finns tusentals av dem. Men tro mig, det finns en anledning till denna popularitet.
Tudu-appen är ett bra sätt att se till att du förstår grunderna. Testa att skriva en applikation i vanilla Javascript och en i ditt favoritramverk.
Lära sig:
- Skapa nya uppgifter.
- Kontrollera att fälten är ifyllda.
- Filtrera uppgifter (slutförda, aktiva, alla). Använda sig av
filterиreduce. - Förstå grunderna i Javascript.
Projekt 7. Sorterbar dra och släpp lista
Mycket hjälpsamt att förstå .
Låt oss lära:
- Dra och släpp API
- Skapa rika användargränssnitt
Projekt 8. Messenger-klon (inbyggd applikation)
Du kommer att förstå hur både webbapplikationer och native applikationer fungerar, vilket kommer att skilja dig från den grå massan.
Vad vi ska studera:
- Web sockets (snabbmeddelanden)
- Hur inbyggda applikationer fungerar.
- Hur mallar fungerar i inbyggda applikationer.
- Organisera rutter för bearbetning av förfrågningar i inbyggda applikationer.
Detta kommer att räcka för dig i en månad eller två.
Översättningen utfördes med stöd av företaget som är professionellt engagerad för stora kunder, samt .
Källa: will.com