Landing af et job som ingeniør er hårdt, men det er ikke umuligt. Denne liste blev oprettet for at hjælpe dig med at indsnævre dit fokus og mestre de færdigheder, du har brug for for at blive ingeniør i 2020. Forståeligt nok, denne liste kan være lidt overvældende for alle, der lige er kommet i gang. Af denne grund er listen opdelt i to dele:

  • Front-end Engineering Skills

Hvis du er helt ny i begge felter, vil jeg anbefale at fokusere på en liste ad gangen. På denne måde kan du stadig lande et fantastisk job og tjene en indkomst, når du opbygger dine færdigheder fra den anden liste.

UX Ingeniør job

UI/UX og Frontend
Job Finder

FINDE JOB

UX-Design Færdigheder

I verden af web-udvikling, ux-design er afgørende. Mens front-end tekniske færdigheder er nødvendige for at opbygge hurtige og skalerbare produkter, er det designfærdigheder, der sikrer, at disse produkter ikke er spild af indsats. Uden en vis viden om design, kan du bruge uger eller måneder på at opbygge et produkt, som ingen ønsker. Design hjælper med at fjerne tvivl, så du kan bygge produkter, som folk faktisk finder nyttige.

#1 – empati empati er kernen i dit design. Du har brug for evnen til at sætte dig selv i din brugers sko for at designe produkter, de vil elske. Heldigvis er empati ikke en vanskelig færdighed at udvikle. Hvis du forstår, hvorfor nogle produkter gør dig glad, og hvorfor nogle produkter frustrerer dig, er du halvvejs der!Empati i Design: Hvordan virker det?Udviklere kan undertiden kæmpe med empati, fordi forbedringer kan virke mindre sammenlignet med “omkostningerne” ved at implementere dem. Hvis dette er dig, modstå fristelsen til at sætte din egen bekvemmelighed Over din brugers tilfredshed. Skær ikke hjørner. Har empati. Start med brugeroplevelsen og arbejd baglæns.

#2 – problemløsning problemløsning færdigheder er vigtige for både design og front-end engineering. Jeg vil dog hævde, at det er endnu vigtigere for dig. Hvorfor? Fordi de fleste af dine problemer er unikke og specifikke for din egen brugers behov. Det er ofte meget lettere at finde svar på programmeringsspørgsmål, end det er for UKs-problemer.Med dette i tankerne har du brug for evnen til at komme med kreative løsninger til en række problemer. Med empati og problemløsningskompetencer kombineret kan du begynde at forstå din brugers smertepunkter og designe reelle løsninger til dem.

#3 – Observation som nævnt er størstedelen af UKs-problemer unikke, men ikke alle af dem. At have ivrige observation færdigheder vil spare dig mange hovedpine ned ad vejen. Denne færdighed er især nyttig til” design “- stykket ” design.”Dine brugere er over hele internettet. De bruger sociale medier, læser blogs, ser YouTube-videoer. Hvis de gør det, så skal du også gøre det.Observationsevner hjælper dig med at få øje på mønstre og komme foran din brugers forventninger, når tendenser bliver den nye norm.Relateret:god UI = kedeligt UI. Vær ikke kreativ uden store observationsevner er det svært at følge med i den hurtige udviklingsindustri. #4-Marketing

personligt tror jeg ikke, at denne er nævnt nok. Hos mange virksomheder arbejder designere tæt sammen med marketingafdelingen. Som designer skal du i det mindste have en grundlæggende forståelse af, hvad markedsføring er, og hvordan det fungerer. Begrebet markedsføring har generelt en lang historie med at spore kundens behov og smertepunkter. Der er mere crossover mellem marketing og design, end du måske er klar over, især i dagens tech-drevne world.At i slutningen af dagen skal du tilfredsstille brugere og den, der underskriver din lønseddel. Ved at investere lidt tid til at lære marketingfærdigheder, vil du bedre placere dig selv for at give værdi for dine brugere og din virksomhed. # 5-forskning & samtale

