Imisebenzi eyisithupha yonjiniyela we-Front-End

1. Ifomu lekhadi lesikweletu

Umumo omuhle wekhadi lesikweletu elinokusebenzelana okuncane okubushelelezi nokujabulisayo. Kufaka ukufometha izinombolo, ukuqinisekiswa kanye nokutholwa kohlobo lwekhadi okuzenzakalelayo. Yakhelwe ku-Vue.js futhi isabela ngokugcwele. (Uyabona lapha.)

ifomu lekhadi lesikweletu

Ozokufunda:

• Lungiselela futhi uqinisekise amafomu
• Phatha imicimbi (isibonelo, uma izinkambu zishintsha)
• Qonda ukuthi ungabonisa kanjani futhi ubeke izinto ekhasini, ikakhulukazi ulwazi lwekhadi lesikweletu elivela phezu kwefomu

I-athikili ihunyushwe ngosekelo lwe-EDISON Software, okuyiyona inakekela impilo yabahleli bohlelo kanye nesidlo sasekuseni saboFuthi ithuthukisa isoftware yangokwezifiso.

2. I-Histogram

I-histogram iyishadi noma igrafu emelela idatha yesigaba enemishayo engunxande enobude noma ubude ngokulingana namanani abawameleyo.

Angasetshenziswa ngokuqondile noma ngokuvundlile. Ishadi lebha elimile ngezinye izikhathi libizwa ngokuthi ishadi lomugqa.

Ozokufunda:

• Bonisa idatha ngendlela ehlelekile neqondakalayo
• Ukwengeza: Funda indlela yokusebenzisa isici canvas nendlela yokudweba izakhi ngayo

kuyinto ungathola idatha yabantu bomhlaba. Ahlelwa ngonyaka.

3. Twitter Heart Animation

Emuva ngo-2016, i-Twitter yethula lesi sithombe esimangalisayo sama-tweets ayo. Kusukela ngo-2019, isabukeka njengengxenye, kungani ungazaleli wena?

Ozokufunda:

• Sebenza ngesibaluli se-CSS keyframes
• Qoqa futhi uphilise izici ze-HTML
• Hlanganisa i-JavaScript, i-HTML ne-CSS

4. Amakhosombe e-GitHub anomsebenzi wokusesha

Akukho lutho oluhle lapha—Amakhosombe e-GitHub awuhlu olukhazinyulisiwe nje.
Umgomo uwukubonisa amaqoqo futhi uvumele umsebenzisi ukuthi awahlunge. Sebenzisa I-GitHub API esemthethweni ukuthola amaqoqo omsebenzisi ngamunye.

Ikhasi lephrofayela ye-GitHub - github.com/indreklasn

Ozokufunda:

• Thola idatha evela ku-API
• Bonisa idatha evela ku-API
• Hlunga futhi ubonise idatha efanele yosesho ngalunye
• Ongakukhetha: Uma ufuna inselele, sebenzisa I-API v4, eyakhiwe kusetshenziswa i-GraphQL. Uma ufuna ukufunda i-GraphQL, hamba kwesinye sezindatshana zami ezedlule.

5. Izingxoxo zesitayela se-Reddit

Izingxoxo ziyindlela yokuxhumana edumile ngenxa yobulula bazo kanye nokusebenziseka kalula. Kodwa yini ngempela ebhebhezela izingosi zengevu zesimanje? WebSockets!

Ozokufunda:

• Sebenzisa ama-WebSockets, ukuxhumana kwesikhathi sangempela nezibuyekezo zedatha
• Sebenza ngamaleveli wokufinyelela komsebenzisi (isibonelo, umnikazi wesiteshi sengxoxo unendima admin, nabanye ekamelweni - user)
• Cubungula futhi uqinisekise amafomu - khumbula, iwindi lengxoxo lokuthumela umlayezo input
• Dala futhi ujoyine izingxoxo ezahlukene
• Sebenza ngemilayezo yomuntu siqu. Abasebenzisi bangaxoxa nabanye abasebenzisi ngasese. Empeleni, uzobe usungula uxhumano lweWebSocket phakathi kwabasebenzisi ababili.

6. Ukuzulazula kwesitayela somthende

Okwenza lokhu kuzulazula kuhluke ukuthi isiqukathi se-popover siyashintsha ukuze silingane nokuqukethwe. Kunobuhle kulolu shintsho uma kuqhathaniswa nokuziphatha okujwayelekile kokuvula nokuvala i-popover entsha.

Ozokufunda:

• Hlanganisa opopayi be-CSS noshintsho
• Fiphalisa okuqukethwe futhi usebenzise isigaba esisebenzayo kusici esintantayo

Zama ukuzenzela wena kuqala, kodwa uma udinga usizo, hlola lokhu step by step guide.

Source: www.habr.com