Hvad jeg lærte ved at gennemgå 50 porteføljer på Reddit i 3 vanvittige dage.

Jeg har altid haft glæde af at kritisere ansøgernes porteføljer i designstudiet, hvor jeg arbejder. Og jeg beder også ofte om feedback på mine egne designs på Reddit's webdev subreddit.

Så en dag troede jeg, det var sjovt at uofficielt gennemgå porteføljerne af alle, der anmodede om kritik. Jeg havde ingen idé om, hvad jeg fik mig ind i.

Jeg startede tingene ved at udvide mine tjenester gratis til de 120.000 mennesker, der læste subreddit.

Ting begyndte stille. Jeg ville spille en runde med Rocket League, og så ville der være en eller to porteføljer at gennemgå. Så sov jeg.

Da jeg vågnede, havde jeg tyve anmodninger. Og disse kom hele tiden i tre dage.

I sidste ende var jeg i stand til at genkende nogle almindelige mønstre og høje / lave punkter overalt. Lad os fremhæve disse.

Bemærk, at dette indlæg specifikt taler om frontend-udviklere, der vil være med i et designstudie. Hvis du har et andet mål eller målgruppe til dit arbejde, er denne artikel muligvis ikke relevant.

Hvad var de værste ting, jeg så?

Sandheden skal fortælle, r / webdev-samfundet klarede sig meget bedre end mit ateliers samlede ansøgningspool. Jeg tror, ​​det taler til, hvor dedikeret samfundets medlemmer er deres håndværk.

Dette betyder dog ikke, at alles portefølje var perfekt. Der var nogle almindelige fejl, der var absolutte nej-nej.

Husk altid adgang til tastatur og kontrast.

Tilgængelighed var den største fejl, der blev begået under gennemgangen. En af de første ting, jeg fysisk gør med en portefølje, er at prøve at navigere uden at bruge min mus. Hvis det ikke er muligt, ved jeg, at ansøgeren ikke har adgang til deres sind.

Farvekontrast for tekst er også en stor faktor. Jeg elskede at sætte hvid tekst på gule baggrunde. Jeg troede, jeg var hip!

Men jeg lærte hurtigt i branchen, at brugere med lavt syn kæmper for at læse tekst med dårlige farvevalg. Hvis dine øjne endnu ikke er trænet til at passe på lav kontrast, skal du henvise til Center for Personer med Handicap 'Farvekontrastkontrol.

Tip nr. 1: Nogle medlemmer af din målgruppe vil have handicap. Før du skriver styling, skal du sørge for, at din HTML er tilgængelig.

Stop med at prøve at bedømme dine egne færdigheder.

Én tendens, der har plaget porteføljens websteder i årevis, har været færdighedsbarrierer. Du siger, at du er 85% dygtig til Angular? Hvad betyder det? Hvordan kan det sammenlignes med din 80% færdighed i Node? De fleste korrekturlæsere vil kun forstå tre færdighedsniveauer:

  • Du kender slet ikke evnen
  • Du lærer stadig færdigheden
  • Du føler dig selvsikker i dygtigheden

Du skal ikke bekymre dig om den første. Bare fortæl mig hurtigt, hvad du lærer, og hvad du føler dig sikker på. Alt dette vil alligevel blive beviset i dine projekter.

Gå mobil eller gå hjem.

Vil du vide, hvad mange anmelders foretrukne ting at gøre med din portefølje er? Vi elsker at åbne dit websted og derefter straks justere browservinduens bredde frem og tilbage. Dette fortæller os, om du overvejer overflod af enheder, som dit websted kan blive gennemset på.

Vil du gå ud over minimumstærsklen? Så skriv din CSS mobil først. At skrive mobile-first styling fortæller os, at du kan lide at skrive den mindste mængde kode, der er nødvendig. Når du stopper med blot at have medieforespørgsler med en egenskab med maksimal bredde, fortæller det os, at mobile enheder var en eftertanke i dit design.

Hvad var folk nødt til at bevise?

Faktiske projekter er det rigtige kød fra en porteføljewebsted. De beviser for mig, at du har den relevante arbejdserfaring.

En CV eller liste over tidligere job er en dejlig tidslinje. Men som producent er din oprettelse den ultimative validering.

Her er dele af folks projektsektioner, der gjorde mit liv lettere som korrekturlæser.

Vis mig koden og live-siden.

Du har en projektbeskrivelse, processopskrivning og taler om den anvendte teknologi. Det er fantastisk, men hvor er koden?

Det er almindeligt, at industriudlejere bliver fanget i private arbejdsprojekter. Men uden nogen mulighed for at inspicere din kode, gør du korrekturlæserens job hårdere. Vi kæmper for at vide, om det er værd at vores tid går videre til det næste trin i en rekrutteringsproces.

Hvis koden er proprietær, hvor er live-webstedet? Hvis jeg kan se din kode, hvorfor skulle du ikke have en live version i gang?