i mange virksomheder er forskning en helt separat rolle fra design. Det betyder dog ikke, at du er ude af krogen. Der er ikke sådan noget som design uden forskning, så du kommer ikke langt uden at lære det. For at forstå din forskning grundigt har du brug for en grad i interaktion mellem mennesker og computere eller et relateret felt. Imidlertid, som ingeniør, jeg tror, du kan klare dig uden graden.Hvis du lærer at indsamle kvalitative data fra brugere uden at bringe resultatet i fare, har du dybest set det meste af den færdighed, du har brug for til at udføre forskning. Den underliggende færdighed her er din evne til at adskille dig fra dine designs. Du skal være opmærksom på dine egne fordomme og lære at designe objektivt. Lær dette, og du vil være god at gå. # 6-statistik & dataanalyse

mens statistik og dataanalyse passer under paraplyen “forskning”, tror jeg, at der er nok forskel til at kalde dem separat her. Udnyttelse af kvantitative data er en meget effektiv måde at forstå, hvordan dine brugere interagerer med dit produkt. Har høje afvisningsprocenter? Det kan være nødvendigt at genoverveje din navigation. Forlader brugerne din side efter et par sekunder? Måske tager siden for lang tid at indlæse. Dette er blot nogle få målinger, som Google bruger til at bestemme din hjemmesides samlede brugeroplevelse. Hvis Google er opmærksom på dem, så skal du være too.As Googles CEO, Eric Schmidt udtalte:

verden vil blive arvet af statistikere

desværre kan dataanalyseprogrammer kun få dig så langt. Du har brug for en større forståelse af statistikker ud over beregning af Gennemsnit for at hjælpe dig med at træffe datadrevne beslutninger som ingeniør.

#7 – UI designværktøjer

nu kommer vi endelig til “design” – siden af tingene. Et af de største aspekter ved design er at skabe trådrammer, mockups og prototyper. Dagens mest populære UI design værktøjer er Sketch og Figma. Jeg har faktisk aldrig brugt nogen af disse (nævnte jeg teknologi bevæger sig hurtigt?), men hvis jeg skulle vælge mellem de to nu, ville jeg vælge Figma.AJ& Smart gør en god (og sjov) sammenligning i denne video. Det er værd at se på.

#8 – UI-designprincipper

måske har du bemærket, at “UI” og “ui” normalt er parret sammen? Det skyldes, at de begge er vigtige for den samlede brugeroplevelse. Forskning vil hjælpe dig med at identificere og løse specifikke designproblemer, men det vil ikke hjælpe dig med at skabe et smukt design. Til det skal du forstå ui-designprincipper, og hvordan du bruger dem effektivt.Der er visse, universelle “sandheder” om design, som enhver designer bør vide. 3 på denne liste), har du sandsynligvis hentet nogle ui-designprincipper uden engang at indse det. Nogle af disse principper inkluderer balance, justering, kontrast osv.Din brugergrænseflade er et lærred, og du er kunstneren. Anvendelse af ui-designprincipper er forskellen mellem at lave et mesterværk og at lave noget at holde fast på dit køleskab. Det gør virkelig en stor forskel. Hvis dit UI-design mangler mærket, vil folk bemærke og mangle tillid til dit brand.Relaterede: UI Design & UI Design. Hvorfor har vi brug for dem begge?

#9 – interaktionsdesign med den tidligere færdighed, UI-designprincipper, har du at gøre med udseendet af enkelte hjemmesider eller funktioner ad gangen. Med interaktionsdesign færdigheder, på den anden side, du er nødt til at tage et skridt tilbage og forstå, hvordan den side eller funktion binder sig til det “store billede.”Som navnet antyder, handler interaktionsdesign om at styre interaktionen mellem dit produkt.Uden interaktionsdesign vil dit produkt føle, at det mangler noget. I Googles Material Design spec er målet for eksempel at behandle elementer på din side, som om de findes i den virkelige verden. Dette indebærer, at objekter, der bevæger sig på siden, skal fremskynde eller bremse, som om de fulgte fysikkens love.

