Ọrụ isii maka onye nrụpụta Front-End

1. Ụdị kaadị kredit

Ụdị kaadị kredit dị mma nke nwere obere mmekọrịta na-atọ ụtọ. Na-agụnye nhazi nọmba, nkwenye na nchọpụta ụdị kaadị akpaka. Ewuru ya na Vue.js ma na-anabatakwa ya nke ọma. (Ị nwere ike ịhụ ebe a.)

kredit-kaadị-ụdị

Ihe ị ga-amụta:

• Hazie ma kwado ụdịdị
• Jikwaa mmemme (dịka ọmụmaatụ, mgbe mpaghara gbanwere)
• Ghọta ka esi egosipụta na idowe ihe ndị dị na ibe ahụ, ọkachasị ozi kaadị kredit nke pụtara n'elu ụdị ahụ

Atụgharịrị akụkọ a site na nkwado nke EDISON Software, nke na-elekọta ahụike nke mmemme na nri ụtụtụ haNa na-emepụta ngwanrọ omenala.

2. Histogram

Histogram bụ eserese ma ọ bụ eserese nke na-anọchi anya data categorical nwere ogwe akụkụ anọ nwere ogo ma ọ bụ ogologo ya na ụkpụrụ ha na-anọchi anya ya.

Enwere ike itinye ha na kwụ ọtọ ma ọ bụ kehoraizin. A na-akpọ chaatị mmanya kwụ ọtọ mgbe ụfọdụ eserese ahịrị.

Ihe ị ga-amụta:

• Gosipụta data n'ụzọ ahaziri na nghọta
• Na mgbakwunye: Mụta ka esi eji mmewere canvas na otu esi adọta ihe na ya

ọ bụ ị nwere ike ịhụ data ọnụọgụgụ ụwa. A na-ahazi ha site n'afọ.

3. Twitter Obi Animation

Laa azụ na 2016, Twitter webatara ihe nkiri a dị ịtụnanya maka tweet ya. Dị ka nke 2019, ọ ka na-ele anya akụkụ ahụ, yabụ gịnị kpatara na ị gaghị ekepụta onwe gị?

Ihe ị ga-amụta:

• Na-arụ ọrụ na àgwà CSS keyframes
• Megharịa ma megharịa ihe HTML
• Jikọta JavaScript, HTML na CSS

4. GitHub repositories nwere ọrụ ọchụchọ

Ọ nweghị ihe mara mma ebe a — ebe nchekwa GitHub bụ naanị ndepụta ebube.
Ebumnuche bụ igosipụta ebe nchekwa ma kwe ka onye ọrụ nyochaa ha. Jiri GitHub API gọọmentị iji nweta ebe nchekwa maka onye ọrụ ọ bụla.

GitHub profaịlụ ibe - github.com/indreklasn

Ihe ị ga-amụta:

• Nweta data sitere na API
• Gosipụta data sitere na API
• Wepụta ma gosi data dabara adaba maka nchọ ọ bụla
• Nhọrọ: Ọ bụrụ na ị nwere ihe ịma aka, jiri API v4, wuru site na iji GraphQL. Ọ bụrụ na ịchọrọ ịmụ GraphQL, gaa na otu akụkọ m gara aga.

5. Mkparịta ụka ụdị Reddit

Mkparịta ụka bụ ụzọ nzikọrịta ozi na-ewu ewu n'ihi ịdị mfe na ịdị mfe iji ya. Ma gịnị n'ezie na-eme ka ebe a na-akparịta ụka n'Intanet na-akpali akpali? WebSockets!

Ihe ị ga-amụta:

• Jiri WebSockets, nzikọrịta ozi na mmelite data ozugbo
• Na-arụ ọrụ na ọkwa ịnweta onye ọrụ (dịka ọmụmaatụ, onye nwe ọwa nkata nwere ọrụ ya admin, na ndị ọzọ nọ n'ime ụlọ - user)
• Usoro ma kwado ụdị - cheta, windo nkata maka izipu ozi bụ input
• Mepụta ma sonye nkata dị iche iche
• Jiri ozi nkeonwe rụọ ọrụ. Ndị ọrụ nwere ike soro ndị ọrụ ndị ọzọ kparịta ụka na nzuzo. N'ikpeazụ, ị ga-emebe njikọ WebSocket n'etiti ndị ọrụ abụọ.

6. Ntugharị ụdị nke warara

Ihe na-eme njem njem a pụrụ iche bụ na akpa popover na-agbanwe ka ọ dabara na ọdịnaya. Enwere mma na mgbanwe a ma e jiri ya tụnyere omume ọdịnala nke imeghe na imechi popover ọhụrụ.

Ihe ị ga-amụta:

• Jikọta ihe nkiri CSS na mgbanwe
• Mebie ọdịnaya ma tinye klaasị na-arụ ọrụ na mmewere sere n'elu

Gbalịa mee ya n'onwe gị na mbụ, mana ọ bụrụ na ịchọrọ enyemaka, lelee nke a nzọụkwụ site nzọụkwụ ndu.

isi: www.habr.com