"Ang usa ka agalon makahimo og daghang mga sayup kaysa usa ka bag-ohan nga mosulay"
Nagtanyag kami og 8 nga mga kapilian sa proyekto nga mahimo "alang sa kalingawan" aron makaangkon og tinuod nga kasinatian sa kalamboan.
Proyekto 1. Trello clone
Unsa ang imong makat-unan:
- Organisasyon sa mga ruta sa pagproseso sa hangyo (Routing).
- I-drag ug ihulog.
- Giunsa paghimo ang bag-ong mga butang (mga tabla, mga lista, mga kard).
- Pagproseso ug pagsusi sa input data.
- Gikan sa bahin sa kliyente: kung giunsa paggamit ang lokal nga pagtipig, kung giunsa ang pagtipig sa datos sa lokal nga pagtipig, kung giunsa pagbasa ang datos gikan sa lokal nga pagtipig.
- Gikan sa kilid sa server: kung giunsa paggamit ang mga database, kung giunsa ang pagtipig sa datos sa database, kung giunsa pagbasa ang datos gikan sa database.
Proyekto 2. Admin panel
Usa ka yano nga aplikasyon sa CRUD, sulundon alang sa pagkat-on sa mga sukaranan. Atong tun-an:
- Paghimo mga tiggamit, pagdumala sa mga tiggamit.
- Pakigsulti sa database - paghimo, pagbasa, pag-edit, pagtangtang sa mga tiggamit.
- Pag-validate sa input ug pagtrabaho sa mga porma.
Proyekto 3. Cryptocurrency tracker (lumad nga mobile application)
Bisan unsa: Swift, Objective-C, React Native, Java, Kotlin.
Magtuon ta:
- Giunsa pagtrabaho ang lumad nga mga aplikasyon.
- Giunsa pagkuha ang datos gikan sa API.
- Giunsa pagtrabaho ang mga layout sa lumad nga panid.
- Giunsa pagtrabaho ang mga mobile simulator.
Kung interesado ka, ania na
Project 4. I-set up ang imong kaugalingong webpack config gikan sa scratch
Sa teknikal, kini dili usa ka aplikasyon, apan kini usa ka mapuslanon kaayo nga buluhaton aron masabtan kung giunsa ang webpack molihok gikan sa sulod. Karon kini dili usa ka "itom nga kahon", apan usa ka masabtan nga himan.
Mga kinahanglanon:
- Compile es7 ngadto sa es5 (basic).
- I-compile ang jsx ngadto sa js - o - .vue ngadto sa .js (kinahanglan nimong tun-an ang mga loader)
- I-set up ang webpack dev server ug init nga module reloading. (vue-cli ug create-react-app gamiton ang duha)
- Gamita ang Heroku, now.sh o Github, pagkat-on unsaon pag-deploy sa mga proyekto sa webpack.
- I-set up ang imong paborito nga preprocessor aron ma-compile ang css - scss, less, stylus.
- Pagkat-on unsaon paggamit ang mga imahe ug svg gamit ang webpack.
Proyekto 5. Hackernews clone
Ang matag Jedi gikinahanglan sa paghimo sa iyang kaugalingon nga Hackernews.
Unsa ang imong makat-unan sa dalan:
- Giunsa ang pagpakig-uban sa hackernews API.
- Giunsa paghimo ang usa ka aplikasyon sa panid.
- Giunsa pagpatuman ang mga bahin sama sa pagtan-aw sa mga komento, indibidwal nga mga komento, mga profile.
- Organisasyon sa mga ruta sa pagproseso sa hangyo (Routing).
Proyekto 6. Tudushechka
Seryoso? Tudushka? Adunay liboan niini. Apan pagtuo kanako, adunay usa ka rason alang niini nga pagkapopular.
Ang Tudu app usa ka maayong paagi aron masiguro nga nasabtan nimo ang mga sukaranan. Sulayi pagsulat ang usa ka aplikasyon sa vanilla Javascript ug usa sa imong paborito nga balangkas.
Pagkat-on:
- Paghimo og bag-ong mga buluhaton.
- Susiha nga ang mga field napuno.
- Pagsala sa mga buluhaton (nakompleto, aktibo, tanan). Paggamit
filter
ΠΈreduce
. - Sabta ang mga sukaranan sa Javascript.
Proyekto 7. Sortable drag ug drop list
Makatabang kaayo nga masabtan
Atong tun-an:
- I-drag ug ihulog ang API
- Paghimo daghang mga UI
Proyekto 8. Messenger clone (lumad nga aplikasyon)
Makasabot ka kung giunsa ang mga aplikasyon sa web ug mga lumad nga aplikasyon nagtrabaho, nga makapalain kanimo gikan sa gray nga masa.
Unsa ang atong tun-an:
- Mga socket sa web (mga instant nga mensahe)
- Giunsa pagtrabaho ang lumad nga mga aplikasyon.
- Giunsa pagtrabaho ang mga template sa lumad nga aplikasyon.
- Pag-organisar sa mga ruta sa pagproseso sa hangyo sa lumad nga mga aplikasyon.
Kini igo na alang kanimo sulod sa usa o duha ka bulan.
Ang paghubad gihimo uban ang suporta sa kompanya
Source: www.habr.com