Ose fa'ailoga mata'utia kata fai aitalafu ma fa'alelei ma malie fa'atasiga laiti. E aofia ai le fa'avasegaina o numera, fa'amaoniga ma le su'esu'eina o le ituaiga kata fa'atotonu. O lo'o fausia i luga o le Vue.js ma e tali atoatoa fo'i. (E mafai ona e vaʻai iinei.)
O le histogram o se siata poʻo se kalafi o loʻo faʻatusalia faʻamaumauga faʻapitoa ma faʻamau faʻataʻifaʻatasi ma maualuga poʻo umi e faʻatatau i tau o loʻo faʻatusalia.
E mafai ona faʻaoga i luga pe faʻalava. O le siata fa'amau i luga e ta'ua i nisi taimi o le siata laina.
O mea o le a e aʻoaʻoina:
Fa'aali fa'amatalaga i se auala fa'atulagaina ma malamalama
Fa'aopoopo: Aoao pe fa'apefea ona fa'aoga le elemene canvas ma le auala e tusi ai elemene i ai
o e mafai ona e mauaina faʻamaumauga o le faitau aofaʻi o le lalolagi. E fa'avasega i tausaga.
3. Twitter Heart Animation
I tua i le 2016, na faʻaalia ai e Twitter lenei faʻafiafiaga ofoofogia mo ana tweets. E oʻo mai i le 2019, o loʻo foliga mai o le vaega, aisea la e te le faia ai oe lava ia?
O mea o le a e aʻoaʻoina:
Galulue ma le uiga CSS keyframes
Fa'atonu ma fa'aola elemene HTML
Faʻatasi le JavaScript, HTML ma CSS
4. GitHub faleteuoloa ma galuega su'esu'e
E leai se mea manaia iinei-GitHub repository ua na o se lisi mamalu.
O le sini o le faʻaalia o fale teu oloa ma faʻatagaina le tagata faʻaoga e faʻamama ai. Fa'aoga GitHub API aloaia e maua ai faleoloa mo tagata faʻaoga taʻitasi.
O talatalanoaga o se auala lauiloa o fesoʻotaʻiga ona o le faigofie ma le faʻaogaina. Ae o le a le mea moni e faʻamalosia ai potu talatalanoa faʻaonaponei? WebSockets!
O mea o le a e aʻoaʻoina:
Fa'aaoga WebSockets, feso'ota'iga fa'a-taimi ma fa'amatalaga fa'amaumauga
Galulue faʻatasi ma tulaga faʻaoga avanoa (mo se faʻataʻitaʻiga, e iai le matafaioi a lē e ona le auala talatalanoaga admin, ma isi i totonu o le potu - user)
Fa'agasolo ma fa'amaonia pepa - manatua, o le fa'amalama talatalanoaga mo le lafoina o se fe'au o le input
Fausia ma auai i talatalanoaga eseese
Galue ma savali patino. E mafai e tagata fa'aoga ona talatalanoa fa'atasi ma isi tagata fa'aoga. O le mea moni, o le ae faʻatuina se fesoʻotaʻiga WebSocket i le va o tagata e toʻalua.
6. Fa'atauva'a fa'alava
O le a le tulaga e tulaga ese ai lenei folauga ona o le pusa popover e suia ina ia fetaui ma mea o loʻo i totonu. O lo'o i ai se lalelei i lenei suiga pe a fa'atusatusa i amioga masani o le tatalaina ma le tapunia o se popover fou.
O mea o le a e aʻoaʻoina:
Fa'atasia fa'afiafiaga CSS ma suiga
Fa'agogo le anotusi ma fa'aoga le vasega malosi i le elemene fa'afefe