Lix hawlood oo loogu talagalay horumariyaha Front-End

1. Foomka kaarka deynta

Qaab kaar kredit ah oo qabow oo leh is dhexgalka yar yar ee fudud oo lagu raaxaysto. Waxa ku jira qaabaynta lambarka, xaqiijinta iyo ogaanshaha nooca kaadhka tooska ah. Waxay ku dhisan tahay Vue.js waxayna sidoo kale si buuxda uga jawaabtay. (Waad arki kartaa halkan.)

credit-card-form

Waxaad baran doontaa:

• Habraaca oo ansixi foomamka
• Xakamee dhacdooyinka (tusaale ahaan, marka goobuhu isbedelaan)
• Faham sida loo soo bandhigo oo u dhig walxaha bogga, gaar ahaan macluumaadka kaadhka deynta ee ka muuqda foomka dushiisa

Maqaalka waxaa lagu turjumay iyadoo ay taageerayaan EDISON Software, kaas oo waxa ay ilaalisaa caafimaadka barmaamijyada iyo quraacdoodaMarkaasay soo saara software gaar ah.

2. Histogram

Histogram-ku waa jaantus ama garaaf ka tarjumaya xog gaar ah oo leh baarar leydi ah oo leh dherer ama dherer u dhigma qiyamka ay matalaan.

Waxaa lagu dabaqi karaa si toos ah ama toosan. Shaxda bar toosan waxaa mararka qaarkood loo yaqaannaa jaantuska.

Waxaad baran doontaa:

• U muuji xogta si habaysan oo la fahmi karo
• Intaa waxaa dheer: Baro sida loo isticmaalo curiyaha canvas iyo sida loo sawiro canaasiirta

waa waxaad ka heli kartaa xogta dadweynaha adduunka. Waxaa lagu kala soocaa sanadka.

3. Twitter Heart Animation

Dib ugu noqoshada 2016, Twitter waxay soo bandhigtay animation-kan cajiibka ah ee tweets-keeda. Laga bilaabo 2019, wali waxay u muuqataa qaybta, markaa maxaad adigu u abuurin mid ka mid ah?

Waxaad baran doontaa:

• Ku shaqee sifada CSS keyframes
• Maarayso oo dhaqan geli walxaha HTML
• Isku-dar JavaScript, HTML iyo CSS

4. Kaydka GitHub oo leh shaqo raadin

Ma jiraan wax qurux badan halkan — Kaydka GitHub waa kaliya liis la ammaanay.
Hadafka waa in la soo bandhigo kaydadka oo loo oggolaado isticmaaluhu inuu shaandheeyo. Isticmaal GitHub API ee rasmiga ah si aad u hesho kayd isticmaale kasta.

Bogga profile GitHub - github.com/indreklasn

Waxaad baran doontaa:

• Ka hel xogta API
• Muuji xogta API
• Shaandhee oo tus xogta ku habboon raadinta kasta
• Ikhtiyaar: Haddii aad u socoto tartan, isticmaal API v4, la dhisay iyadoo la isticmaalayo GraphQL. Haddii aad rabto inaad barato GraphQL, aad mid ka mid ah maqaaladeydii hore.

5. Sheekaysiga qaabka Reddit

Sheekaysigu waa hab caan ah oo isgaadhsiineed taas oo ay ugu wacan tahay fudaydnimadooda iyo isticmaalkooda. Laakiin maxaa runtii sii hurinaya qolalka lagu sheekeysto ee casriga ah? WebSockets!

Waxaad baran doontaa:

• Adeegso WebSockets, isgaadhsiinta wakhtiga-dhabta ah iyo cusboonaysiinta xogta
• La shaqee heerarka gelitaanka isticmaalaha (tusaale, milkiilaha kanaalka wada sheekaysiga ayaa leh doorka admin, iyo kuwa kale ee qolka - user)
• Habka oo ansixi foomamka - xasuusnoow, daaqadda wada sheekaysiga ee fariinta diritu waa input
• Abuur oo ku biir sheekoyin kala duwan
• La shaqee fariimaha gaarka ah. Isticmaalayaashu waxay si gaar ah ula hadli karaan isticmaalayaasha kale. Asal ahaan, waxaad samayn doontaa isku xirka WebSocket ka dhexeeya laba isticmaale.

6. Navigation-style-qaabeeya

Maxaa ka dhigaya marin-hayntan mid gaar ah waa in weelka boodboodka ahi isu beddelo inuu ku habboon yahay waxa ku jira. Waxaa jira xarrago u ah kala-guurkan marka loo eego hab-dhaqanka soo jireenka ah ee furitaanka iyo xidhitaanka popover cusub.

Waxaad baran doontaa:

• Isku dhafka CSS animations iyo wareejinta
• Nuxurka hoos u dhig oo ku dabaq fasalka firfircoon cunsur sabeeyey

Isku day in aad adigu samayso marka hore, laakiin haddii aad u baahan tahay caawimo, hubi tan talaabo talaabo hage.

Source: www.habr.com