#10 – skrivning& kommunikation

skrive-og kommunikationsevner er vigtige for de fleste karrierer, men de er især vigtige for designere. Du vil sjældent designe grænseflader, der ikke kræver tekst, ikoner eller billeder med henblik på kommunikation. Det betyder, at du skal lære, hvordan du fuldt ud kommunikerer en besked så kortfattet som muligt.At skrive effektiv kopi er ikke så let som det lyder. Læsbarhed og forståelse er en videnskab. Det er vigtigt, at du lærer at tale dit publikums sprog, men endnu vigtigere, engagere dem med din kopi. En fejl, der er let at lave, er den afslappede brug af store ord, der kan være vanskelige for publikum at forstå. Gør ikke den fejl. Dit job er at kommunikere effektivt, ikke at imponere læserne med din viden.

Front-end Engineering Skills der har aldrig været en mere spændende tid at være front-end ingeniør. Dagens internetudviklingsindustri blomstrer med innovation. Der skabes nye værktøjer og ressourcer hver dag for at gøre vores job lettere. Disse værktøjer og ressourcer kommer dog også med en læringskurve. Hvis du er klar til at komme i gang med front-end engineering, vil de næste 10 færdigheder være afgørende for dig at komme derhen. # 11-HTML, CSS, & JavaScript

internetlandskabet har ændret sig dramatisk siden begyndelsen. Dagens front-end ingeniører forventes at kende værktøjer, metoder og bedste praksis, der ikke engang eksisterede for nogle år siden. Ting bevæger sig så hurtigt. Som front-end ingeniør bliver du konstant nødt til at lære nye færdigheder for at forblive relevant.Eller gør du?I en generel forstand, ja, du vil altid lære. Grundlaget for internetudvikling har dog altid været det samme. I kernen har vi altid haft HTML, CSS og JavaScript. Lær disse ting og lær dem godt. Alt, hvad du lærer, vil alligevel blive bygget oven på disse teknologier (for det meste).Der vil altid være en ny og spændende ramme eller bibliotek. Hvis du ikke har en forståelse af almindelig ol’ HTML, CSS og JS, så skal du ikke købe ind i den nyeste ramme, før du gør det (efter min mening). Ved at forstå ins og outs af JavaScript, for eksempel, vil du komme meget længere på lang sigt, så hvis du sprang lige ind i læring reagere i dag. Om et par år vil der komme en ny ramme, og du vil også blive hårdt presset for at lære den ene. Spar dig selv hovedpine og lær at skrive almindelig HTML, CSS og JS først.Relaterede: designere skal lære at kode (blandt andet)

#12 – semantisk HTML & tilgængelighed

HTML bruges til at beskrive din side til bro.ser, såvel som mennesker med handicap. Det er ikke et designværktøj. Når du har lært det grundlæggende i HTML, vil du gerne dykke ind i semantik og tilgængelighed. Du lærer, at HTML er mere end blot at indpakke alt i et <div> tag.Semantisk HTML handler primært om at udtrykke” betydningen ” af en hjemmeside. Ved at bruge et <nav> element fortæller du f.eks. Efterhånden som brugerne bliver klogere, bliver semantisk HTML stadig vigtigere for udviklingen af internettet.At gøre dine produkter tilgængelige for personer med handicap er også meget vigtigt. Hvis du har hentet skill # 1 på denne liste (empati), er du måske opmærksom på retningslinjerne for tilgængelighed af internetindhold (toilet)? Hvis ikke, skal du lære dem. Dit produkt er ikke rigtig brugervenligt, før det er tilgængeligt for alle.

#13 – CSS rammer, arkitektur,& Preprocessorer

