Sådan screener du React-udviklerens færdigheder 

Udgivet: Sidst opdateret:
Sådan screener du for React-udviklerfærdigheder Blog

For enhver organisation, der ønsker at forbedre sin online-tilstedeværelse, er en front-end-udvikler nok en af de vigtigste ansættelser. Deres kode, UX-sensitivitet og evne til at arbejde sammen med både dit tekniske team og designteam kan være afgørende for, hvordan folk vil fortolke dit brand. En af de mest anvendte teknologier til klientsideprogrammering er JavaScript-biblioteket React.

Med en stigning i efterspørgslen efter React - det har toppet Stack Overflow's årlige oversigtsliste for de mest efterspurgte web-"rammer" år efter år (og også vores egen - for en god ordens skyld), og der er derfor en enorm efterspørgsel efter React-udviklerkompetencer. Tekniske rekrutteringsfolk er ofte i knibe, når de ikke modtager CV'er med en stærk baggrund og relaterede færdigheder. Det største problem, som de egentlig har, er, at de ikke ved, hvilke specifikke færdigheder de skal kigge efter.

Der er mange komplekse og langvarige processer involveret, når du ansætter en React-udvikler. Så hvordan ansætter du den bedste React-udvikler til din virksomhed? Læs vores komplette guide til rekruttering af en dygtig React-specialist, der passer til dit team.

Hvad er React?1. Hvad er React?

