8 nga mga proyekto sa edukasyon

"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

Trello clone gikan sa Indrek Lasn.

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.

Ania ang usa ka pananglitan sa usa ka repositoryo, gihimo sa React+Redux.

Proyekto 2. Admin panel

Github Repository.

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)

Github repository.

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.

Sulayi kini nga API. Kung makakita ka og mas maayo, isulat sa mga komento.

Kung interesado ka, ania na ania ang usa ka tutorial.

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.

Kini usa ka talagsaon nga kapanguhaan alang sa kompleto nga mga nagsugod.

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

TodoMVC.

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

Github repository.

Makatabang kaayo nga masabtan drag ug drop api.

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 EDISON nga softwarekinsa propesyonal nga nakiglambigit pagpalambo sa mga aplikasyon ug mga website sa PHP alang sa dagkong mga kustomer, ingon man usab pagpalambo sa mga serbisyo sa panganod ug mga mobile application sa Java.

Source: www.habr.com