Jak prověřit dovednosti vývojáře React 

Vydáno: Poslední aktualizace:

Pro každou organizaci, která chce zlepšit svou online prezentaci, je front-end vývojář pravděpodobně jedním z nejdůležitějších zaměstnanců. Jejich kód, citlivost pro UX a schopnost spolupracovat s technickým i designovým týmem mohou rozhodnout o tom, jak si lidé budou vaši značku vykládat. Jednou z nejpoužívanějších technologií pro programování na straně klienta je knihovna JavaScriptu React.

S rostoucí poptávkou po Reactu - v každoročním průzkumu Stack Overflow se umístil na prvním místě pro nejžádanější webové "rámce" rok co rok (a pro jistotu i naše vlastní), a proto je po vývojářích React obrovská poptávka. Náboráři technických pracovníků se často ocitají v úzkých, když nedostávají životopisy se silným zázemím a souvisejícími dovednostmi. Největším problémem pro ně ve skutečnosti je, že nevědí, jaké konkrétní dovednosti mají hledat.

Při najímání vývojářů React probíhá mnoho složitých a zdlouhavých procesů. Jak tedy najmout nejlepšího vývojáře React pro vaši firmu? Přečtěte si našeho kompletního průvodce náborem kvalifikovaného specialisty na React, který se hodí do vašeho týmu.

Co je React?1. Co je React?

React (psáno také jako React.js nebo ReactJS) je open-source knihovna JavaScriptu používaná k vytváření interaktivních uživatelských rozhraní. Pokud jde o webové stránky a webové aplikace, Uživatelské rozhraní je soubor nabídek na obrazovce., vyhledávací panely, tlačítka a všechny ostatní prvky, které jsou v interakci s webovými stránkami nebo aplikacemi. Byla vytvořena společností Facebook 2013 a používá se jako základ pro jednotlivé webové stránky nebo mobilní aplikace (s React Native).

React pomáhá vývojářům vytvářet uživatelská rozhraní jako strom malých částí nazývaných komponenty. Komponenta je směs HTML a JavaScriptu, která zachycuje veškerou logiku potřebnou k zobrazení malé části většího uživatelského rozhraní. Každou z těchto komponent lze sestavit do postupně složitějších částí aplikace.

Důležitý rozdíl mezi knihovnami jako React a frameworky jako Ember.js a Angular je ten, že React se zabývá pouze vykreslováním uživatelského rozhraní a mnoho věcí nechává na každém projektu. React je považován za názorově vyhraněný.

React si vydobyl pozici jedné z nejdominantnějších knihoven používaných vývojáři. Podle Průzkum stavu vývojářského ekosystému 2020, React je snadno nejpoužívanější platformou - 63% respondentů tvrdí, že ji používá, což je o 10% více než v loňském roce. React je navíc na prvním místě při pohledu na hrubá data a samotné hromadné používání stahování, s velkým náskokem.

1.1. K čemu se React používá a jaké problémy řeší?

Před příchodem Reactu museli vývojáři vytvářet uživatelská rozhraní ručně pomocí "vanilla JavaScript" (vývojáři mluví pro surový jazyk JavaScript bez podpůrných frameworků) nebo s méně na uživatelské rozhraní zaměřenými předchůdci Reactu, jako je jQuery. Tento proces měl za následek dlouhé doby vývoje a větší prostor pro nesrovnalosti a chyby. Převaha Reactu takové problémy rychle vyřešila.

Na Reactu jsou postaveny statisíce webových stránek. Je nesmírně populární díky své rychlosti funkčnosti a schopnosti přizpůsobit se různě velkým projektům. Příklady populárních webů využívajících React jsou Facebook, Instagram, Netflix, Reddit, Airbnb a Uber.

React umožňuje snadno vytvářet testovací případy uživatelského rozhraní, vytvářet weby vhodné pro SEO, opakovaně používat komponenty na mnoha platformách, implementovat stávající kód webových stránek v mobilní aplikaci, zrychlit výkon webových aplikací náročných na zdroje a lze jej použít všude, kde je potřeba JavaScript.

1.2. Je to podobné jako u jiných jazyků nebo frameworků?

Design a funkce Reactu se příliš nepodobají jiným frameworkům JavaScriptu.