når du har brugt lidt tid på at lære CSS, vil du begynde at sætte pris på behovet for rammer, metoder og preprocessorer.Afhængigt af din situation, Bootstrap er en stor CSS ramme for at få stilarter på din hjemmeside hurtigt. Men hvis projektet kræver noget mindre” Bootstrappy”, er det sandsynligvis at foretrække at skrive din egen CSS fra bunden (tilbage til det grundlæggende). Også, som ingeniør, ydeevne vil være en vigtig faktor at overveje for dine produkter. Brug af Bootstrap ud af kassen kan have ulemper, når det kommer til ydeevne.At drage fordel af en CSS-præprocessor, såsom Sass, er fantastisk af forskellige årsager. Mest af alt gør de CSS meget lettere at skrive ved at give dig mulighed for at rede stilarter inden for hinanden for at skabe specificitet. Der er også nogle andre seje funktioner, såsom brugen af variabler og blandinger. I moderne tid finder du ikke mange front-end ingeniører, der ikke bruger en præprocessor til at forenkle deres proces.Hvis du skriver dine egne stilarter fra bunden, er det yderst nyttigt at vedtage en CSS-arkitektur til at holde din kode organiseret. Jeg har kun brugt skalerbar og modulær arkitektur til CSS (SMACCS), hvilket er fantastisk, men for nylig lært om nogle andre CSS-metoder. Det er nemt for din CSS at komme ud af kontrol, hvis du ikke har en god organisationsstrategi. Det er bestemt værd at vedtage en CSS-arkitektur til din udviklingsproces.Relateret: CSS specificitet: hvordan man undgår at bruge !vigtigt i CSS

#14 – responsivt Design

responsivt design er ikke noget nyt længere. Det er næsten synonymt med internetdesign på dette tidspunkt. Ikke desto mindre er det stadig vigtigt at lære at redegøre for mange forskellige enheder og skærmopløsninger med dine designs. At undlade at lære responsivt design er en hurtig måde at forlade halvdelen af dine brugere ud af ligningen, hvilket naturligvis ville føre til en dårlig brugeroplevelse.Vi er i en mobil verden nu. Mobilen går ingen steder. Lær at designe til mobil, tablet og desktop, og du vil være god til at gå.

#15 – JavaScript rammer JavaScript rammer er vigtige, fordi programmering er dyrt. Rammer som f.eks vinkel, Vue, og React blev oprettet for at hjælpe med at fremskynde udviklingen og gøre meget af det tunge løft for dig. Af denne grund har virksomheder ingen betænkeligheder ved at vedtage JS-rammer, fordi det sparer dem penge i det lange løb.Selvfølgelig er der flere JavaScript-rammer, end du kan stole på to hænder. De søger alle at løse et andet problem. Det ville være værd at forstå, hvilke rammer der er derude. Det ville også være værd at lære mindst en JavaScript-ramme for at hjælpe dig med din internetudvikling. React ser ud til at være det mest populære valg lige nu, men det kan let ændre sig om et par korte år.

#16 – Backend udvikling

Front-end udviklere arbejder med backend udviklere temmelig tæt. Jeg foreslår ikke, at du skal blive en full-stack ingeniør (selvom det ville være ret imponerende). Imidlertid, Jeg foreslår, at det ville være umagen værd at lære nok om back – end-udvikling til bedre at engagere sig i din back-end coworkers.At i slutningen af dagen vil du sandsynligvis beslutte, hvilke data der er nødvendige for at understøtte dine projekter. At have en anstændig forståelse af back-end-udvikling vil hjælpe med at fremme denne kommunikation og sikre projektsucces.

#17 – test& Debugging