Tip nr. 2: Arbejd på side og personlige projekter relateret til den samme teknologi, du bruger på arbejdet. Ikke kun hjælper det dig med at træne til din nuværende rolle, det giver også en porteføljeanmelder mulighed for at vide, hvor dine færdigheder er.

Fortæl mig, hvad du faktisk har bidraget til.

Gruppeprojekter er dejlige til at vise, hvor godt du samarbejder. De fleste projekter kræver teamwork færdigheder.

Med porteføljer skal du dog være klar over, hvad arbejde du selv har bidraget med. Github-repos kan give mig en klar historie for at gennemgå dit arbejde og forstå denne gruppedynamik.

Ærlighed i dine projektopskrivninger er altid værdsat. Overdriv ikke din rolle i et projekt, fordi de personer, der gennemgår din portefølje, vil dykke ned i et projekts Git-historie for at kontrollere os selv.

Bevis, at du ikke har brug for Bootstrap eller jQuery.

Det er forståeligt, hvis du begyndte at lære CSS med Bootstrap eller JavaScript med jQuery. Problemet kommer, når alle dine projekter indeholder Bootstrap og jQuery.

Selvom Bootstrap er praktisk, skal jeg vide, at du har en klar forståelse af CSS. Jeg har også brug for at vide, om du har et solidt fundament i almindelig JavaScript. Dette sikrer, at jeg kan være ombord på et projekt med enhver kombination af frontend-værktøjer, der allerede er brugt.

Faktisk tillader vi ikke Bootstrap eller jQuery overhovedet under vores interviewproces. Så du vil være mere forberedt på de fremtidige interviews og udfordringer, hvis du har de relevante CSS- og JavaScript-færdigheder.

Hvad stod mest ud?

Så vi har gennemgået de ting, din portefølje har brug for, og måderne, som porteføljer kan gå galt på. Hvad med de ting, der får en korrekturlæser begejstret for en ansøger?

Følgende råd kan virke mindre konkrete end mine tidligere forslag, men tag det til hjertet.

Gå væk fra normen.

Næsten alle havde standard Intro> Færdigheder> Projekter> Kontaktstrøm til deres site. Næsten alle havde den nøjagtige samme hamburgermenu til navigation.

Vil du få dine anmelders opmærksomhed? Bliv eksperimentel og foretag små ændringer, der ikke skader designet.

En af de mindste differentierere havde placeret deres navigation på højre side i stedet for til venstre. Jeg vidste, at det var tid til at fokusere mere, fordi navigationen ikke var på cookie-cutter til venstre eller øverst på layoutet. Simpelt men effektivt.

Tal mod dit drømmejob.

Har du set den ene position, som du absolut ønsker? Byg din portefølje omkring det jobs krav og ansvar.

Det er svært for mig at forstå, hvorfor du vil have et job i vores studie, når din portefølje er fuld af WordPress-temaer. Det er også svært at tænke på dig som en god pasform til rollen, hvis dit hovedfokus ser ud til at være en helt anden branche.

Vi elsker generalister, men det er et godt plus at vise, at din specialitet også er, hvad rollen foreskriver.

Tip nr. 3: En masse porteføljer bruges både til jobapplikationer og freelance-klienter. Gør ikke dette. Den bedste praksis er for en professionel at designe separate porteføljer til hvert af disse målgrupper.

Hver lille detalje betyder noget.

Her er det sværeste punkt for mange mennesker: du kan ikke kontrollere, hvad din anmelder ser på din portefølje.

Vi scanner konstant webstedet i stedet for at læse det fra top til bund. Så sørg for, at dit layoutstyling er perfekt, hver sætning korrekturlæst og ingen ødelagte links.

Der er ikke noget, der fortæller, hvilken del af dit websted anmelderen faktisk vil tage sig tid til at se på.

Du har det her.

Jeg var stolt over alle de store porteføljer, jeg var i stand til at give feedback på, og diskussionerne, der fulgte.

Den mest opmuntrende del var, når frontend-udviklere endnu ikke var up-to-par-til-funktion for vores rolle, og jeg var i stand til at give dem feedback. Disse håbefulde fagfolk tog kritikken alvorligt og positivt.

Det er nøjagtigt den slags holdning, jeg ser efter senere i processen, når jeg interviewer ansøgere.

Mit håb er, at disse mennesker bliver bedre, og jeg har en chance for at gennemgå deres arbejde igen i fremtiden.

P. S. Jeg kommer stadig tilbage til sene anmodninger om porteføljegennemgang. Alle porteføljer i mit åbningsbillede bad også om revisionen offentligt og scorede meget!

For yderligere information: Kontakt mig venligst via kommentarer, e-mail eller @seejamescode. Jeg arbejder i ATX for IBM Design og elsker altid samtale med webdesignsamfundet. Sørg også for at dele din egen eller favoritportefølje i kommentarerne!