Nicméně framework Vue má s Reactem společné rysy. Patří mezi ně schopnost využívat virtuální DOM, poskytovat reaktivní a složitelné komponenty zobrazení a soustředit se na jádro knihovny, přičemž o záležitosti, jako je směrování a správa globálního stavu, se starají doprovodné knihovny.

Je tu však ještě jedna vlastnost: React vytváří HTML pomocí takzvané JSX syntaxe, která se velmi podobá původnímu HTML. Znalost jazyka HTML se tedy v jistém smyslu může v Reactu velmi dobře uplatnit.

1.3. Jaké jsou jeho hlavní výhody nebo vlastnosti?

Jasnou výhodou použití Reactu je, že používá funkcionální styl programování. Funkcionální programování je proces vytváření softwaru skládáním čistých funkcí; vyhýbá se sdílenému stavu, proměnlivým datům a vedlejším účinkům. Funkcionální programování je spíše deklarativní než imperativní a díky tomu React používá jen velmi málo "šablonového" kódu. To v praxi znamená, že s malým množstvím kódu můžete dosáhnout hodně. Naučit se tento proces může chvíli trvat, nicméně z dlouhodobého hlediska to zkracuje dobu vývoje a snižuje riziko chyb v kódování.

React má dvě klíčové funkce, které zvyšují jeho atraktivitu pro vývojáře JavaScriptu, JSX a Virtual DOM.

JSX (zkratka pro JavaScript eXtension) je speciální syntaktické rozšíření Reactu, které vývojářům webových stránek umožňuje efektivně kombinovat syntaxi HTML se syntaxí JavaScriptu. Běžně nativní JavaScript tuto funkci neumožňuje, takže JSX výrazně snižuje množství potřebného kódu. A protože se podpora prohlížeče React rozšiřuje na všechny moderní webové prohlížeče, je JSX kompatibilní s jakoukoli dostupnou platformou prohlížeče.

Pokud vývojář používá JSX k manipulaci a aktualizaci svého DOM, vytvoří React něco, čemu se říká virtuální DOM. Virtuální DOM je umělá kopie DOM webu a React pomocí této kopie zjišťuje, které části skutečného DOM je třeba změnit, když dojde k nějaké události (například kliknutí uživatele na tlačítko). Tento druh selektivní aktualizace vyžaduje méně výpočetního výkonu a méně času potřebného k obnovení stránky. Celkově je to pro programátory mnohem příjemnější.

Co by měl náborář IT vědět o Reactu2. Co je důležité, aby náborář IT věděl o Reactu?

Co by měl vědět vývojář reakcí? Důležité je, aby si personalista IT zapamatoval, že React je view knihovna/framework, která neurčuje, jak budeme zacházet se stavem (data) v našich aplikacích. Proti tomu byla v roce 2015 vydána populární knihovna pro správu stavů s názvem Redux, která se používala až do roku 2019.

V současné době Redux ztratil na popularitě a jeho roli hlavního nástroje pro správu stavu aplikace převzal React Hooks. Dnes už lidé nové aplikace s Reduxem příliš často nepíší. Ale spousta existujících projektů, produktů a společností se na Redux spoléhá a bude ho muset aktivně udržovat ještě mnoho let.

2.1. Jak často se mění technologický stack?

To je těžké říci, protože nemůžeme předvídat budoucnost. Přibližně každé 2-3 roky dojde k velké změně, například k nahrazení mixinů komponentami vyššího řádu nebo k odklonu od komponent tříd směrem k funkčním komponentám založeným na háčcích.

2.2. Je k dispozici mnoho zdrojů/nástrojů/technologií?

Pro React je k dispozici obrovské množství materiálů, včetně mnoha bezplatných výukových materiálů o jeho používání. Použitelnost knihovny není tak složitá jako například Angular, takže je oblíbená jak u amatérů, tak u zkušených programátorů.

Pokud jde o nástroje, k dispozici je také spousta pluginů a knihoven, které lze s Reactem používat. Vzhledem k tomu, že framework byl vytvořen společností Facebook, je podpůrný ekosystém opravdu silný. Existuje mnoho JS knihoven, které mají odpovídající vazby na React. Pro React je stále aktivně udržována celá řada nástrojů, které jsou mezi jeho uživateli oblíbené (je důležité vybrat si nástroj, který se nezdá být opuštěný ani aktualizovaný).

Existují desítky zdrojů pro párování nebo učení se Reactu na jiné úrovni a ty nejlepší najdete na webových stránkách, jako je např. Hongkiat.

2.3. Jaké nástroje a techniky by měl vývojář Reactu znát?

Jedním z nejefektivnějších způsobů, jak si osvojit React, je používat jeho nástroje k vytváření webových aplikací pro reálné projekty. Je tedy docela pravděpodobné, že s tím má vývojář dostatek zkušeností. Znalost React Hooks, React Context API a Redux jsou pro vývojáře Reactu zásadní.

  • Pro vytváření vizuálních prvků by měl mít vývojář React hluboké znalosti HTML, CSS, SASS/LESS/Stylus. Bonusem by byla také znalost SVG.
  • Dobrá znalost jazyka JavaScript je základem.Typescript je také dobré mít.
  • Měli by mít praktické znalosti těchto knihoven: jQuery, MomentJS, Underscore a Lodash.
  • Zkušený vývojář Reactu umí používat tyto nástroje JavaScriptu: npm, Yarn, platformu Node.js (jako celek) - a alespoň jeden z nástrojů pro automatizaci tvorby aplikace: Webpack, Parcel nebo Rollup (Grunt, Gulp a Browserify byly populární už dávno, dnes se příliš nepoužívají).
  • Pro testování by měli znát TDD, BDD, Unit Tests a být schopni s jistotou používat tyto testovací nástroje, jako je Jest nebo Enzyme. Užitečné by byly také nástroje Jasmine, Karma, Mocha a Selenium.
  • Dobré zkušenosti se správou cloudových platforem, jako jsou SaaS, Amazon AWS, Google Cloud nebo Microsoft Azure, jsou výhodné.
  • Hledejte někoho, kdo má znalosti v oblasti těchto softwarových aplikací:
    • nástroje pro řízení projektů: Jira
    • servery: NGINX, Apache
    • online nástroje pro spolupráci Slack, Miro, Figma a cloudové dokumenty, jako je Google nebo Microsoft atd.

2.4. Jaké zkušenosti je důležité hledat u vývojáře Reactu?

Vědecké a akademické zkušenosti jsou pro React téměř irelevantní. Komerční zkušenosti jsou naopak velmi důležité. Zkušenosti s open source jsou příjemné, ale rozhodně ne povinné. Pokud vývojář spravuje knihovnu populárního operačního systému, bude to velmi silná výhoda.

Obecně lze říci, že provádění jednoduchých úkolů v Reactu není složité, takže mnoho rádoby vývojářů se snaží začít svou kariéru ve front-endovém vývoji, často v Reactu. Proto existuje mnoho absolventů boot-campů, kteří chtějí získat svou první práci v Reactu. Je to velmi velká výhoda mít komerční zkušenosti oproti lidem, kteří se zúčastnili boot-campů a často vytvořili jeden nebo dva projekty bokem. Je skvělé dát nováčkům šanci, ale jejich zkušenosti se ve skutečnosti nerovnají znalostem ověřeným v boji.

Ověřit dovednosti Ract - react js developer skills3. Jak ověřit dovednosti vývojáře React ve fázi výběru?

Technické nebo tvrdé dovednosti jsou dovednosti specifické pro danou práci které jsou nezbytné k výkonu práce. Tyto dovednosti se získávají a rozvíjejí prostřednictvím vzdělávání, seminářů, školení a certifikací.

Na druhou stranu měkké dovednosti se týkají mezilidských schopností člověka. Jejich měření nebo kvantifikace jsou ze své podstaty poměrně složité. Měkké dovednosti nám pomáhají určit, jak zaměstnanec komunikuje s ostatními a zda má vlastnosti, které se hodí do firemní kultury. Mezi nejdůležitější měkké dovednosti vývojáře React patří např:

  • Vynikající komunikační dovednosti
  • Týmová práce
  • Kreativita
  • Schopnost zvládat kritiku

3.1. Co je třeba vzít v úvahu při kontrole životopisu?

V životopise je třeba hledat především obchodní zkušenosti s vývojem front-endových projektů. Vždy zkušenosti s dlouhým seznamem různých nástrojů. Proč?

Moderní vývoj front-endu přinesl stovky nástrojů, které řeší podobné problémy různými způsoby a někdy dělají totéž. Existuje spousta trendů, některé nástroje mohou být populární a o dva roky později jsou již zastaralé, prostředí se velmi rychle mění.