Test og debugging er kritisk for alle, der arbejder på front-end kode. Der er mange forskellige måder at “teste” dit produkt på, men den type test, du oftest udfører, vil være i bro.ser-og JavaScript-test.Chromes udviklerværktøjer (Dev Tools) er et meget kraftfuldt og praktisk værktøj. Dev Tools giver dig mulighed for hurtigt at foretage ændringer i din HTML / CSS og se, hvordan det gør på siden. Konsollen giver dig mulighed for at se, hvornår du har fejl i dit JavaScript. Fanen Netværk giver dig mulighed for at se, hvor hurtigt filer gengives, og i hvilken rækkefølge. Der er meget mere, det kan også gøre. Hvis du lige er kommet i gang med front – end-udvikling, vil du snart indse, hvor fantastiske Dev-værktøjer virkelig is.To sørg for, at din hjemmeside ser godt ud på tværs af alle bro.Serere og enheder, du bliver nødt til at teste dine ændringer overalt. Broserstack er et super praktisk værktøj til denne slags testing.In Test Driven Development (TDD), dit JavaScript skal testes for at sikre, at du dækker alle dine baser. Værktøjer som Karma hjælper dig med at komme i gang med at opbygge tests omkring din kode.

#18 – Package Managers (NPM) Package managers, såsom npm, er blevet en nødvendighed for moderne front-end udvikling. De gør livet lettere. Med eksplosionen af ressourcer, rammer, biblioteker osv. lige ved hånden, det begynder at blive ret smertefuldt at styre dem alle…..medmindre du bruger en pakkehåndtering.At lære npm kræver, at du bruger kommandolinjegrænsefladen (CLI). Det er ikke så skræmmende, som det lyder. Der er masser af tutorials online, der kan hjælpe dig, når du er klar til at indarbejde pakkeadministratorer som en del af din internetudviklingsproces.

#19 – Build Tools

ud over npm skal du også vide om build-værktøjer, såsom Modulbundlere, Opgaveløbere og Lintere. Disse værktøjer har forskellige formål, men er afgørende for moderne internetudvikling.Modulbundlere, som f.eks. pakke, blev oprettet for at hjælpe dig med at spore dine modulafhængigheder mellem filer og samle dem op i en ressource. En af de største fordele ved at bruge et værktøj som Netpack er begrebet “Træskakning”, som forhindrer ubrugte ressourcer i at blive indlæst unødigt.Opgaveløbere, såsom Gulp, giver dig mulighed for at køre værktøjer som f.eks. De er nyttige, fordi de kan se for ændringer i dine Sass eller pakke filer og genopbygge output automatisk. At lære at bruge en opgaveløber vil helt sikkert hjælpe med at øge din productivity.As du arbejder med et team af andre front-end-ingeniører, det er vigtigt at sikre, at du overholder en stilguide til din JavaScript-kode. Det er her linters, såsom ESLint, er nyttige. Linters giver dig mulighed for at angive regler, vedrørende afstand, syntaks, navngivning osv. i din kode. Når du bryder disse regler, din linter vil lade dig vide. I det væsentlige er linters en nyttig måde at sikre kvalitet og konsistens for en delt kodebase.

#20 – versionskontrol

alle laver fejl. Heldigvis er der versionskontrol til det. Som front-end ingeniør vil det være vigtigt at lære at bruge versionskontrol, såsom Git eller Team Foundation Server (TFS). Versionskontrol giver dig mulighed for at forgrene din produktionskode (i det væsentlige oprette en kopi af den) og foretage ændringer uden at skulle bekymre dig om at ødelægge tingene uden reparation. En dårlig implementering, er versionskontrol der for at redde dagen ved at give dig mulighed for at rulle dine ændringer tilbage til den forrige version. er du klar til at blive ingeniør?

så der har du det: de 20 færdigheder, du har brug for for at blive ingeniør i 2020. Jeg håber, du har fundet denne liste nyttig, når du arbejder for at forbedre dine færdigheder. Hvis du er klar til at blive ingeniør, så tjek jobs board!

Hvis du er interesseret i at lære mere om vores design eller frontend Engineering, kan du overveje at abonnere på os ugentligt og modtage en ny artikel om vores teknik hver uge!

Bliv en enhjørning

få artikler om UI Design + Front-End udvikling

det er gratis – ingen spam – Opt out any time

Del via: