8 studieprojekte

"'n Meester maak meer foute as wat 'n beginner probeer"

Ons bied 8 projekopsies aan wat “vir die pret” gedoen kan word om werklike ontwikkelingservaring op te doen.

Projek 1. Trello kloon

Trello-kloon deur Indrek Lasn.

Wat jy sal leer:

• Organisasie van versoekverwerkingsroetes (Routing).
• Sleep en los.
• Hoe om nuwe voorwerpe (borde, lyste, kaarte) te skep.
• Verwerking en validering van insetdata.
• Van die kliënt se kant af: hoe om plaaslike berging te gebruik, hoe om data in plaaslike berging te stoor, hoe om data vanaf plaaslike berging te lees.
• Van die bedienerkant af: hoe om databasisse te gebruik, hoe om data in die databasis te stoor, hoe om data vanaf die databasis te lees.

Hier is 'n voorbeeldbewaarplekgemaak met React+Redux.

Projek 2. Adminpaneel

Github-bewaarplek.

'n Eenvoudige CRUD-app, perfek om die basiese beginsels te leer. Kom ons leer:

• Skep gebruikers, bestuur gebruikers.
• Interaksie met die databasis - skep, lees, redigeer, vee gebruikers uit.
• Invoervalidering en werk met vorms.

Projek 3. Cryptocurrency-spoorsnyer (inheemse mobiele toepassing)

Github-bewaarplek.

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

Kom ons studeer:

• Hoe inheemse toepassings werk.
• Hoe om data van API af te haal.
• Hoe inheemse bladsyuitlegte werk.
• Hoe om met mobiele simulators te werk.

Probeer hierdie API. Vind beter - skryf in die kommentaar.

Indien belangstel, hier hier is 'n tutoriaal.

Projek 4. Stel jou eie webpack-konfigurasie van nuuts af op

Tegnies is dit nie 'n toepassing nie, maar 'n baie nuttige taak om te verstaan ​​hoe webpack van binne af werk. Nou sal dit nie 'n "swart boks" wees nie, maar 'n verstaanbare hulpmiddel.

vereistes:

• Stel es7 tot es5 saam (basies).
• Stel jsx saam na js - of - .vue na .js (jy sal laaiers moet leer)
• Stel webpack dev-bediener op en warm module herlaai. (vue-cli en create-react-app gebruik albei)
• Gebruik Heroku, now.sh of Github, leer hoe om webpack-projekte te ontplooi.
• Stel jou gunsteling voorverwerker op om css saam te stel - scss, less, stylus.
• Leer hoe om beelde en svgs met webpack te gebruik.

Dit is 'n wonderlike hulpbron vir volledige beginners.

Projek 5. Hackernews kloon

Daar word van elke Jedi vereis om hul eie Hackernews te maak.

Wat jy langs die pad sal leer:

• Hoe om met die hackernews API te kommunikeer.
• Hoe om 'n enkelbladsy-toepassing te skep.
• Hoe om sulke kenmerke te implementeer soos die kyk van opmerkings, individuele opmerkings, profiele.
• Organisasie van versoekverwerkingsroetes (Routing).

Projek 6. Tudushechka

TodoMVC.

Ernstig? Tudushka? Daar is duisende van hulle. Maar glo my, daar is 'n rede vir sulke gewildheid.
Die Tudu-toepassing is 'n goeie manier om seker te maak jy verstaan ​​die basiese beginsels. Probeer om een ​​toepassing in vanielje Javascript en een in jou gunsteling raamwerk te skryf.

Leer:

• Skep nuwe take.
• Gaan veldvoltooiing na.
• Filtreer take (voltooi, aktief, almal). Gebruik filter и reduce.
• Verstaan ​​die basiese beginsels van Javascript.

Projek 7. Sorteerbare sleep-en-loslys

Github-bewaarplek.

Baie nuttig om te verstaan sleep en los API.

Kom ons leer:

• Sleep en los API
• Skep ryk UI's

Projek 8. Messenger-kloon (inheemse toepassing)

Jy sal verstaan ​​hoe beide webtoepassings en inheemse toepassings werk, wat jou van die grys massa sal onderskei.

Wat ons gaan bestudeer:

• Websokke (kitsboodskappe)
• Hoe inheemse toepassings werk.
• Hoe sjablone werk in inheemse toepassings.
• Organisering van versoekverwerkingsroetes in inheemse toepassings.

Dit sal genoeg wees vir jou vir 'n maand of twee.

Vertaling is met die ondersteuning van die maatskappy uitgevoer EDISON sagtewarewat professioneel betrokke is die ontwikkeling van toepassings en webwerwe in PHP vir groot kliënte, sowel as ontwikkeling van wolkdienste en mobiele toepassings in Java.

Bron: will.com