To, že někdo ve svém životopise zmínil nástroj X, znamená, že s ním může něco vytvořit. Ale neznamená to, že má solidní znalosti o tom, proč to udělal právě takto nebo jaké jsou výhody/nevýhody jiných různých řešení. Schopnost přizpůsobit se neznámým situacím je zde skutečným klíčem, bez této základní zkušenosti s řešením různých problémů může vývojář znát jen to, na co byl zvyklý nebo co ho naučili.

V souhrnu je tedy poměrně jednoduché uvést do životopisu desítky známých nástrojů, ale řešení problémů je mnohem důležitější. Pokud by někdo uvedl "navrhování řešení" nebo "poskytování architektury", bylo by to vhodnější než pouhé vyjmenovávání názvů nástrojů.

React Glossary - dovednosti vývojáře react js3.2. Jaké slovníkové pojmy je důležité znát v Reactu (včetně frameworků, knihoven a verzí jazyka)?

To jsou klíčová slova, která stojí za pochopení:

Architektura
  • Součásti třídy
  • Funkce(al) Komponenty
  • React Hooks
Státní správa
  • Rozhraní API React Context
  • Redux
  • MobX
Styling
  • Stylové komponenty
  • Emoce
  • CSS v JS
  • Moduly CSS
Statické typování nebo kontrola typu
  • TypeScript
  • Průtok
Ekosystém
  • npm
  • Node.js
  • NVM
Bundler
  • webpack

Vývojáři Reactu používají také React Native, který slouží k vytváření nativních mobilních aplikací. React ve spojení s React Native umožňuje vývojářům používat stejný kód pro prohlížeč i mobilní zařízení, což je velká výhoda. Stále však existuje několik důležitých kódů specifických pro každou platformu, které nelze duplikovat.

3.3. Které verze jsou zcela odlišné? Které verze jsou si podobné?

Počty verzí nejsou tak důležité, protože lidé se je neučí nazpaměť, nicméně ve vývoji Reactu skutečně existovalo několik "období".

Mějte na paměti, že to není jako Python v2 a v3, které nejsou vzájemně kompatibilní. Důležitější jsou architektury, které si lidé zkompilovali. Nové verze samozřejmě přibyly, ale React v16.8.3 mnoha vývojářům nic neříká.

Mezi architektury, které mohou být lidem známé (v chronologickém pořadí), patří:

  • Třída React založená na komponentách
    • Mixiny - velmi starý přístup. V dnešní době je to v podstatě dědictví a je třeba se mu vyhnout. Existují však některé staré projekty, kde se stále používá.
    • HOCs (Higher-Order Components) - myšlenka tohoto přístupu spočívá v tom, že HOC přidává do komponenty jedno chování (přidává jednu funkci). Spousta projektů jej stále používá, ale je považován za starší.
    • Renderování rekvizit - některé nestandardní komponenty, které nemají uživatelské rozhraní, mají pouze logiku/chování. A přijímají tuto "vykreslovací rekvizitu", která definuje, co je zobrazení. Takže násilně oddělujeme logiku od uživatelského rozhraní. Některé projekty ho mohou mít, ale je považováno za starší.
  • Funkce React založená na komponentách
    • React Hooks - představen koncem roku 2018 a rychle se stal dominantním přístupem. V dnešní době se jedná o naprosto nezbytnou výbavu. Vychází z funkčního programování a je zcela odlišný od komponent tříd. Jakmile se ho naučíte, je bezpečnější a méně náchylný k chybám. Naučit se ho však obvykle vyžaduje více úsilí než komponenty tříd.

Všechny výše uvedené přístupy se v podstatě snaží dosáhnout stejného cíle, i když různými způsoby. Především cestou: skládání komponent, spojování několika menších komponent do jednoho většího celku, zlepšování znovupoužitelnosti a zlepšování kompozice.

3.4. Jaké další řádky v životopise mohou ukázat dovednosti vývojáře React?

Pro vývojáře Reactu je také důležité, aby měli hluboké znalosti v oblasti framework agnostic, včetně:

  • Jazyk: JavaScript, ES6
  • Asynchronní JavaScript (sliby, události, async await a rxjs)
  • HTTP - protokol, který dnes používají miliardy zařízení a který umožňuje komunikaci mezi klienty a servery.
  • Typescript a/nebo Flow (statické psaní aplikací React)
  • knihovny uživatelského rozhraní, jako je Material UI
  • Obecně architektura a návrhové vzory.