React (også skrevet som React.js eller ReactJS) er et open source JavaScript-bibliotek, der bruges til at bygge interaktive brugergrænseflader (UI'er). Med hensyn til websteder og webapplikationer, Brugergrænseflader er en samling af menuer på skærmen, søgebjælker, knapper og alt andet, som nogen interagerer med for at bruge et websted eller en app. Det blev skabt af Facebook 2013 og bruges som grundlag for en enkelt webside eller mobilapps (med React Native).

React hjælper udviklere med at opbygge brugergrænseflader som et træ af små dele, der kaldes komponenter. En komponent er en blanding af HTML og JavaScript, der indeholder al den logik, der er nødvendig for at vise en lille del af en større brugergrænseflade. Hver af disse komponenter kan opbygges til successivt komplekse dele af en app.

En vigtig forskel mellem biblioteker som React og frameworks som Ember.js og Angular er, at React kun beskæftiger sig med at rendere brugergrænsefladen og overlader mange ting til det enkelte projekt. React anses for at være meningsskabende.

React har etableret sin plads som et af de mest dominerende biblioteker, der anvendes af udviklere. Ifølge Undersøgelse om status for udviklernes økosystem i 2020er React den mest anvendte platform med 63% af de adspurgte, der hævder at bruge den, hvilket er en stigning på 10% i forhold til sidste år. Desuden kommer React på førstepladsen, når man ser på de rå data og den rene masseanvendelse af downloads, med stor margin.

1.1. Hvad bruges React til, og hvilke problemer løser det?

Før React måtte udviklere bygge brugergrænseflader manuelt med "vanilla JavaScript" (udviklere taler om det rå JavaScript-sprog uden nogen understøttende rammer) eller med mindre UI-fokuserede React-forløbere som jQuery. Denne proces resulterede i lange udviklingstider og mere plads til uregelmæssigheder og fejl. React' forrang løste hurtigt problemer som disse.

Der er hundredtusindvis af websteder, der er bygget på React. Det er ekstremt populært på grund af dets funktionalitet, hastighed og evne til at tilpasse sig projekter af forskellig størrelse. Nogle eksempler på populære websteder, der bruger React, er Facebook, Instagram, Netflix, Reddit, Airbnb og Uber.

React gør det nemt at bygge UI-testcases, bygge SEO-venlige websteder, genbruge komponenter på mange platforme, implementere eksisterende kode til et websted i en mobilapp, fremskynde ydeevnen i ressourcekrævende webapplikationer, og det kan bruges overalt, hvor der er brug for JavaScript.

1.2. Ligner det andre sprog eller frameworks?

Designet og funktionaliteten af React ligner ikke meget andre JavaScript-rammer.

Men rammerne Vue har ligheder med React. Disse omfatter evnen til at anvende en virtuel DOM, til at levere reaktive og sammensætbare view-komponenter og til at bevare fokus i kernebiblioteket, idet problemer som routing og global tilstandshåndtering håndteres af ledsagende biblioteker.

Men der er en anden funktion: React bygger HTML ved hjælp af såkaldt JSX-syntaks, som ligner original HTML meget. Så på en måde kan kendskab til HTML være meget anvendeligt i React.

1.3. Hvad er de vigtigste fordele eller funktioner?

En klar fordel ved at bruge React er, at det bruger en funktionel programmeringsstil. Funktionel programmering er en proces, hvor man opbygger software ved at sammensætte rene funktioner, idet man undgår delt tilstand, ændringsbare data og sideeffekter. Funktionel programmering er deklarativ frem for imperativ og som et resultat heraf bruger React meget lidt "boilerplate"-kode. Det betyder, at du kan opnå meget med små mængder kode. Det kan tage lidt tid at lære processen, men i det lange løb reducerer det udviklingstiden og risikoen for kodningsfejl.

React har to vigtige funktioner, som gør den endnu mere attraktiv for JavaScript-udviklere, nemlig JSX og Virtual DOM.

JSX (forkortelse for JavaScript eXtension) er en særlig React-syntaksudvidelse, der effektivt giver webudviklere mulighed for at blande HTML-syntaks med JavaScript-syntaks. Normalt tillader native JavaScript ikke denne funktion, så JSX reducerer kraftigt den nødvendige mængde kode. Og - da React-browserunderstøttelse omfatter alle moderne webbrowsere, er JSX kompatibel med alle tilgængelige browserplatforme.

Hvis en udvikler bruger JSX til at manipulere og opdatere sin DOM, opretter React noget, der kaldes en virtuel DOM. Den virtuelle DOM er en kunstig kopi af webstedets DOM, og React bruger denne kopi til at se, hvilke dele af den faktiske DOM der skal ændres, når der sker en hændelse (f.eks. når en bruger klikker på en knap). Denne form for selektiv opdatering kræver mindre computerkraft og mindre tid, der går med at friske siden op. Samlet set gør det oplevelsen meget mere behagelig for programmører.

Hvad bør en it-ansætter vide om React2. Hvad er vigtigt for en it-rekrutteringsmedarbejder at vide om React?

Hvad bør react-udviklere vide? En vigtig ting for en it-ansøger at huske er, at React er et view-bibliotek/framework, som ikke afgør, hvordan vi håndterer tilstand (data) i vores applikationer. For at imødegå dette blev et populært bibliotek til tilstandsstyring ved navn Redux udgivet i 2015 og blev fortsat brugt frem til 2019.

I dag har Redux mistet sin popularitet, og React Hooks har overtaget sin rolle som det primære værktøj til at administrere applikationstilstand. I dag skriver folk ikke ret ofte nye apps med Redux. Men masser af eksisterende projekter, produkter og virksomheder er afhængige af Redux og vil være nødt til aktivt at vedligeholde det i mange år fremover.

2.1. Hvor ofte ændres den tekniske stak?

Det er vanskeligt at sige, da vi ikke kan forudsige fremtiden. Ca. hvert 2-3 år sker der en stor ændring, f.eks. at mixins erstattes af Higher-Order Components eller at man går væk fra Class Components og over til funktionelle, Hooks-baserede komponenter.

2.2. Er der mange ressourcer/værktøjer/teknologier til rådighed?

Der findes et stort antal materialer til React, herunder mange gratis vejledninger om, hvordan man bruger det. Bibliotekets brugervenlighed er ikke så kompliceret som f.eks. Angular, så det er populært blandt både amataurer og erfarne programmører.

Med hensyn til værktøjer er der også masser af plugins og biblioteker til rådighed til brug med React. Da rammen blev udviklet af Facebook, er det understøttende økosystem virkelig kraftfuldt. Der er mange JS-biblioteker, der har deres tilsvarende React-bindinger. En lang række værktøjer vedligeholdes stadig aktivt til React, og det er populært blandt brugerne (det er vigtigt at vælge et værktøj, der hverken virker opgivet eller opdateret).

Der findes masser af ressourcer til at parre eller lære React på et andet niveau, og de bedste findes på websteder som Hongkiat.

2.3. Hvilke værktøjer og teknikker bør en React-udvikler kende?

En af de mest effektive måder at lære React at kende på er ved at bruge værktøjerne til at bygge webapps til virkelige projekter. Så det er ret sandsynligt, at udvikleren har haft rigelig erfaring med dette. Kendskab til React Hooks, React Context API og Redux er afgørende for en React-udvikler.

  • For at skabe visuelle elementer skal en React-udvikler have en dyb forståelse af HTML, CSS, SASS/LESS/Stylus. SVG ville også være en bonus.
  • Godt kendskab til JavaScript er grundlæggende.Typescript er også en fordel at have.
  • De skal have et praktisk kendskab til disse biblioteker: jQuery, MomentJS, Underscore og Lodash
  • En ekspert i React-udvikling ved, hvordan man bruger disse JavaScript-værktøjer: npm, Yarn, Node.js platformen (som helhed) - og mindst ét af værktøjerne til at automatisere opbygningen af applikationen: Webpack, Parcel eller Rollup (Grunt, Gulp og Browserify var populære for længe siden, men bruges ikke meget i dag)
  • Med hensyn til testning bør de kende TDD, BDD, Unit Tests og kunne bruge disse testværktøjer som Jest eller Enzyme med sikkerhed. Jasmine, Karma, Mocha og Selenium ville også være nyttige.
  • En god baggrund for at administrere cloud-platforme som SaaS, Amazon AWS, Google Cloud eller Microsoft Azure er en fordel at have.
  • Søg efter en person med færdigheder inden for disse softwareapplikationsplatforme:
    • projektstyringsværktøjer: Jira
    • servere: NGINX, Apache
    • online samarbejdsværktøjer Slack, Miro, Figma og cloud-dokumenter som Google eller Microsoft osv.

2.4. Hvilken type erfaring er det vigtigt at søge hos en React-udvikler?

Videnskabelig og akademisk erfaring er næsten irrelevant for React. Kommerciel erfaring er til gengæld meget vigtig. Open source-erfaring er en fordel, men bestemt ikke obligatorisk. Hvis en udvikler vedligeholder et populært OS-bibliotek, vil det være en meget stor fordel.

Generelt set er det ikke kompliceret at udføre enkle opgaver i React, så mange wannabe-udviklere forsøger at starte deres karriere inden for front-end-udvikling, ofte i React. Derfor er der mange boot-camp-uddannede, der ønsker at få deres første job i React. Det er en meget stor fordel at have kommerciel erfaring, i forhold til folk der har gået på boot-camps og ofte har lavet et projekt eller to ved siden af. Det er fint at give rookies en chance, men deres erfaring er ikke helt lig med kampafprøvet viden.

Kontroller Ract-færdigheder - færdigheder som react js udvikler3. Hvordan kan man kontrollere React-udviklerens færdigheder i screeningsfasen?

Tekniske eller hårde færdigheder er jobspecifikke færdigheder der er nødvendige for at udføre et arbejde. Disse færdigheder læres og udvikles gennem uddannelse, seminarer, træning og certificeringer.

Men på den anden side vedrører bløde færdigheder en persons interpersonelle evner. De er i sagens natur ret vanskelige at måle eller kvantificere. Bløde færdigheder hjælper os med at definere, hvordan en medarbejder interagerer med andre, og om vedkommende har de kvaliteter, der passer ind i virksomhedskulturen. Nogle af de vigtigste bløde færdigheder for en React-udvikler er bl.a:

  • Fremragende kommunikationsevner
  • Teamwork
  • Kreativitet
  • Evnen til at håndtere kritik

3.1. Hvad skal man tage hensyn til, når man gennemgår et CV?

Det første, man skal kigge efter i et CV, er naturligvis kommerciel erfaring med udvikling af front-end-projekter. Altid foretrækker erfaring frem for en lang liste af forskellige værktøjer. Hvorfor?

Moderne front-end-udvikling har introduceret hundredvis af værktøjer, som løser lignende problemer på forskellige måder, og nogle gange gør de det samme. Der er masser af tendenser, visse værktøjer kan være populære, og to år senere er de allerede forældede, landskabet ændrer sig meget hurtigt.

Det faktum, at nogen har nævnt værktøj X i deres CV, betyder, at de kan bygge noget med det. Men det betyder ikke, at de har en solid forståelse af, hvorfor de gjorde det på denne måde, eller hvad fordelene/ulemperne ved andre forskellige løsninger er. Evnen til at tilpasse sig uvante situationer er den virkelige nøgle her, uden denne grundlæggende erfaring med at løse forskellige problemer kan en udvikler kun vide, hvad han/hun har været vant til eller er blevet undervist i.

Så alt i alt er det ret nemt at skrive en masse velkendte værktøjer på et CV, men det er meget vigtigere at løse problemer. Hvis nogen skulle inkludere "designing solutions" eller "providing architecture", ville det være at foretrække frem for blot at nævne værktøjsnavne.

React Glossar - React js udviklerfærdigheder3.2. Hvilke glossarudtryk er vigtige at kende til i React (herunder frameworks, biblioteker og sprogversioner)?

Det er nøgleord, der er værd at forstå:

Arkitektur
  • Klassekomponenter
  • Funktion(al) Komponenter
  • React Hooks
Statslig forvaltning
  • React Context API
  • Redux
  • MobX
Styling
  • Stilede komponenter
  • Følelser
  • CSS i JS
  • CSS-moduler
Statisk typebestemmelse eller typekontroller
  • TypeScript
  • Flow
Økosystem
  • npm
  • Node.js
  • NVM
Bundler
  • webpack

React-udviklere bruger også React Native - som er beregnet til at bygge native mobilapps. React kombineret med React Native giver udviklere mulighed for at bruge den samme kode til både browser og mobile enheder, hvilket er en stor fordel. Der er dog stadig vigtig platformsspecifik kode for hver platform, som ikke kan duplikeres.

3.3. Hvilke versioner er helt forskellige? Hvilke versioner ligner hinanden?

Antallet af versioner er ikke så vigtigt, da folk ikke lærer dem udenad, men der var faktisk et par "epoker" i udviklingen af React.

Husk på, at det ikke er ligesom Python v2 og v3, som ikke er kompatible med hinanden. Det, der er vigtigere, er de arkitekturer, som folk har kompileret. Der er naturligvis kommet nye versioner til, men React v16.8.3 ringer ikke en klokke for mange udviklere.

De arkitekturer, som folk måske er bekendt med (i kronologisk rækkefølge), omfatter:

  • Klasse Komponentbaseret React
    • Mixins - en meget gammel tilgang. I dag er det i bund og grund en gammel tradition og bør undgås. Der er dog nogle gamle projekter, hvor den stadig bruges.
    • HOC'er (Higher-Order Components) - idéen med denne fremgangsmåde er, at en HOC tilføjer en enkelt adfærd til en komponent (tilføjer en funktionalitet). Masser af projekter har stadig denne metode, men den anses for at være forældet.
    • Render rekvisitter - nogle ikke-standardiserede komponenter, der ikke har nogen brugergrænseflade, har kun logik/adfærd. Og de accepterer denne "render prop" til at definere, hvad visningen er. Så vi adskiller logikken fra brugergrænsefladen med magt. Nogle projekter har måske det, men det betragtes som legacy.
  • Funktion Komponentbaseret React
    • React Hooks - blev indført i slutningen af 2018 og blev hurtigt den dominerende tilgang. Det er et absolut must-have i dag. Baseret på funktionel programmering og helt anderledes end klassekomponenter. Når du først har lært det, er det mere sikkert og mindre fejlbehæftet. Men det kræver som regel en større indsats at lære det, sammenlignet med klassekomponenter.

Alle de ovennævnte fremgangsmåder forsøger stort set at nå det samme mål, men på forskellige måder. Primært ved at sammensætte komponenter, kombinere nogle få mindre komponenter til et større stykke, forbedre genanvendeligheden og forbedre sammensætningen.

3.4. Hvilke andre linjer på et CV kan vise React-udviklerkompetencer?

Det er også vigtigt for React-udviklere at have et indgående kendskab til framework-agnostiske færdigheder, herunder:

  • Sprog: JavaScript, ES6
  • Asynkront JavaScript (løfter, begivenheder, asynkron await og rxjs)
  • HTTP - den protokol, der anvendes af milliarder af enheder i dag, og som muliggør kommunikation mellem klienter og servere
  • Typescript og/eller Flow (statisk typning af React-apps)
  • UI-biblioteker som Material UI
  • Generelt, arkitektur og designmønstre.

3.5. Hvilke certificeringer er tilgængelige og respekterede? Er de nyttige til at bestemme færdigheder?

I front-end-landskabet er der ingen anerkendte certificeringer, der er værd at stræbe efter. Hvis der overhovedet findes certificeringer, er de ikke særlig kendte. Det er fuldstændig modsat af, hvad Java plejede at være (med masser af certificeringer til rådighed, som man kan tage).

React-interviewspørgsmål4. Teknisk screening af React-udviklerens færdigheder under et telefon-/videointerview

Uanset om du er it-rekrutteringschef eller projektleder, ved du godt, at projektets succes afhænger af din evne til at finde de bedste udviklere.

Nedenfor finder du nogle eksempler på interviewspørgsmål, som du kan bruge, når du søger en ny React-udvikler til at bygge dine webapplikationer.

4.1. Spørgsmål, som du bør stille om en React-udviklers erfaring. Hvorfor skal du stille hvert af disse spørgsmål?

  • Er du opmærksom på automatiseret testning?
    • Udviklere, der ikke har for vane at skrive unit/e2e-tests, kan være optimistiske med hensyn til kvaliteten af deres kode, men i virkeligheden er testprocessen afgørende.
  • Har du understøttet tilgængelighed (a11y) i dine seneste projekter?
    • Det er vigtigt at bygge tilgængelige websteder, især for offentlige og finansielle institutioner, så handicappede kan få mest muligt ud af programmerne.
  • Foretrækker du kodning af forretningslogikken eller det visuelle lag?
    • Kandidaten skulle fortælle, hvad der er hans/hendes stærke side, og hvilke opgaver han/hun helst vil udføre i sit daglige arbejde.
  • Hvordan vil du optimere din React-kodebase?
    • Svarene på dette spørgsmål viser erfaring. Et godt svar bør omfatte forskellige teknikker som f.eks. memo, useMemo, PureComponent, fjernelse af unødvendige beregninger og opdeling af komponenter i mindre dele (så der ved hver ændring bliver gengivet mindre markup).

4.2. Spørgsmål, som du bør stille om en React-udviklers viden og holdninger. Hvorfor skal du stille hvert af disse spørgsmål?

  • Hvorfor har fællesskabet afvist Redux (eller i det mindste hævdet, at det ikke er vejen frem for React)?
  • Angiv fordele og ulemper ved både Redux og React Context API. Hvor ville du bruge den ene frem for den anden?
  • Hvad er fordelene ved React Hooks?
  • Vis nogle få funktionelle programmeringsteknikker, der ofte anvendes i React-applikationer.

Ovenstående spørgsmål er spørgsmål på højt niveau, som giver kandidaten mulighed for at positionere sig selv i samtalen. Hvis kandidaten er uerfaren, vil du hurtigt kunne se det.

Et dårligt svar på spørgsmåletHvorfor blev Redux afvist?" ville væreFordi React Hooks er bedre'. Et mere velinformeret svar ville være, at selv om Redux giver mange fordele som forudsigelig tilstandshåndtering, eksplicitering, tidsrejser og udskiftning af hotmoduler, tilføjes der meget gentagende kode i Redux, og det blev et problem for mange brugere at have råd til det.

Nogle andre spørgsmål vedrørende viden og holdninger er bl.a:

  • Hvorfor indførte React Virtual DOM?
    • Svarer ikke på, hvad det er, men hvorfor det er der beviser, at en udvikler forstår det interne design og arkitekturen bag selve React. Et kort svar er på grund af ydeevne, fleksibilitet og lethed til at ændre HTML-strukturen
  • Hvilke problemer løser CSS-moduler?
    • Det er vigtigt at forstå udfordringerne bag håndtering af CSS i React-apps. Nogle stilarter lækker udenfor, og nogle stilarter udefra lækker ind på dit sted. CSS-moduler emulerer lokale stilarter.
  • Hvorfor frarådes refs (forkortelse for referencer)?
    • Dette er vigtigt, da det viser, at du forstår filosofien bag React. Kort sagt, den typiske tilgang til at programmere ting er afgørende. React følger en deklarativ tilgang. Refs er en flugt til den imperative verden, der eksisterer uden for React-filosofien. Det bør kun bruges som en sidste udvej.

4.3. Adfærdsmæssig spørgsmål, som du bør stille en React-udvikler. Hvorfor skal du stille hvert af disse spørgsmål?

  • Hvad var den sværeste React-opgave, du skulle implementere? Hvordan håndterede du den?
    • Svaret på dette spørgsmål vil vise, hvilke ukendte opgaver udvikleren blev udfordret med. Det kan dreje sig om indlæring af nye færdigheder, teamwork eller samarbejde med en virksomhed.
  • Hvis du fandt ud af, at der findes et nyt bibliotek til tilstandshåndtering til React, som er ved at blive mere og mere populært - ville du så tilføje det til dit projekt, når du ved, at du allerede har to forskellige måder at håndtere tilstandshåndtering på?
    • Som nævnt tidligere er de stadigt skiftende tendenser et problem i front-end-landskabet. Værktøjerne ændrer sig, men nogle mennesker mister deres fokus og behandler værktøjerne som selve målet i stedet for at behandle dem som et middel til at nå et forretningsmål. Favoriser altid devs, der har øje for resultatet og ikke for den retning, der skal til for at nå dertil.
  • Hvis der var en ny metode til at håndtere React, ville du så være en af de første til at tage den i brug?
    • Samme som ovenfor - lad være med at prioritere nye værktøjer frem for forretningsmål. Det koster tid og penge at omskrive sin kodebase, og det bør udviklerne være klar over.

React Kodningstest5. Teknisk screening af React-udviklerens færdigheder ved hjælp af en online kodningstest

Det kan være en stor udfordring at ansætte en dygtig React-udvikler, især hvis du selv skal gøre alt det beskidte arbejde. Der er ingen tvivl om, at processen normalt kræver tonsvis af tålmodighed i forbindelse med alt papirarbejdet og interviewene.

Disse online jobportaler og markedspladser er et godt sted at starte, hvis du ansætter på projektbasis. Men for store projekter, der kræver et langsigtet engagement og budget, har du brug for en softwareudviklingsvirksomhed med en solid rekrutteringsproces.

5.1. Hvilken online test for React-udviklerfærdigheder skal du vælge?

Når du leder efter den rigtige Test af færdigheder for React-udviklere skal du sikre dig, at den opfylder følgende kriterier:

  • Prøven afspejler kvaliteten af det professionelle arbejde, der udføres
  • Varigheden er ikke for lang, højst en til to timer.
  • Testen kan sendes automatisk og er ligetil i sin natur
  • Sværhedsgraden passer til ansøgerens evner
  • Testen går ud over at kontrollere, om løsningen fungerer - den kontrollerer kodens kvalitet og hvor godt den fungerer i edge cases
  • Det er så tæt på det naturlige programmeringsmiljø som muligt og giver kandidaten adgang til relevante ressourcer
  • Det giver kandidaten mulighed for at bruge alle de biblioteker, frameworks og andre værktøjer, som de regelmæssigt støder på.

5.2. DevSkiller færdige online test for React-udviklerfærdigheder, der er klar til brug

DevSkiller-kodningstests bruger vores RealLifeTesting™-metode til at afspejle det faktiske kodningsmiljø, som din kandidat arbejder i. I stedet for at bruge obskure algoritmer kræver DevSkiller-testene, at kandidaterne skal opbygge applikationer eller funktioner. De bedømmes helt automatisk og kan tages hvor som helst i verden. Samtidig har kandidaten adgang til alle de ressourcer, som de normalt ville bruge, herunder biblioteker, frameworks, StackOverflow og endda Google.

Virksomheder bruger DevSkiller til at teste kandidater ved hjælp af deres egen kodebase fra et hvilket som helst sted i verden. For at gøre det nemt tilbyder DevSkiller også en række færdighedstests inden for datalogi, som f.eks. de her, der er lavet på forhånd:

React
MIDDLE
Testede færdigheder
Varighed
113 minutter max.
Evaluering
Automatisk
Testoversigt

Programmeringsopgave - Niveau: svær

JavaScript | React, Redux | Adressebog - Implementer manglende funktioner i en lille React-webapplikation bygget oven på Redux.

Programmeringsopgave - Niveau: Medium

JavaScript | Node.js | Adressebog - Implementer endpoints til at hente listen over kontakter (med en fase matching og begrænsning af resultaterne), hente detaljer om en enkelt kontakt og slette den givne kontakt.

Huller i koden

vurdering af viden om MongoDB

React
SENIOR
Testede færdigheder
Varighed
175 minutter max.
Evaluering
Automatisk
Testoversigt

Front End-programmeringsopgave - Niveau: Senior

JavaScript | React, Redux | Adressebog - Implementer manglende funktioner i en lille React-webapplikation bygget oven på Redux.

Backend-programmeringsopgave - Niveau: Medium

JavaScript | Node.js | Adressebog - Implementer endpoints til at hente listen over kontakter (med en fase matching og begrænsning af resultaterne), hente detaljer om en enkelt kontakt og slette den givne kontakt.

React
JUNIOR
Testede færdigheder
Varighed
35 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om JavaScript, React

Programmeringsopgave - Niveau:

Javascript | React | Kalendernoter - Implementer en applikation, hvor brugeren kan tilføje en note til en dato, som han/hun vælger fra en kalender.

JavaScript
JUNIOR
Testede færdigheder
Varighed
35 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om JavaScript, React

Programmeringsopgave - Niveau:

JavaScript | React | Search-Engine Application - Implementer en applikation til at søge og filtrere produkter i en online shop.

React
JUNIOR
Testede færdigheder
Varighed
55 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om JavaScript, React

Programmeringsopgave - Niveau:

JavaScript | React | Notepad - Komplet simpel noteapplikation ved hjælp af den medfølgende NotesService til at gemme og læse noter. Denne opgave bruger: react/testing-library (som react testing framework) og jest (som test runner).

React
SENIOR
Testede færdigheder
Varighed
59 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om JS, JavaScript, React

Programmeringsopgave - Niveau: svær

React | Simple Website Builder - Denne opgave evaluerer kandidatens færdigheder inden for React, Redux og redux-form.

React
MIDDLE
Testede færdigheder
Varighed
55 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om ES6, JavaScript, HTML, JS, React, Webudvikling

Programmeringsopgave - Niveau: Medium

JavaScript | React | Contact Form - Færdiggør formularen, så den har alle følgende funktioner: brugeren kan logge ind, så navn og e-mail udfyldes, efter formularen er sendt skal der vises en tak-meddelelse.

React
SENIOR
Testede færdigheder
Varighed
71 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om ES6, JavaScript, React

Programmeringsopgave - Niveau: svær

React | Simple Website Builder - Denne opgave evaluerer kandidatens færdigheder inden for React, Redux og redux-form.

React
SENIOR
Testede færdigheder
Varighed
98 minutter max.
Evaluering
Automatisk
Testoversigt

Spørgsmål efter valg

vurdering af viden om ES6, JavaScript, AJAX, Webudvikling

Programmeringsopgave - Niveau: svær

JavaScript | React, Redux | Adressebog - Implementer manglende funktioner i en lille React webapplikation bygget på toppen af Redux.

Del indlæg

Få mere at vide om ansættelse af teknologiske medarbejdere

Tilmeld dig vores Learning Hub for at få nyttig viden direkte i din indbakke.

Kontroller og udvikl kodningsevner uden problemer.

Se DevSkiller-produkterne i aktion.

Sikkerhedscertificeringer og overholdelse. Vi sørger for, at dine data er sikre og beskyttede.

DevSkiller-logo TalentBoost-logo TalentScore-logo