Kuvaluotto: Pexels

Kuinka olla parempi Frontend-kehittäjä

Hei, ollut jonkin aikaa. Toivottavasti olet ollut kiireinen . Olen itsekin ollut kiireinen. Mutta olen taas täällä.

Tässä pienessä artikkelissa aion kertoa teille muutamasta asiasta, joka mielestäni tekee teistä paremman Frontend-kehittäjän. Varmista, ettet kyllästy ja lopu tämän lukemiseen yhdellä kertaa. Pidän sitä mahdollisimman yksinkertaisena.

Kuten tiedät, käyttöliittymäkehitys on todella välttämätöntä ohjelmistokehityksessä. Taustalogiikkasi voi olla maailmankaikkeuden paras, mutta kukaan ei välitä siitä, ainakaan loppukäyttäjistäsi. He välittävät siitä, mitä he näkevät, mitä he voivat tuntea, mikä on työsi Frontend-osa.

Saatat ajatella: "Frontend ei ole minun liiketoiminta, olen taustan kehittäjä", mutta totuus on: Se on yrityksesi. Hyvällä suunnittelulla on oltava ainakin jonkin verran silmää. Et näe kovin söpöä koiraa ja päätät valita ruma, outo näköinen koira, eikö niin? Lyön vetoa, että vastauksesi on ei. Olkoon sama asia teoksissasi.

Kuvittelen itseni loppukäyttäjäksi monta kertaa, ja tällä tavoin voin tarkistaa useimmat asiat, jotka kaikki loppukäyttäjät tarkistaisivat käyttäessäni ohjelmistoni, ja niin kauan kun joku muu suorittaa testin, minulla on vähemmän asioita korjattavissa.

Joten asiat, jotka sinun on pohdittava lyhyesti, ovat seuraavat:

Ensimmäinen mobiililaitteiden renderointi

Sovelluksesi näytön tulisi olla hyvä mobiililaitteissa. Tämän ei pitäisi myöskään tehdä ulkonäöstä pöytätietokoneiden ilmeistä. Ja varmista, että molemmissa näytöissä on sama sisältö.

Käytä hienoja fontteja

Älä tyydy hulluilla kirjasimilla. Muista aina käyttää hienoja fontteja. Käytä Google Fontsia ja säästää itsellesi vaikeuksia fonttien lataamisessa. Mutta ei haittaa, että tällaisia ​​kirjasimia on myös koneellasi. Offline-tarkoituksiin.

Sileä vieritys

Haluat varmistaa, että käyttäjilläsi on sujuva ja sujuva kokemus alustallasi ollessasi. Vaikka et käytä SmoothScroll JavaScript -kirjastoa? Sinun ei tarvitse alkaa kirjoittaa omaa JavaScriptiä.

Toimi älykkäästi! Pyöriä ei tarvitse keksiä uudelleen, kun käytettävissä on työkalu.

Ole luova - Käytä animaatioita

Sovelluksesi ei tarvitse olla kuin kivikauden sovellukset. Nykyaikaisten sovellusten tulisi käyttää animaatioita. Katso artikkeli Wow.js: n ja Animate.css: n käytöstä upeiden animaatioiden tekemiseen.

Käytä tasaisia ​​kuvakkeita ja vektorikuvia

Verkkosivustosi kuvakkeissa ei pitäisi olla pelkästään Mahtavia fontti-kuvakkeita tai Bootstrap Glyphicons -sovelluksia, sen sijaan sinun tulisi käyttää sovelluksessasi litteitä kuvakkeita ja vektorikuvia. Sinulla on paljon puhtaampi käyttöliittymä käyttämällä näitä kuin pelkästään luottaminen fonttipaketteihin.

Väri harmonia

Varmista, että sovelluksissasi käyttämät värit ovat täysin synkronoituja. Älä mellakoi värejä.

SweetAlerts!

Ah, kyllä! SweetAlerts! Menevät ovat perinteisten JavaScript-hälytysten päivät. Käytä SweetAlert (swal) -sovellusta ja pidä “fani” -hälytysviestejä sovelluksissasi.

Jotta kaikkea kruunatetta on, pidä jotain muotoilua. Ei olisi haittaa tietää kuinka suunnitella yksinkertainen logo (vaikka se ei olisi aluksi niin ammattimaista), sekoittaa värejä ja graafisen suunnittelun perustaidot parantamaan etusivua.

Nautitko tästä artikkelista? Taputtele, jaa verkkoosi! Seuraa minua Twitterissä: @iamwebwiz ja seuraa minua Mediumissa.

Hyvää hakkerointia !!!