Billedkredit: Pexels

Hvordan man kan være en bedre frontend-udvikler

Hej, været et stykke tid. Håber du har haft travlt . Jeg har også selv været travlt. Men jeg er her igen.

I denne lille artikel deler jeg med dig nogle få ting, som jeg tror vil gøre dig til en bedre Frontend-udvikler. Sørg for ikke at kede dig og færdig med at læse dette med det samme. Jeg vil holde det så enkelt som muligt.

Frontend-udvikling, som du ved, er virkelig vigtig i softwareudvikling. Din backend-logik kan være den bedste i universet, men ingen er interesseret i det, i det mindste ikke dine slutbrugere. Hvad de interesserer sig for er, hvad de ser, hvad de kan føle, hvilket er Frontend-delen af ​​dit arbejde.

Du tænker muligvis: "Frontend er ikke min forretning, jeg er en backend-udvikler", men sandheden er: Det er din forretning. Du skal i det mindste også have et øje for godt design. Du ville ikke se en meget sød hund og beslutte at vælge den grimme, underlige udseende, vil du? Jeg ved, at dit svar er nej. Lad det samme gælde for dine værker.

Jeg forestiller mig mange gange mig som slutbruger. På den måde kan jeg tjekke for det meste, som enhver slutbruger ville kontrollere, når jeg bruger min software, og så når en anden kører en test, har jeg mindre ting til at rette op.

Så de ting, du skal overveje kort, er som følger:

Mobil første gengivelse

Din app skal have en god skærm på mobile enheder. Det burde ikke gøre udseendet på desktop-enheder også skidt. Og sørg for at have det samme indhold på begge skærme.

Brug kølige skrifttyper

Tilpas dig ikke med crappy skrifttyper. Sørg altid for at bruge seje skrifttyper. Brug Google-skrifttyper, og spar dig selv problemer med at downloade skrifttyper. Men det skader ikke også at have sådanne skrifttyper på din maskine. Til offline formål.

Glat rulning

Du vil sikre dig, at dine brugere får en flydende, glat oplevelse, mens de er på din platform. Brug ikke SmoothScroll JavaScript-bibliotek? Ingen grund til at begynde at skrive din egen JavaScript.

Arbejd smart! Det er ikke nødvendigt at genfinde hjulene, når der er et værktøj, du kan bruge.

Vær kreativ - Brug animationer

Din app behøver ikke at være som disse apps fra stenalderen . Moderne apps skal bruge animationer. Tjek min artikel om brug af Wow.js og Animate.css for at lave fantastiske animationer.

Brug flade ikoner og vektorbilleder

Dine webstedsikoner skal ikke kun omfatte Font Awesome-ikoner eller Bootstrap Glyphicons, i stedet skal du bruge flade ikoner og vektorbilleder i din app. Du får en meget mere renere grænseflade ved hjælp af disse end blot at stole på fontbunter.

Farveharmoni

Sørg for, at farver, du bruger i dine apps, er i total synkronisering. Oprør ikke farver.

SweetAlerts!

Åh ja! SweetAlerts! Borte er dagene med traditionelle JavaScript-advarsler. Brug SweetAlert (swal) og har "fancier" alarmer i dine apps.

For at krone det hele, har en vis design forstand. Det ville ikke skade at vide, hvordan man designer et simpelt logo (selvom ikke så professionelt i starten), bland farver, grundlæggende grafisk designfærdigheder for at styrke din frontend.

Kan du lide denne artikel? Klap, del med dit netværk! Følg mig på Twitter: @iamwebwiz og følg mig på Medium.

Happy Hacking !!!