Sia gnìomhan airson leasaiche Front-End

1. Foirm cairt creideis

Cruth cairt creideas fionnar le meanbh-eadar-obrachaidhean rèidh agus tlachdmhor. A’ toirt a-steach cruth àireamh, dearbhadh agus lorg seòrsa cairt fèin-ghluasadach. Tha e air a thogail air Vue.js agus tha e cuideachd làn fhreagarrach. (Chì thu an seo.)

foirm cairt-creideis

Na bhios tu ag ionnsachadh:

• Pròiseas agus dearbhaich foirmean
• Làimhseachadh tachartasan (mar eisimpleir, nuair a dh’ atharraicheas raointean)
• Tuig mar a sheallas tu agus a chuireas tu eileamaidean air an duilleag, gu sònraichte am fiosrachadh cairt creideas a nochdas air mullach an fhoirm

Chaidh an artaigil eadar-theangachadh le taic bho EDISON Software, a tha a’ toirt aire do shlàinte luchd-prògramaidh agus am bracaist, a bharrachd air a’ leasachadh bathar-bog gnàthaichte.

2. Histogram

Is e cairt no graf a th’ ann an histogram a tha a’ riochdachadh dàta gnèitheach le bàraichean ceart-cheàrnach le àirdean no faid co-rèireach ris na luachan a tha iad a’ riochdachadh.

Faodaidh iad a bhith air an cur an sàs gu dìreach no gu còmhnard. Uaireannan canar clàr-loidhne ri clàr-bàr dìreach.

Na bhios tu ag ionnsachadh:

• Taisbeanadh dàta ann an dòigh structarail is so-thuigsinn
• A bharrachd air an sin: Ionnsaich mar a chleachdas tu an eileamaid canvas agus mar a tharraingeas tu eileamaidean leis

tha e gheibh thu dàta àireamh-sluaigh an t-saoghail. Tha iad air an òrdachadh a rèir bliadhna.

3. Beothachadh Cridhe Twitter

Air ais ann an 2016, thug Twitter a-steach am beòthalachd iongantach seo airson na tweets aige. Mar 2019, tha e fhathast a’ coimhead a ’phàirt, mar sin carson nach cruthaich thu fear thu fhèin?

Na bhios tu ag ionnsachadh:

• Obraich le feart CSS keyframes
• Làimhseachadh agus beòthachadh eileamaidean HTML
• Cuir còmhla JavaScript, HTML agus CSS

4. Stòran GitHub le gnìomh sgrùdaidh

Chan eil dad sam bith an seo - chan eil ann an stòran GitHub ach liosta glòrmhor.
Is e an t-amas na stòran a thaisbeanadh agus leigeil leis an neach-cleachdaidh an sìoladh. Cleachd API oifigeil GitHub gus stòran fhaighinn airson gach neach-cleachdaidh.

duilleag pròifil GitHub - github.com/indreklasn

Na bhios tu ag ionnsachadh:

• Faigh dàta bho API
• Seall dàta bho API
• Criathraich agus seall dàta buntainneach airson gach sgrùdadh
• Roghainneil: Ma tha thu deiseil airson dùbhlan, cleachd API v4, air a thogail a’ cleachdadh GraphQL. Ma tha thu airson GraphQL ionnsachadh, rachaibh gu aon de na h-artaigilean a rinn mi roimhe.

5. Reddit-stoidhle cabadaich

Tha cabadaich nan dòigh conaltraidh mòr-chòrdte air sgàth cho sìmplidh ‘s a tha iad agus cho furasta an cleachdadh. Ach dè dha-rìribh a tha a’ brosnachadh seòmraichean còmhraidh an latha an-diugh? WebSockets!

Na bhios tu ag ionnsachadh:

• Cleachd WebSockets, conaltradh fìor-ùine agus ùrachaidhean dàta
• Obraich le ìrean ruigsinneachd luchd-cleachdaidh (mar eisimpleir, tha an dreuchd aig sealbhadair seanail cabadaich admin, agus cuid eile anns an t-seòmar- user)
• Pròiseas agus dearbhaich foirmean - cuimhnich, is e an uinneag cabadaich airson teachdaireachd a chuir input
• Cruthaich agus gabh pàirt ann an diofar chòmhraidhean
• Obraich le teachdaireachdan pearsanta. Faodaidh luchd-cleachdaidh bruidhinn ri luchd-cleachdaidh eile gu prìobhaideach. Gu bunaiteach, bidh thu a’ stèidheachadh ceangal WebSocket eadar dà neach-cleachdaidh.

6. Stripe-stoidhle seòladh

Is e an rud a tha a’ fàgail an t-seòlaidh seo gun samhail gu bheil an inneal popover ag atharrachadh gus freagairt air an t-susbaint. Tha eireachdas anns a’ ghluasad seo an taca ris a’ ghiùlan thraidiseanta a bhith a’ fosgladh agus a’ dùnadh popover ùr.

Na bhios tu ag ionnsachadh:

• Cuir còmhla beòthachadh CSS le eadar-ghluasadan
• Meudaich an susbaint agus cuir a-steach clas gnìomhach ris an eileamaid fleòdraidh

Feuch ris a dhèanamh leat fhèin an toiseach, ach ma tha feum agad air cuideachadh, thoir sùil air an seo stiùireadh ceum air cheum.

Source: www.habr.com