"Tus tswv ua yuam kev ntau dua li tus pib sim ua"
Peb muab 8 txoj haujlwm xaiv uas koj tuaj yeem ua "kev lom zem" txhawm rau kom tau txais kev txhim kho tiag tiag.
Project 1. Trello clone
Koj yuav kawm dab tsi:
- Lub koom haum ntawm kev thov ua cov txheej txheem (Routing).
- Luag thiab poob.
- Yuav ua li cas los tsim cov khoom tshiab (boards, lists, cards).
- Ua thiab xyuas cov ntaub ntawv nkag.
- Los ntawm cov neeg siv khoom: yuav ua li cas siv cov chaw khaws cia hauv zos, yuav ua li cas khaws cov ntaub ntawv mus rau hauv zos cia, yuav ua li cas nyeem cov ntaub ntawv los ntawm cov chaw khaws cia hauv zos.
- Los ntawm lub server sab: yuav ua li cas siv databases, yuav ua li cas txuag cov ntaub ntawv hauv database, yuav ua li cas nyeem cov ntaub ntawv los ntawm cov ntaub ntawv.
, ua hauv React + Redux.
Qhov project 2. Admin vaj huam sib luag
Daim ntawv thov CRUD yooj yim, zoo tagnrho rau kev kawm cov hauv paus. Cia peb kawm:
- Tsim cov neeg siv, tswj cov neeg siv.
- Sib tham nrog cov database - tsim, nyeem, kho, tshem tawm cov neeg siv.
- Kev lees paub cov tswv yim thiab ua haujlwm nrog cov ntawv.
Txoj Haujlwm 3. Cryptocurrency tracker (native mobile application)
Txhua yam: Swift, Objective-C, React Native, Java, Kotlin.
Cia peb kawm:
- Yuav ua li cas haiv neeg siv ua haujlwm.
- Yuav ua li cas muab cov ntaub ntawv los ntawm API.
- Yuav ua li cas cov paj layouts ua haujlwm.
- Yuav ua li cas ua haujlwm nrog mobile simulators.
. Yog tias koj pom ib yam dab tsi zoo dua, sau rau hauv cov lus.
Yog tias koj txaus siab, ntawm no yog .
Txoj Haujlwm 4. Teeb tsa koj tus kheej lub webpack config los ntawm kos
Technically, qhov no tsis yog daim ntawv thov, tab sis nws yog ib txoj haujlwm tseem ceeb kom nkag siab tias lub webpack ua haujlwm li cas los ntawm sab hauv. Tam sim no nws yuav tsis yog "lub thawv dub", tab sis yog cov cuab yeej nkag siab.
Yuav tsum muaj:
- Compile es7 rau es5 (basics).
- Sau jsx rau js - lossis - .vue rau .js (koj yuav tsum kawm loaders)
- Teem webpack dev server thiab kub module reloading. (vue-cli thiab tsim-react-app siv ob qho tib si)
- Siv Heroku, now.sh lossis Github, kawm paub siv cov phiaj xwm webpack.
- Teeb tsa koj nyiam preprocessor los sau css - scss, tsawg, stylus.
- Kawm paub siv cov duab thiab svgs nrog webpack.
Txoj Haujlwm 5. Hackernews clone
Txhua Jedi yuav tsum ua nws tus kheej Hackernews.
Koj yuav kawm dab tsi ntawm txoj kev:
- Yuav ua li cas cuam tshuam nrog hackernews API.
- Yuav ua li cas los tsim ib daim ntawv thov nplooj ntawv.
- Yuav ua li cas siv cov yam ntxwv xws li saib cov lus pom, tus kheej cov lus pom, profiles.
- Lub koom haum ntawm kev thov ua cov txheej txheem (Routing).
Qhov project 6. Tudushechka
Tiag tiag? Tudushka? Muaj ntau txhiab leej. Tab sis ntseeg kuv, muaj ib qho laj thawj rau qhov kev nyiam no.
Lub Tudu app yog ib txoj hauv kev zoo kom paub tseeb tias koj nkag siab cov hauv paus. Sim sau ib daim ntawv thov hauv vanilla Javascript thiab ib qho hauv koj lub moj khaum uas koj nyiam.
Kawm:
- Tsim cov haujlwm tshiab.
- Xyuas tias cov teb tau sau rau hauv.
- Lim cov haujlwm (ua tiav, ua haujlwm, tag nrho). Siv
filterΠΈreduce. - Nkag siab lub hauv paus ntawm Javascript.
Qhov project 7. Sortable luag thiab tso npe
Pab tau zoo heev kom nkag siab .
Cia peb kawm:
- Luag thiab poob API
- Tsim cov UI nplua nuj
Project 8. Messenger clone (native application)
Koj yuav nkag siab tias ob daim ntawv thov web thiab cov ntawv thov ib txwm ua haujlwm li cas, uas yuav ua rau koj sib nrug ntawm qhov grey loj.
Peb yuav kawm dab tsi:
- Web sockets (instant messages)
- Yuav ua li cas haiv neeg siv ua haujlwm.
- Yuav ua li cas templates ua hauj lwm nyob rau hauv haiv neeg daim ntaub ntawv.
- Kev teeb tsa kev thov ua cov txheej txheem hauv cov ntawv thov ib txwm muaj.
Qhov no yuav txaus rau koj rau ib hlis lossis ob.
Kev txhais lus tau ua nrog kev txhawb nqa ntawm lub tuam txhab uas yog kev koom tes rau cov neeg siv khoom loj, nrog rau .
Tau qhov twg los: www.hab.com