8 fræðsluverkefni

„Meistari gerir fleiri mistök en byrjandi gerir tilraunir“

Við bjóðum upp á 8 verkefnavalkosti sem hægt er að gera „til gamans“ til að öðlast raunverulega þróunarreynslu.

Verkefni 1. Trello klón

Trello klón frá Indrek Lasn.

Það sem þú munt læra:

• Skipulag beiðnavinnsluleiða (Routing).
• Draga og sleppa.
• Hvernig á að búa til nýja hluti (töflur, listar, spil).
• Vinnsla og athugun inntaksgagna.
• Frá hlið viðskiptavinarins: hvernig á að nota staðbundna geymslu, hvernig á að vista gögn í staðbundna geymslu, hvernig á að lesa gögn úr staðbundinni geymslu.
• Frá miðlarahlið: hvernig á að nota gagnagrunna, hvernig á að vista gögn í gagnagrunninum, hvernig á að lesa gögn úr gagnagrunninum.

Hér er dæmi um geymslu, gert í React+Redux.

Verkefni 2. Stjórnborð

Github geymsla.

Einfalt CRUD forrit, tilvalið til að læra grunnatriðin. Við skulum læra:

• Búðu til notendur, stjórnaðu notendum.
• Samskipti við gagnagrunninn - búa til, lesa, breyta, eyða notendum.
• Staðfesta inntak og vinna með eyðublöð.

Verkefni 3. Dulritunargjaldmiðill (innfæddur farsímaforrit)

Github geymsla.

Hvað sem er: Swift, Objective-C, React Native, Java, Kotlin.

Við skulum læra:

• Hvernig innfædd forrit virka.
• Hvernig á að sækja gögn úr API.
• Hvernig innfædd síðuútlit virka.
• Hvernig á að vinna með farsímaherma.

Prófaðu þetta API. Ef þú finnur eitthvað betra skaltu skrifa í athugasemdirnar.

Ef þú hefur áhuga þá er hann hér hér er kennsluefni.

Verkefni 4. Settu upp þína eigin vefpakka stillingu frá grunni

Tæknilega séð er þetta ekki forrit, en það er mjög gagnlegt verkefni til að skilja hvernig vefpakki virkar innan frá. Nú verður það ekki „svartur kassi“ heldur skiljanlegt tól.

Kröfur:

• Settu saman es7 til es5 (grunnatriði).
• Settu saman jsx í js - eða - .vue í .js (þú verður að læra hleðslutæki)
• Settu upp vefpakkaþróunarþjón og endurhleðslu á heitri mát. (vue-cli og create-react-app nota bæði)
• Notaðu Heroku, now.sh eða Github, lærðu hvernig á að dreifa vefpakkaverkefnum.
• Settu upp uppáhalds forvinnsluna þína til að setja saman css - scss, less, stylus.
• Lærðu hvernig á að nota myndir og svgs með webpack.

Þetta er ótrúlegt úrræði fyrir algjöra byrjendur.

Verkefni 5. Hackernews klónn

Sérhver Jedi þarf að búa til sína eigin Hackernews.

Það sem þú munt læra á leiðinni:

• Hvernig á að hafa samskipti við hackernews API.
• Hvernig á að búa til forrit á einni síðu.
• Hvernig á að útfæra eiginleika eins og að skoða athugasemdir, einstakar athugasemdir, prófíla.
• Skipulag beiðnavinnsluleiða (Routing).

Verkefni 6. Tudushechka

TodoMVC.

Í alvöru? Tudushka? Þeir eru þúsundir. En trúðu mér, það er ástæða fyrir þessum vinsældum.
Tudu appið er frábær leið til að tryggja að þú skiljir grunnatriðin. Prófaðu að skrifa eitt forrit í vanillu Javascript og eitt í uppáhalds rammanum þínum.

Læra:

• Búðu til ný verkefni.
• Athugaðu hvort reitirnir séu útfylltir.
• Sía verkefni (lokið, virk, öll). Notaðu filter и reduce.
• Skilja grunnatriði Javascript.

Verkefni 7. Raðanlegur draga og sleppa lista

Github geymsla.

Mjög gagnlegt að skilja draga og sleppa API.

Við skulum læra:

• Dragðu og slepptu API
• Búðu til ríkulegt notendaviðmót

Verkefni 8. Messenger klón (innfæddur umsókn)

Þú munt skilja hvernig bæði vefforrit og innfædd forrit virka, sem mun aðgreina þig frá gráa massanum.

Það sem við munum læra:

• Veftenglar (spjallskilaboð)
• Hvernig innfædd forrit virka.
• Hvernig sniðmát virka í innfæddum forritum.
• Skipuleggja vinnsluleiðir beiðna í innfæddum forritum.

Þetta mun duga þér í mánuð eða tvo.

Þýðing var unnin með stuðningi fyrirtækisins EDISON hugbúnaðursem er í atvinnumennsku að þróa forrit og vefsíður í PHP fyrir stóra viðskiptavini, sem og þróun skýjaþjónustu og farsímaforrita í Java.

Heimild: www.habr.com