“Monghali o etsa liphoso tse ngata ho feta kamoo ea qalang a lekang kateng”
Re fana ka likhetho tsa merero ea 8 tse ka etsoang "bakeng sa ho ithabisa" e le hore u fumane phihlelo ea sebele ea tsoelo-pele.
Morero oa 1. Trello clone
Seo u tla ithuta sona:
- Tlhophiso ea litsela tsa ho sebetsana le likopo (Routing).
- Hula o dihele.
- Mokhoa oa ho theha lintho tse ncha (liboto, manane, likarete).
- Ho sebetsa le ho hlahloba lintlha tse kentsoeng.
- Ho tloha lehlakoreng la bareki: mokhoa oa ho sebelisa polokelo ea lehae, mokhoa oa ho boloka data ho polokelo ea lehae, mokhoa oa ho bala data ho tsoa polokelong ea lehae.
- Ho tloha lehlakoreng la seva: mokhoa oa ho sebelisa li-database, mokhoa oa ho boloka data ho database, mokhoa oa ho bala data ho tswa ho database.
, e entsoeng ka React+Redux.
Morero oa 2. Phanele ea tsamaiso
Sesebelisoa se bonolo sa CRUD, se loketseng ho ithuta metheo. Ha re ithuteng:
- Theha basebelisi, laola basebelisi.
- Kopana le database - theha, bala, hlophisa, hlakola basebelisi.
- Ho netefatsa tlhahiso le ho sebetsa ka liforomo.
Morero oa 3. Cryptocurrency tracker (ts'ebeliso ea selefouno ea lehae)
Eng kapa eng: Swift, Objective-C, React Native, Java, Kotlin.
Ha re ithuteng:
- Kamoo likopo tsa tlhaho li sebetsang kateng.
- Mokhoa oa ho khutlisa data ho tsoa ho API.
- Kamoo meralo ea maqephe a tlhaho e sebetsang kateng.
- Mokhoa oa ho sebetsa le li-simulators tsa mehala.
. Haeba u fumana ho hong ho molemo, ngola litlhalosong.
Haeba u thahasella, ke ena .
Morero oa 4. Iketsetse litlhophiso tsa pakete ea tepo ho tloha qalong
Ha e le hantle, sena ha se ts'ebeliso, empa ke mosebetsi o molemo haholo ho utloisisa hore na webpack e sebetsa joang ho tsoa kahare. Hona joale e ke ke ea e-ba "lebokose le letšo", empa e le sesebelisoa se utloisisoang.
Litlhokahalo:
- Kopanya es7 ho ea ho es5 (lintho tsa motheo).
- Kopanya jsx ho isa ho js - kapa - .vue ho .js (o tla tlameha ho ithuta lisebelisoa)
- Beha li-server tsa webpack dev le ho kenya mochine o chesang bocha. (vue-cli le create-react-app ka bobeli)
- Sebelisa Heroku, now.sh kapa Github, ithute ho tsamaisa merero ea webpack.
- Iketsetse preprocessor eo u e ratang haholo ho bokella css - scss, less, stylus.
- Ithute ho sebelisa litšoantšo le li-svgs ka webpack.
Morero oa 5. Hackernews clone
Jedi e 'ngoe le e' ngoe e hlokeha ho iketsetsa Hackernews.
Seo u tla ithuta sona tseleng:
- Mokhoa oa ho sebelisana le hackernews API.
- Mokhoa oa ho theha sesebelisoa sa leqephe le le leng.
- Mokhoa oa ho kenya tšebetsong likarolo tse joalo ka ho shebella maikutlo, maikutlo a motho ka mong, liprofaele.
- Tlhophiso ea litsela tsa ho sebetsana le likopo (Routing).
Morero oa 6. Tudushechka
Ka botebo? Tudushka? Ho na le likete tsa tsona. Empa nkholoe, ho na le lebaka la botumo bona.
Sesebelisoa sa Tudu ke mokhoa o motle oa ho etsa bonnete ba hore o utloisisa lintlha tsa motheo. Leka ho ngola kopo e le 'ngoe ho vanilla Javascript le e' ngoe ka har'a moralo oo u o ratang haholo.
Ithute:
- Etsa mesebetsi e mecha.
- Hlahloba hore na masimo a tlatsitsoe.
- Sefa mesebetsi (e phethiloe, e sebetsa, kaofela). Sebelisa
filterиreduce. - Utloisisa metheo ea Javascript.
Morero oa 7. Lenane la ho hula le ho theola ho hlophisoa
E thusa haholo ho utloisisa .
Ha re ithuteng:
- Hula o tlohele API
- Theha li-UI tse ngata
Project 8. Messenger clone (ts'ebeliso ea lehae)
U tla utloisisa hore na lits'ebetso tsa webo le lits'ebetso tsa matsoalloa li sebetsa joang, e leng se tla u khetholla ho boima bo bohlooho.
Seo re tla ithuta sona:
- Li-sockets tsa Marang-rang (melaetsa ea hang-hang)
- Kamoo likopo tsa tlhaho li sebetsang kateng.
- Li-templates li sebetsa joang lits'ebetsong tsa tlhaho.
- Ho hlophisa litsela tsa ho sebetsana le likopo lits'ebetsong tsa matsoalloa.
Sena se tla u lekana bakeng sa khoeli kapa tse peli.
Phetolelo e ile ea etsoa ka tšehetso ea k'hamphani ya porofetileng ka mosebetsi bakeng sa bareki ba bangata, hammoho le .
Source: www.habr.com