Imisebenzi emithandathu yomphuhlisi we-Front-End

1. Ifomu yekhadi letyala

Ubume bekhadi letyala elipholileyo elinonxibelelwano oluthambileyo nolonwabisayo lwemicro. Ibandakanya ukufomatha inombolo, uqinisekiso kunye nobhaqo oluzenzekelayo uhlobo lwekhadi. Yakhiwe kwi-Vue.js kwaye ikwaphendula ngokupheleleyo. (Ungabona apha.)

Ikhadi letyala-ifomu

Uya kufunda ntoni:

• Inkqubo kwaye uqinisekise iifomu
• Bamba imisitho (umzekelo, xa amabala etshintsha)
• Qonda indlela yokubonisa kunye nokubeka izinto kwiphepha, ngakumbi ulwazi lwekhadi letyala elivela phezulu kwifomu

Eli nqaku liguqulelwe ngenkxaso ye-EDISON Software, leyo ikhathalela impilo yabacwangcisi kunye nesidlo sakusasa sabo, kwakunye iphuhlisa inkqubo yesoftware.

2. I-Histogram

I-histogram yitshathi okanye igrafu emele idata yodidi eneentsimbi ezixande ezinobude okanye ubude obulungelelanisiweyo kumaxabiso eziwameleyo.

Zingasetyenziswa ngokuthe nkqo okanye ngokuthe tye. Itshathi yebha ethe nkqo ngamanye amaxesha ibizwa ngokuba yitshathi yomgca.

Uya kufunda ntoni:

• Bonisa idatha ngendlela eyakhiweyo neqondakalayo
• Ukongeza: Funda indlela yokusebenzisa isiqalelo canvas kunye nendlela yokuzoba izinto ngayo

kuyinto ungafumana idatha yabemi behlabathi. Zihlelwa ngokonyaka.

3. Twitter Heart oopopayi

Emuva kwi-2016, i-Twitter yazisa le mifanekiso emangalisayo yeetweets zayo. Ukusukela ngo-2019, isajongeka njengenxalenye, kutheni ungazenzi ngokwakho?

Uya kufunda ntoni:

• Sebenza ngophawu lweCSS keyframes
• Lawula kwaye uphilise izinto ze-HTML
• Hlanganisa iJavaScript, iHTML kunye neCSS

4. Iindawo zokugcina zeGitHub ezinomsebenzi wokukhangela

Akukho nto intle apha-iGitHub zokugcina luluhlu oluzukisiweyo.
Injongo kukubonisa iindawo zokugcina kwaye uvumele umsebenzisi ukuba azihluze. Sebenzisa esemthethweni GitHub API ukufumana iindawo zokugcina zomsebenzisi ngamnye.

Iphepha leprofayile yeGitHub - github.com/indreklasn

Uya kufunda ntoni:

• Fumana idatha kwi-API
• Bonisa idatha esuka kwi-API
• Hlunga kwaye ubonise idatha efanelekileyo kukhangelo ngalunye
• Ukuzikhethela: Ukuba ulungele umngeni, sebenzisa I-API v4, yakhiwe kusetyenziswa iGraphQL. Ukuba ufuna ukufunda iGraphQL, yiya kwelinye lamanqaku am angaphambili.

5. Iincoko zesimbo seReddit

Iincoko ziyindlela edumileyo yonxibelelwano ngenxa yokulula kunye nokusebenziseka ngokulula. Kodwa yintoni ephembelela amagumbi okuncokola anamhlanje? WebSockets!

Uya kufunda ntoni:

• Sebenzisa iWebSockets, unxibelelwano lwexesha langempela kunye nohlaziyo lwedatha
• Sebenza ngamanqanaba okufikelela komsebenzisi (umzekelo, umnini wesiteshi sengxoxo unendima admin, kunye nabanye egumbini - user)
• Inkqubo kwaye uqinisekise iifom - khumbula, ifestile yengxoxo yokuthumela umyalezo input
• Yenza kwaye ujoyine iingxoxo ezahlukeneyo
• Sebenza ngemiyalezo yakho. Abasebenzisi banokuncokola nabanye abasebenzisi ngasese. Ngokusisiseko, uya kuseka unxibelelwano lweWebSocket phakathi kwabasebenzisi ababini.

6. Indlela yokukhangela imigca

Yintoni eyenza le navigation ibe yodwa kukuba isikhongozeli se-popover siyatshintsha ukuze silingane nomxholo. Kukho ubuhle kolu tshintsho xa kuthelekiswa nokuziphatha kwendabuko yokuvula kunye nokuvala i-popover entsha.

Uya kufunda ntoni:

• Dibanisa oopopayi beCSS kunye neenguqu
• Dim umxholo kwaye usebenzise iklasi esebenzayo kwinto edadayo

Zama ukwenza ngokwakho kuqala, kodwa ukuba ufuna uncedo, khangela oku inyathelo ngenyathelo isikhokelo.

umthombo: www.habr.com