3.5. Jaké certifikace jsou k dispozici a respektovány? Jsou užitečné pro určení kvalifikace?

V oblasti front endů neexistují žádné uznávané certifikace, které by stály za to. Pokud vůbec nějaké certifikace existují, nejsou příliš známé. Je to zcela opačný stav, než býval v Javě (kdy bylo k dispozici spousta certifikací, které bylo možné absolvovat).

Otázky k pohovoru na téma React4. Technická prověrka dovedností vývojáře React během telefonického/video pohovoru

Ať už jste IT náborář nebo projektový manažer, dobře víte, že úspěch vašeho projektu závisí na vaší schopnosti najít špičkové vývojáře.

Níže naleznete několik příkladů otázek, které můžete použít při hledání nového vývojáře React pro tvorbu webových aplikací.

4.1. Otázky, které byste si měli položit o vývojáři Reactu zkušenosti. Proč byste se měli ptát na každou z těchto otázek?

  • Věnujete pozornost automatizovanému testování?
    • Vývojáři, kteří nemají ve zvyku psát unit/e2e testy, si možná myslí, že jejich kód je kvalitní, ale ve skutečnosti je proces testování zásadní.
  • Podporovali jste ve svých nedávných projektech přístupnost (a11y)?
    • Je důležité vytvářet přístupné webové stránky, zejména pro státní a finanční instituce, aby lidé s postižením mohli aplikace využívat co nejlépe.
  • Dáváte přednost kódování obchodní logiky nebo vizuální vrstvy?
    • Uchazeč by měl říci, co je jeho silnou stránkou a jaké úkoly by nejraději vykonával při své každodenní práci.
  • Jak byste optimalizovali svou kódovou základnu React?
    • Odpovědi na tuto otázku ukazují na zkušenosti. Dobrá odpověď by měla zahrnovat různé techniky, například: memo, useMemo, PureComponent, odstranění zbytečných výpočtů a rozdělení komponent na menší části (takže při každé změně se znovu vykreslí méně značek).

4.2. Otázky, které byste měli klást vývojáři Reactu znalosti a názory. Proč byste se měli ptát na každou z těchto otázek?

  • Proč komunita odmítla Redux (nebo alespoň tvrdí, že to není cesta vpřed pro React)?
  • Uveďte výhody a nevýhody rozhraní Redux a React Context API. V jakých případech byste použili jedno místo druhého?
  • Jaké jsou výhody React Hooks?
  • Uveďte několik technik funkcionálního programování, které se často používají v aplikacích React.

Výše uvedené otázky jsou na vysoké úrovni a umožňují uchazeči zaujmout během pohovoru správnou pozici. Pokud je kandidát nezkušený, poznáte to poměrně rychle.

Špatná odpověď na otázkuProč byl Redux odmítnut?" by byloProtože React Hooks je lepší'. Zasvěcenější odpověď by byla, že ačkoli Redux přináší spoustu výhod, jako je předvídatelná správa stavů, explicitnost, cestování v čase a výměna modulů za provozu, v Reduxu se přidává spousta opakujícího se kódu a cenová dostupnost se stala pro mnoho jeho uživatelů problémem.

Mezi další otázky týkající se znalostí a názorů patří:

  • Proč React zavedl Virtual DOM?
    • Neodpovídá na to, co to je, ale proč dokazuje, že vývojář rozumí vnitřnímu návrhu a architektuře samotného Reactu. Krátká odpověď zní: kvůli výkonu, flexibilitě a snadné změně struktury HTML.
  • Jaké problémy řeší moduly CSS?
    • Je důležité pochopit problémy spojené se správou CSS v aplikacích React. Některé styly prosakují ven a některé styly zvenčí prosakují k vám. Moduly CSS emulují místní styly.
  • Proč se nedoporučují odkazy (zkratka pro reference)?
    • To je důležité, protože to dokazuje, že rozumíte filozofii Reactu. Typický přístup k programování je zkrátka nezbytný. React se řídí deklarativním přístupem. Refs jsou únikem do imperativního světa, který existuje mimo filozofii Reactu. Měly by se používat pouze jako poslední možnost.

