He ahua kaari nama hauhautanga me nga taunekeneke moroiti maeneene me te ngahau. Kei roto ko te whakahōputu tau, te manatoko me te rapu momo kaari aunoa. He mea hanga i runga i te Vue.js me te tino whakautu. (Ka taea e koe te kite konei.)
Ko te histogram he tūtohi, he kauwhata ranei e whakaatu ana i nga raraunga wehewehe me nga pae tapawhā me te teitei, te roa ranei e rite ana ki nga uara e tohu ana.
Ka taea te tono poutū, whakapae ranei. Ko te tūtohi pae poutū ka kiia he tūtohi raina.
He aha ka ako koe:
Whakaatuhia nga raraunga i runga i te hanganga me te maarama
Hei taapiri: Akohia me pehea te whakamahi i te huānga canvas me pehea te tuhi huānga ki a ia
ko te reira ka kitea e koe nga raraunga taupori o te ao. Ka whakaraupapahia ma te tau.
3. Twitter Heart Animation
I te tau 2016, i whakauruhia e Twitter tenei hākoritanga whakamiharo mo ana tweets. I te tau 2019, kei te ahua tonu te waahanga, no reira he aha koe e kore ai e hanga i a koe ano?
He aha ka ako koe:
Mahi ki te huanga CSS keyframes
Raweke me te whakakorikori i nga huānga HTML
Whakakotahitia te JavaScript, HTML me CSS
4. Nga putunga GitHub me te mahi rapu
Karekau he mea pai i konei—Ko nga putunga putunga a GitHub he raarangi whakakororia noa.
Ko te whainga ko te whakaatu i nga putunga me te tuku i te kaiwhakamahi ki te tātari. Whakamahi API GitHub mana ki te tiki putunga mo ia kaiwhakamahi.
Ko nga korerorero he huarahi korero rongonui na te ngawari me te ngawari o te whakamahi. Engari he aha te mea e whakakaha ana i nga ruma korerorero hou? Tukutuku!
He aha ka ako koe:
Whakamahia nga Paetukutuku, te whakawhitiwhiti korero me nga whakahou raraunga
Mahi me nga taumata urunga kaiwhakamahi (hei tauira, kei te rangatira o te hongere korerorero te mahi admin, me etahi atu i roto i te ruma - user)
Tukatuka me te whakamana i nga puka - mahara, ko te matapihi korero mo te tuku karere input
Waihangahia ka uru atu ki nga korerorero rereke
Mahi me nga karere whaiaro. Ka taea e nga kaiwhakamahi te korerorero takitahi me etahi atu kaiwhakamahi. Ko te tikanga, ka whakatauhia e koe he hononga WebSocket i waenga i nga kaiwhakamahi e rua.
6. Navigation-style
He aha te mea ahurei o tenei whakaterenga ko te hurihanga o te ipu popover kia uru ki nga ihirangi. He huatau ki tenei whakawhitinga ka whakaritea ki nga tikanga tuku iho o te whakatuwhera me te kati i te pouver hou.
He aha ka ako koe:
Whakakotahitia nga pakiwaituhi CSS me nga whakawhitinga
Whakamaramahia te ihirangi ka hoatu te karaehe hohe ki te huānga maanu
Whakamātauria te mahi i a koe i te tuatahi, engari ki te hiahia awhina koe, tirohia tenei taahiraa i te taahiraa aratohu.