Mabasa matanhatu eFront-End developer

1. Fomu yekadhi rechikwereti

Iyo inotonhorera kadhi rechikwereti chimiro ine yakatsetseka uye inonakidza micro-kudyidzana. Inosanganisira mafomati enhamba, kuongorora uye otomatiki mhando yekadhi. Yakavakwa paVue.js uye zvakare inoteerera zvizere. (Unogona kuona pano.)

kiredhiti-kadhi-fomu

Zvauchadzidza:

• Gadzirisa uye simbisa mafomu
• Bata zviitiko (semuenzaniso, kana minda ichichinja)
• Nzwisisa maratidziro nekuisa zvinhu papeji, kunyanya ruzivo rwekadhi rechikwereti rinoonekwa pamusoro pefomu

Chinyorwa chakaturikirwa nerutsigiro rweEDISON Software, iyo inotarisira hutano hwevagadziri uye kudya kwavo kwemangwanani, pamwe chete inogadzira tsika software.

2. Histogram

Histogram ichati kana girafu inomiririra dhata rechikamu rine rectangular mbariro dzine hurefu kana kureba zvinoenderana nehunhu hwavanomiririra.

Vanogona kuiswa vertically kana horizontally. Chati yebhawa yakatwasuka dzimwe nguva inonzi mutsara wechati.

Zvauchadzidza:

• Ratidza data nenzira yakarongeka uye inonzwisisika
• Uyezve: Dzidza mashandisiro echinhu canvas uye maitiro ekudhirowa zvinhu nazvo

zviri unogona kuwana data yehuwandu hwepasirese. Dzinorongwa negore.

3. Twitter Mwoyo Animation

Kudzoka muna 2016, Twitter yakaunza iyi inoshamisa animation yematweets ayo. Kubva muna 2019, ichiri kutaridzika chikamu, saka wadii kugadzira iwe pachako?

Zvauchadzidza:

• Shanda neCSS hunhu keyframes
• Gadzirisa uye shandura zvinhu zveHTML
• Sanganisa JavaScript, HTML uye CSS

4. GitHub repositories nekutsvaga basa

Hapana chinhu chinoshamisira pano-GitHub repositori ingori rondedzero inokudzwa.
Chinangwa ndechekuratidza marepositori uye kubvumira mushandisi kuasefa. Shandisa official GitHub API kuti uwane repositories ega ega mushandisi.

GitHub peji peji - github.com/indreklasn

Zvauchadzidza:

• Gamuchira data kubva kuAPI
• Ratidza data kubva kuAPI
• Sefa uye ratidza data rakakodzera patsvakiridzo yega yega
• Sarudzo: Kana iwe wagadzirira dambudziko, shandisa API v4, yakavakwa uchishandisa GraphQL. Kana iwe uchida kudzidza GraphQL, enda kune chimwe chezvinyorwa zvangu zvakapfuura.

5. Reddit-style chats

Chats inzira yakakurumbira yekutaurirana nekuda kwekureruka kwavo uye nyore kushandisa. Asi chii chaizvo chinopisa machat rooms emazuva ano? WebSockets!

Zvauchadzidza:

• Shandisa WebSockets, chaiyo-nguva kutaurirana uye data updates
• Shanda nemazinga ekuwana mushandisi (semuenzaniso, muridzi wechat chiteshi ane basa admin, uye vamwe mumba - user)
• Gadzira uye simbisa mafomu - rangarira, iyo yekutaura hwindo rekutumira meseji iri input
• Gadzira uye ubatane chats dzakasiyana
• Shanda nemashoko ako pachako. Vashandisi vanogona kutaura nevamwe vashandisi muchivande. Chaizvoizvo, iwe unenge uchigadzira WebSocket yekubatanidza pakati pevashandisi vaviri.

6. Stripe-style navigation

Chii chinoita kuti kufambisa uku kuve kwakasiyana ndechekuti popover mudziyo unoshandura kuti ukwane zviri mukati. Pane kunaka kune iyi shanduko kana ichienzaniswa nemaitiro echinyakare ekuvhura nekuvhara popover nyowani.

Zvauchadzidza:

• Sanganisa CSS animations neshanduko
• Dim zvemukati uye shandisa kirasi inoshanda kune yakayangarara chinhu

Edza kuzviita iwe pachako kutanga, asi kana uchida rubatsiro, tarisa izvi nhanho nhanho gwara.

Source: www.habr.com