4.3. Chování otázky, které byste měli položit vývojáři Reactu. Proč byste se měli ptát na každou z těchto otázek?

  • Jaký byl nejobtížnější úkol v Reactu, který jste museli implementovat? Jak jste se s ní vypořádali?
    • Odpověď na tuto otázku ukáže, s jakými neznámými úkoly byl vývojář konfrontován. To se může týkat učení se novým dovednostem, týmové práce nebo jejich spolupráce s podnikem.
  • Kdybyste zjistili, že existuje nová knihovna pro správu stavů pro React, která získává na popularitě - přidali byste ji do svého projektu, když víte, že už máte dva různé způsoby, jak se vypořádat se správou stavů?
    • Jak již bylo zmíněno, v oblasti front-endu jsou problémem neustále se měnící trendy. Nástroje se mění, ale někteří lidé se přestávají soustředit a považují nástroje za cíl samotný, místo aby je považovali za prostředek k dosažení obchodního cíle. Vždy dávejte přednost vývojářům, kteří mají na zřeteli výsledek, a ne směr, kterým se k němu dostanou.
  • Pokud by se objevil nový přístup k řešení Reactu, chtěli byste být jeho prvním uživatelem?
    • Stejně jako výše - neupřednostňujte nové nástroje před obchodními cíli. Přepisování kódové základny stojí čas a peníze a vývojáři by si toho měli být vědomi.

Testy kódování React5. Technická kontrola dovedností vývojáře React pomocí online testu kódování.

Najmout skvělého vývojáře React může být značně náročné, zejména pokud si veškerou špinavou práci děláte sami. Není pochyb o tom, že tento proces obvykle vyžaduje spoustu trpělivosti při vyřizování veškerého papírování a pohovorů.

Pokud najímáte pracovníky na základě projektu, můžete začít na těchto internetových burzách práce a tržištích. Pro velké projekty, které vyžadují dlouhodobý závazek a rozpočet, však potřebujete společnost zabývající se vývojem softwaru se solidním náborovým procesem.

5.1. Který online test pro vývojáře React byste si měli vybrat?

Při hledání správného Test dovedností vývojáře React měli byste se ujistit, že splňuje následující kritéria:

  • Zkouška odráží kvalitu prováděné odborné práce.
  • Doba trvání není příliš dlouhá, maximálně jedna až dvě hodiny.
  • Test může být odeslán automaticky a je jednoduchý.
  • Úroveň obtížnosti odpovídá schopnostem uchazeče.
  • Testování jde nad rámec kontroly, zda řešení funguje - kontroluje kvalitu kódu a to, jak dobře funguje v okrajových případech.
  • Je co nejblíže přirozenému programovacímu prostředí a umožňuje kandidátovi přístup k příslušným zdrojům.
  • Poskytuje uchazeči možnost používat všechny knihovny, frameworky a další nástroje, se kterými se pravidelně setkává.

5.2. Online testy dovedností vývojářů React připravené k použití DevSkiller

Testy kódování DevSkiller využívají naši metodiku RealLifeTesting™, která odráží skutečné kódovací prostředí, v němž váš kandidát pracuje. Namísto používání obskurních algoritmů vyžadují testy DevSkiller, aby kandidáti vytvářeli aplikace nebo funkce. Jsou hodnoceny zcela automaticky a lze je absolvovat kdekoli na světě. Zároveň má kandidát přístup ke všem zdrojům, které by běžně používal, včetně knihoven, frameworků, StackOverflow a dokonce i Google.

Společnosti používají DevSkiller k testování kandidátů pomocí vlastní kódové základny odkudkoli na světě. Aby to bylo snadné, nabízí DevSkiller také řadu předpřipravených testů dovedností v oblasti datové vědy, jako jsou ty zde:

Reagovat
STŘEDNÍ
Testované dovednosti
Doba trvání
96 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JavaScript, Reagovat,

Mezery v kódu

hodnocení znalostí JavaScript, Reagovat, ES6

Úloha programování - Úroveň: - Střední úroveň

JavaScript | React, Class Components, Enzyme | Contact Form - Dokončení implementace jednoduché formulářové aplikace React.

Reagovat
JUNIOR
Testované dovednosti
Doba trvání
39 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JS, JavaScript, Reagovat

Mezery v kódu

