"Ny master dia manao fahadisoana bebe kokoa noho ny vao manomboka manandrana"
Manolotra safidy tetikasa 8 azonao atao "ho fahafinaretana" mba hahazoana traikefa amin'ny fampandrosoana marina.
Tetikasa 1. Trello clone
Inona no hianaranao:
- Fandaminana ny lalana fanodinana fangatahana (Routing).
- Tariho ary ampidino.
- Ahoana ny famoronana zavatra vaovao (birao, lisitra, karatra).
- Fanodinana sy fanamarinana ny angona fidirana.
- Avy amin'ny lafiny mpanjifa: ny fomba fampiasana fitehirizana eo an-toerana, ny fomba fitahirizana angon-drakitra amin'ny fitahirizana eo an-toerana, ny famakiana ny angona avy amin'ny fitahirizana eo an-toerana.
- Avy amin'ny lafin'ny mpizara: ny fomba fampiasana angona, ny fomba fitahirizana angon-drakitra ao amin'ny tahiry, ny famakiana ny angona avy amin'ny tahiry.
, natao tao amin'ny React+Redux.
Tetikasa 2. Panel admin
Fampiharana CRUD tsotra, mety amin'ny fianarana ny fototra. Andao hianatra:
- Mamorona mpampiasa, mitantana mpampiasa.
- Mifandraisa amin'ny angon-drakitra - mamorona, mamaky, manova, mamafa mpampiasa.
- Manamarina ny fidirana sy miasa amin'ny endrika.
Tetikasa 3. Cryptocurrency tracker (fampiharana finday teratany)
Na inona na inona: Swift, Objective-C, React Native, Java, Kotlin.
Andao hianatra:
- Ahoana ny fiasan'ny fampiharana teratany.
- Ahoana ny fomba fakana data avy amin'ny API.
- Ny fomba fiasan'ny fandrafetana pejy teratany.
- Ahoana ny fiasana amin'ny simulator finday.
. Raha mahita zavatra tsara kokoa ianao dia manorata ao amin'ny fanehoan-kevitra.
Raha liana ianao dia ity .
Tetikasa 4. Manangana ny config webpack anao manokana hatrany am-boalohany
Ara-teknika, tsy fampiharana ity, fa asa tena ilaina ny mahatakatra ny fomba fiasan'ny webpack avy ao anatiny. Ankehitriny dia tsy ho "boaty mainty", fa fitaovana azo takarina.
fepetra takiana:
- Manangona es7 ka hatramin'ny es5 (fototra).
- Angony ny jsx amin'ny js - na - .vue mankany amin'ny .js (tsy maintsy mianatra loader ianao)
- Amboary ny mpizara webpack dev sy ny famerenana ny maody mafana. (vue-cli sy create-react-app dia mampiasa azy roa)
- Ampiasao ny Heroku, now.sh na Github, ianaro ny fomba fametrahana tetikasa webpack.
- Amboary ny preprocessor tianao indrindra hanangonana css - scss, less, stylus.
- Ianaro ny fampiasana sary sy svg amin'ny webpack.
Tetikasa 5. Hackernews clone
Ny Jedi tsirairay dia takiana hanao ny hackernews azy manokana.
Inona no hianaranao eny an-dalana:
- Ahoana ny fifandraisana amin'ny hackernews API.
- Ahoana ny fomba hamoronana fampiharana pejy tokana.
- Ahoana ny fampiharana ireo endri-javatra toy ny fijerena fanehoan-kevitra, fanehoan-kevitra manokana, mombamomba.
- Fandaminana ny lalana fanodinana fangatahana (Routing).
Tetikasa 6. Tudushechka
tena matotra? Tudushka? An'arivony izy ireo. Fa minoa ahy, misy antony izany laza.
Ny fampiharana Tudu dia fomba tsara hahazoana antoka fa azonao ny fototra. Andramo manoratra fampiharana iray amin'ny Javascript lavanila ary iray amin'ny rafitra tianao indrindra.
Mianara:
- Mamorona asa vaovao.
- Hamarino fa feno ny saha.
- Sivana ny asa (vita, mavitrika, rehetra). Ampiasao
filterΠΈreduce. - Fantaro ny fototry ny Javascript.
Tetikasa 7. Fitarihan-tsarimihetsika azo alaina
Tena manampy hahatakatra .
Andao hianatra:
- Tariho ary ampidino ny API
- Mamorona UI manankarena
Tetikasa 8. Clone Messenger (fampiharana teratany)
Ho azonao ny fomba fiasan'ny rindranasa an-tranonkala sy ny fampiharana teratany, izay hampiavaka anao amin'ny faobe volondavenona.
Inona no hianarantsika:
- Web sockets (hafatra avy hatrany)
- Ahoana ny fiasan'ny fampiharana teratany.
- Ahoana ny fiasan'ny mΓ΄dely amin'ny fampiharana teratany.
- Fandaminana lalana fanodinana fangatahana amin'ny fampiharana teratany.
Ampy ho anao mandritra ny iray na roa volana izany.
Ny fandikana dia natao niaraka tamin'ny fanohanan'ny orinasa izay mirotsaka ho matihanina ho an'ny mpanjifa lehibe, ary koa .
Source: www.habr.com