hodnocení znalostí JavaScript, Reagovat

Úloha programování - Úroveň: Snadné

JavaScript | React, Class Components, Enzyme | Search-Engine Application - Implementace aplikace pro vyhledávání a filtrování produktů v internetovém obchodě.

TypeScript
JUNIOR
Testované dovednosti
Doba trvání
51 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí Typescript

Mezery v kódu

hodnocení znalostí JavaScript, Reagovat

Otázky s výběrem odpovědí

hodnocení znalostí HTML, CSS

Úloha programování - Úroveň: Snadné

TypeScript | React Hooks | Movies State Management - Kompletní aplikace pro správu filmů pomocí React Hooks implementací správy stavu do stávajících pohledů.

Reagovat
STŘEDNÍ
Testované dovednosti
Doba trvání
113 maximálně minut.
Hodnocení
Automatické
Přehled testů

Programování - Úroveň: těžká

JavaScript | React, Redux | Address Book - Implementace chybějících funkcí malé webové aplikace React postavené na Reduxu.

Úloha programování - Úroveň: - Střední úroveň

JavaScript | Node.js | Address book - Implementace koncových bodů pro načtení seznamu kontaktů (s fázovým porovnáváním a omezením výsledků), načtení detailů jednoho kontaktu a odstranění daného kontaktu.

Mezery v kódu

hodnocení znalostí MongoDB

Reagovat
SENIOR
Testované dovednosti
Doba trvání
175 maximálně minut.
Hodnocení
Automatické
Přehled testů

Úloha programování front-endu - Úroveň: .

JavaScript | React, Redux | Address Book - Implementace chybějících funkcí malé webové aplikace React postavené na Reduxu.

Úloha programování backendu - Úroveň: .

JavaScript | Node.js | Address Book - Implementace koncových bodů pro načtení seznamu kontaktů (s fázovým porovnáním a omezením výsledků), načtení podrobností o jednom kontaktu a odstranění daného kontaktu.

Reagovat
JUNIOR
Testované dovednosti
Doba trvání
35 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JavaScript, Reagovat

Úloha programování - Úroveň: Snadné

Javascript | React | Poznámky v kalendáři - Implementace aplikace, pomocí které může uživatel přidat poznámku k datu, které si vybere z kalendáře.

JavaScript
JUNIOR
Testované dovednosti
Doba trvání
35 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JavaScript, Reagovat

Úloha programování - Úroveň: Snadné

JavaScript | React | Search-Engine Application - Implementace aplikace pro vyhledávání a filtrování produktů v internetovém obchodě.

Reagovat
JUNIOR
Testované dovednosti
Doba trvání
55 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JavaScript, Reagovat

Úloha programování - Úroveň: Snadné

JavaScript | React | Notepad - Jednoduchá aplikace pro ukládání a čtení poznámek pomocí služby NotesService. Tato úloha používá: react/testing-library (jako testovací framework react) a jest (jako test runner).

Reagovat
SENIOR
Testované dovednosti
Doba trvání
59 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí JS, JavaScript, Reagovat

Programování - Úroveň: těžká

React | Simple Website Builder - Tato úloha hodnotí dovednosti uchazeče v oblasti Reagovat, Redux a redux-form.

Reagovat
STŘEDNÍ
Testované dovednosti
Doba trvání
55 maximálně minut.
Hodnocení
Automatické
Přehled testů

Otázky s výběrem odpovědí

hodnocení znalostí ES6, JavaScript, HTML, JS, Reagovat, Vývoj webových stránek

Úloha programování - Úroveň: - Střední úroveň

JavaScript | React | Kontaktní formulář - Dokončete formulář tak, aby měl všechny následující funkce: uživatel se může přihlásit, takže se vyplní jméno a e-mail, po odeslání formuláře by se měla zobrazit děkovná zpráva.

Sdílet příspěvek

Další informace o najímání zaměstnanců v oblasti technologií

Přihlaste se k odběru našeho vzdělávacího centra a dostávejte užitečné informace přímo do své e-mailové schránky.

Bezproblémové ověřování a rozvíjení dovedností v oblasti kódování.

Podívejte se na produkty DevSkiller v akci.

Bezpečnostní certifikace a shoda s předpisy. Zajistíme, aby vaše data byla v bezpečí.

Logo DevSkiller Logo TalentBoost Logo TalentScore