Å odien tika atvÄrta jauna pieteikÅ”anÄs MaskavÄ. Pirmais apmÄcÄ«bas posms norisinÄsies no 7. septembra lÄ«dz 25. oktobrim. Citu pilsÄtu studenti tajÄ varÄs piedalÄ«ties attÄlinÄti vai klÄtienÄ ā uzÅÄmums apmaksÄs ceļa izdevumus un izmitinÄÅ”anu hostelÄ«. Otrais, arÄ« noslÄdzoÅ”ais posms ilgs lÄ«dz 3.decembrim, to varÄs aizvadÄ«t tikai klÄtienÄ.
Mani sauc JÅ«lija SerediÄa, Å”o ierakstu rakstÄ«jÄm kopÄ ar Sergeju Kazakovu. MÄs esam gan interfeisa izstrÄdÄtÄji Yandex Minskas birojÄ, gan iepriekÅ”Äjo gadu SRI absolventi.
SakarÄ ar reÄ£istrÄcijas atvÄrÅ”anu MaskavÄ, mÄs publicÄjam iepriekÅ”ÄjÄs skolas ievaduzdevumu analÄ«zi - Å”eit, MinskÄ.
Ja izsekojat SRI uzdevumu vÄsturei, gadu no gada mÄs pÄrbaudÄ«jÄm trÄ«s svarÄ«gas programmÄtÄja prasmes:
- IzkÄrtojums. Katram izstrÄdÄtÄjam jÄspÄj veikt izkÄrtojumu. TÄ nenotiek, ka tev ir tÄvocis Serjoža, kurÅ” izstrÄdÄ visai komandai, un tu raksti tikai skriptus. TÄpÄc katram skolÄnam jÄparÄda, kÄ viÅÅ” prot salikt.
- JavaScript. Ja lieta aprobežotos ar izkÄrtojumu, tad mums bÅ«tu nevis Interfeisa izstrÄdes skola, bet gan maketÄtÄju skola. Skaisti izstrÄdÄtais interfeiss ir jÄatdzÄ«vina. TÄpÄc vienmÄr ir kÄds uzdevums JS, bet dažreiz tas ir arÄ« algoritmu uzdevums - mÄs tos ļoti mÄ«lam.
- ProblÄmu risinÄÅ”ana, iespÄjams, ir vissvarÄ«gÄkÄ izstrÄdÄtÄja prasme. RunÄjot par saskarÅu izveidi, lietas mainÄs ļoti Ätri. Tas ir tÄpat kÄ LÅ«iss Kerols: "Jums ir jÄskrien tik Ätri, cik vien iespÄjams, lai tikai paliktu tajÄ paÅ”Ä vietÄ, un, lai nokļūtu citÄ vietÄ, jums jÄskrien divreiz ÄtrÄk." IkdienÄ mÄs saskaramies ar jaunÄm tehnoloÄ£ijÄm ā ar tÄm ir jÄrÄÄ·inÄs un jÄspÄj tÄs saprast. TÄpÄc treÅ”ajÄ uzdevumÄ mÄs piedÄvÄjÄm izprast tehnoloÄ£ijas, kuras iesÄcÄjs izstrÄdÄtÄjs parasti nepÄrzina.
Katra uzdevuma analÄ«zÄ mÄs jums pastÄstÄ«sim ne tikai par pareizo procedÅ«ru, bet arÄ« par izplatÄ«tÄkajÄm kļūdÄm.
1. uzdevums: Portfelis
Pie pirmÄ uzdevuma strÄdÄja Yandex.Collections dizainers Aleksejs ÄerenkeviÄs, kurÅ” zina, kÄ veikt maketÄÅ”anu, un viÅa dienesta kolÄÄ£is, interfeisa izstrÄdÄtÄjs Sergejs Samsonovs.
StÄvoklis
Izveidojiet portfeļa vietni: pastÄstiet mums par sevi, savu darbu un jÅ«su cerÄ«bÄm no skolas. Vietnei pÄc iespÄjas vairÄk jÄatbilst piedÄvÄtajam izkÄrtojumam (saites uz izkÄrtojumiem: , , , ). MÅ«s interesÄ tikai izkÄrtojums, tÄpÄc, lÅ«dzu, neizmantojiet JavaScript.
PÄrbaudot, mÄs Åemsim vÄrÄ:
- atkÄpju izmÄri, krÄsu pareizÄ«ba, fonta stils, fonta lielums;
- semantiskais izkÄrtojums;
- dažÄdu elementu stÄvokļu klÄtbÅ«tne: pogu un saiÅ”u parÄdÄ«Å”ana, virzot kursoru, izceļot aktÄ«vos ievades laukus utt.;
- vairÄku pÄrlÅ«kprogrammu saderÄ«ba (pÄrbaudÄ«ta jaunÄkajÄs populÄro pÄrlÅ«kprogrammu versijÄs).
PriekŔrocība būs:
- mÅ«sdienÄ«gu CSS risinÄjumu izmantoÅ”ana: flexbox, grid u.c.;
- AdaptÄ«vs izkÄrtojums;
- priekÅ”- un (vai) pÄcprocesoru izmantoÅ”ana, montÄža, minimizÄÅ”ana, izvades koda optimizÄcija;
- HTML veidlapas validÄcija, stilizÄta failu augÅ”upielÄdes poga.
Uzdevums ir diezgan apjomÄ«gs, tÄpÄc varat izlaist to, kas nedarbosies. Tas nedaudz pazeminÄs jÅ«su punktu skaitu, taÄu jÅ«s joprojÄm varÄsit demonstrÄt savas zinÄÅ”anas. Kad esat pabeidzis, nosÅ«tiet mums divas saites ā uz savu portfolio un avota kodu vietnÄ GitHub.
UzdevumÄ piedÄvÄtie izkÄrtojumi bija ne tikai ar mobilo ierÄ«Äu, planÅ”etdatoru un galddatoru ekrÄniem, bet arÄ« ar reÄlÄm specifikÄcijÄm.
Lai pirmÄ uzdevuma pÄrbaudes rezultÄtos bÅ«tu pÄc iespÄjas vairÄk objektivitÄtes, Å”ai pÄrbaudei bija ļoti daudz kritÄriju.
kritÄriji
Izveidota mÄjas lapa. Tas Ŕķiet paÅ”saprotami, taÄu daži puiÅ”i dažus blokus pilnÄ«bÄ izlaida ā vai nu viÅi gribÄja ietaupÄ«t laiku, vai arÄ« nevarÄja tos izdarÄ«t. IzkÄrtojumu var aptuveni sadalÄ«t Äetros galvenajos ekrÄnos: galvenais ekrÄns ar iemiesojumu, bloks ar SRI gaidÄm, bloks ar portfeli un bloks ar kontaktinformÄciju. Tos varÄja taisÄ«t pa sekcijÄm vai vienkÄrÅ”i izmantojot divus, galvenais, ka bija pieejami visi Äetri bloki.
IzkÄrtojuma atbilstÄ«ba maketam. Dizainers izstrÄdÄja atseviŔķu specifikÄciju (tostarp krÄsas, tipogrÄfiju, pogu stÄvokli utt.), lai kandidÄtiem bÅ«tu vieglÄk. ApakÅ”Ä bija mÄjiens par pirmÄ ekrÄna ievilkumiem un iezÄ«mÄm. Mani ļoti iepriecinÄja puiÅ”i, kuri ÅÄma vÄrÄ visas dizainera vÄlmes: piemÄram, pirmajam ekrÄnam vajadzÄja bÅ«t ne mazÄkam par skatu loga augstumu.
AdaptÄ«vs izkÄrtojums - tas ir tad, kad interfeiss nav vienkÄrÅ”i izkÄrtots tÄ, ka trÄ«s izŔķirtspÄjÄs viss ir no pikseļiem lÄ«dz pikseļiem. StarpstÄvokļos arÄ« izkÄrtojumam nevajadzÄtu sabrukt. Daži aizmirsa ierobežot konteinera maksimÄlo platumu un iestatÄ«t visu uz 1920 pikseļiem, daži sajauca fonus, bet kopumÄ kandidÄti ar Å”o uzdevumu tika galÄ labi.
Semantiskais izkÄrtojums. āCik reizes viÅi pasaulei ir teikuÅ”iā, ka saitei jÄbÅ«t veidotai kÄ , pogai ā kÄ . Par laimi, lielÄkÄ daļa kandidÄtu izpildÄ«ja arÄ« Å”o prasÄ«bu. Ne visi atpazina slÄpto sarakstu SRI cerÄ«bÄs, veidojot to, izmantojot div tagus, taÄu tas nav tik slikti. Bija kandidÄts, kurÅ” ievietoja visus sev zinÄmos semantiskos tagus ā kur vajag un kur nevajag. PiemÄram, saraksta vietÄ - un . Galu galÄ, semantika - tÄ ir jÅ«su lapas sastÄva un katra bloka mÄrÄ·a izpratne (vairumam tas izdevÄs Å”eit), kÄ arÄ« priekÅ”- un/vai pÄcapstrÄdÄtÄju izmantoÅ”ana (dažiem tas izdevÄs Å”eit, lai gan Å”is bija arÄ« punktos - visbiežÄk izmantoja mazÄk un scss) .
Darba slÄ«dnis. UzdevumÄ rakstÄ«jÄm, ka JS nevar izmantot. Å eit tika pÄrbaudÄ«ta spÄja risinÄt problÄmas - izmantojot Ä·ekaru, varÄja izveidot slÄ«dni Un . Visa burvÄ«ba notiek selektora lÄ«menÄ« #button-N:checked ~ .slider-inner .slider-slides. Kad mÄs noklikŔķinÄm uz vienas no ievades izvÄles rÅ«tiÅÄm, tas pÄriet atzÄ«mÄtajÄ stÄvoklÄ«. MÄs varam izmantot Å”o iespÄju un pieŔķirt nepiecieÅ”amo tulkojumu konteineram ar slaidiem: transform: translate (-33%). JÅ«s varat redzÄt slÄ«dÅa ievieÅ”anu .
Nolaižamie saraksti. Å eit arÄ« viss nonÄca un lÄ«dzÄ«gs atlasÄ«tÄjs: .accordion-item input:checked ~ .accordion-item__content. JÅ«s varat redzÄt ievieÅ”anu .
:hover, :active un :focu* stÄvokļu pieejamÄ«ba. Ä»oti svarÄ«gs punkts. No tÄ bija atkarÄ«gs komforts mijiedarbÄ«bas laikÄ ar saskarni. LietotÄjam vienmÄr jÄsaÅem atsauksmes par savÄm darbÄ«bÄm. Å is vienums tika pÄrbaudÄ«ts visÄ mijiedarbÄ«bas laikÄ ar anketu. Ja es nospiedu pogu āZvanÄ«t manā un vizuÄli nekas nenotika (kaut arÄ« pieprasÄ«jums tika nosÅ«tÄ«ts), tas ir slikti, jo tad es uz to spiedÄ«Å”u vÄl un vÄl. RezultÄtÄ tiks nosÅ«tÄ«ti desmit pieprasÄ«jumi un man atzvanÄ«s desmit reizes. MÄs nedrÄ«kstam aizmirst, ka mobilajÄs ierÄ«cÄs nav peles, kas nozÄ«mÄ, ka nedrÄ«kst bÅ«t kursors. Un vÄl viens punkts, kas neietekmÄja tos, kuri izpildÄ«ja punktu par semantiku. Ja jÅ«su vadÄ«kla nav interaktÄ«vs elements, virzot kursoru virs tÄ, kursors paliks standarta. Tas izskatÄs ļoti nesakopts, pat ja esat uzrakstÄ«jis reakciju uz kursoru. NenovÄrtÄjiet par zemu kursoru: rÄdÄ«tÄjs.
AnimÄcijas. Ir svarÄ«gi, lai visas reakcijas, kas notiek ar elementiem, bÅ«tu vienmÄrÄ«gas. DzÄ«vÄ nekas nenotiek acumirklÄ«gi, tÄpÄc pietika ar pÄrejÄm, kas atrodas kursorÄ un ir aktÄ«vas, lai padarÄ«tu saskarni patÄ«kamÄku. Tie, kas animÄja slÄ«dni un sarakstus, parasti ir lieliski.
Izmantojot jaunÄkÄs tehnoloÄ£ijas. Daudzi cilvÄki izmantoja flex, bet neviens nepabeidza uzdevumu, izmantojot režģi. Punkts tika ieskaitÄ«ts, ja flex tika izmantots pareizi. Ja kaut kur izkÄrtojums izjuka tieÅ”i Å”o loku dÄļ, diemžÄl jÅ«s nesaÅÄmÄt nekÄdus papildu punktus.
Veidlapas apstiprinÄÅ”ana. Viss, kas bija nepiecieÅ”ams, bija pievienot nepiecieÅ”amo atribÅ«tu katrai veidlapas ievadei. MÄs pievienojÄm punktus tiem, kuri apstiprinÄja e-pasta lauku kÄ e-pastu.
Faila augÅ”upielÄdes pogas stils. MÄs gaidÄ«jÄm tÄdu kombinÄciju kÄ: un IzvÄlieties failu . TÄlÄk mums vajadzÄja paslÄpt ievadi un veidot etiÄ·eti. Ir vÄl viens izplatÄ«ts veids - izveidot caurspÄ«dÄ«gu ievadi un ievietot to pogas augÅ”pusÄ. Bet ne visas pÄrlÅ«kprogrammas ļauj veidot stilu , un Å”Ädu risinÄjumu nevar saukt par pilnÄ«bÄ pÄrrobežu pÄrlÅ«kprogrammu. Un semantiski pareizÄk ir uztaisÄ«t etiÄ·eti.
SaderÄ«ba starp pÄrlÅ«kprogrammÄm. PÄrbaudÄ«jÄm, vai viss ir kÄrtÄ«bÄ divÄs jaunÄkajÄs moderno pÄrlÅ«kprogrammu versijÄs (bez IE ā dalÄ«bniekiem paveicÄs), kÄ arÄ« Safari uz iPhone un Chrome uz Android.
Gluži pretÄji, mÄs atskaitÄ«jÄm punktus, ja kÄds izmantoja JS vai Bootstrap: tie abi pÄrvarÄtu visa uzdevuma mÄrÄ·i. TurklÄt dalÄ«bnieki ar Bootstrap ne tikai saÅÄma mÄ«nusu, bet arÄ« zaudÄja daudz punktu par semantiku un realizÄtajiem elementiem.
Tie, kuri mitinÄja savu vietni kaut kur internetÄ, nesaÅÄma nekÄdas Ä«paÅ”as priekÅ”rocÄ«bas - taÄu recenzenti bija ļoti priecÄ«gi, kad viÅiem nebija jÄlejupielÄdÄ repozitoriji un jÄpalaiž tÄs lokÄli savÄ datorÄ. TÄtad tas kalpoja kÄ pluss karmai.
Pirmais uzdevums bija ļoti noderÄ«gs galvenokÄrt skolÄnam. Tiem, kurus mÄs nepieÅÄmÄm, tagad ir sagatavots CV - varat to ar lepnumu pievienot visÄm atbildÄm vai ievietot savÄs gh-lapÄs.
2. uzdevums: Transporta marŔruts
Uzdevuma autors ir meklÄÅ”anas saskarÅu grupas vadÄ«tÄjs Deniss Baliko.
StÄvoklis
Vai jums ir zvaigžÅu karte? Tas parÄda katras zvaigznes nosaukumu, kÄ arÄ« attÄlumu no tÄs lÄ«dz citÄm zvaigznÄm gaismas sekundÄs. Ieviesiet risinÄjuma funkciju, kurai ir jÄizmanto trÄ«s argumenti: objekts, kurÄ atslÄgas ir zvaigžÅu nosaukumi, bet vÄrtÄ«bas ir attÄlumi lÄ«dz zvaigznÄm (vienvirziena satiksme kosmosÄ), kÄ arÄ« objektu nosaukumi. trases sÄkuma un beigu punkti - attiecÄ«gi sÄkums un finiÅ”s. Funkcijai jÄatgriež Ä«sÄkais attÄlums no starta zvaigznes lÄ«dz finiÅ”a zvaigznei un ceļŔ, kas jÄievÄro.
Funkcijas paraksts:
const solution = function(graph, start, finish) { // ŠŠ°ŃŠµ ŃŠµŃŠµŠ½ŠøŠµ }Ievaddatu piemÄrs:
const graph = { start: { A: 50, B: 20 }, A: { C: 40, D: 20 }, B: { A: 90, D: 90 }, C: { D: 160, finish: 50 }, D: { finish: 20 }, finish: {} }; const start = 'start'; const finish = 'finish';Izvades piemÄrs:
{ distance: 90, path: ['start', 'A', 'D', 'finish'] }PiezÄ«me. RisinÄjuma skelets atrodas mapÄ src/, ievietojiet risinÄjumu failÄ Solution.js.
OtrÄ uzdevuma pÄrbaude bija visautomatizÄtÄkÄ un objektÄ«vÄkÄ. LielÄkÄ daļa puiÅ”u uzminÄja, ka nepiecieÅ”ams ieviest Dijkstras algoritmu. Tie, kas atrada tÄ aprakstu un ieviesa algoritmu JS, ir labi pastrÄdÄjuÅ”i. TomÄr, pÄrbaudot uzdevumu, mÄs saskÄrÄmies ar daudziem papÄ«riem ar vienÄdÄm kļūdÄm. MÄs meklÄjÄm internetÄ koda fragmentus un atradÄm rakstu, no kura dalÄ«bnieki nokopÄja algoritmu. SmieklÄ«gi, ka daudzi cilvÄki nokopÄja kodu no raksta kopÄ ar autora komentÄriem. Å Ädi darbi saÅÄma zemu punktu skaitu. MÄs neaizliedzam izmantot nekÄdus avotus, bet mÄs vÄlamies, lai cilvÄks iedziļinÄs tajÄ, ko viÅÅ” raksta.
kritÄriji
Par ieskaitÄm tika pieŔķirti galvenie punkti. DažkÄrt bija skaidrs, ka puiÅ”i jaucÄs ar krÄtuvi, pÄrdÄvÄja mapes, un testi neizdosies vienkÄrÅ”i tÄpÄc, ka viÅi nevarÄja atrast nepiecieÅ”amos failus. Å ogad mÄÄ£inÄjÄm palÄ«dzÄt tÄdiem puiÅ”iem un atgriezÄm viÅiem visu savÄs vietÄs. TaÄu nÄkamgad plÄnojam pÄriet uz konkursu sistÄmu, un tas vairs netiks piedots.
Bija arÄ« ācilvÄciskieā, manuÄlie kritÄriji. PiemÄram, viena koda stila klÄtbÅ«tne. Neviens neatÅÄma punktus par tabulÄÅ”anas zÄ«mju izmantoÅ”anu atstarpes vietÄ vai otrÄdi. Cita lieta, ja jÅ«s aizstÄjat vienas pÄdiÅas ar dubultpÄdiÅÄm saskaÅÄ ar vienu jums zinÄmu noteikumu un ievietojat semikolus nejauÅ”i.
RisinÄjuma skaidrÄ«ba un lasÄmÄ«ba tika Åemta vÄrÄ atseviŔķi. VisÄs konferencÄs pasaulÄ viÅi saka, ka 80% programmÄtÄja darba ir citu cilvÄku koda lasÄ«Å”ana. Pat skolÄni tiek pakļauti kodu pÄrskatÄ«Å”anai - gan no saviem kuratoriem, gan viens no otra. TÄtad Å”im kritÄrijam bija ievÄrojama nozÄ«me. Ir bijuÅ”i darbi, kuros nebija mainÄ«go, kas garÄki par vienu rakstzÄ«mi ā lÅ«dzu, nedariet to. DalÄ«bnieku komentÄri bija ļoti iepriecinoÅ”i ā izÅemot tos, kas bija identiski Stellas Äangas komentÄriem.
PÄdÄjais kritÄrijs ir automÄtisko testu klÄtbÅ«tne. Tikai daži cilvÄki tos pievienoja, bet visiem tas kļuva par milzÄ«gu plusu karmÄ.
Pareizs risinÄjums:
const solution = function(graph, START, FINISH) {
// ŠŃŃ Š½Šµ Š±ŠµŃŠæŠ»Š°ŃŠ½Š¾ Š² ŃŃŠ¾Š¼ Š¼ŠøŃŠµ
const costs = Object.assign({[FINISH]: Infinity}, graph[START]);
// ŠŠµŃŠ²Š°Ń Š²Š¾Š»Š½Š° ŃŠ¾Š“ŠøŃŠµŠ»ŃŃŠŗŠøŃ
Š½Š¾Š“
const parents = { [FINISH]: null };
Object.keys(graph[START]).reduce((acc, child) => (acc[child] = START) && acc, parents)
const visited = [];
let node;
// ŠŃŠµŠ¼ Ā«Š“ŠµŃŃŠ²Š¾Š³Š¾Ā» ŃŠ¾Š“ŠøŃŠµŠ»Ń, Š¾ŃŠ¼ŠµŃŠ°ŠµŠ¼ ŠæŃŠ¾Š¹Š“ŠµŠ½Š½ŃŠµ
do {
node = lowestCostNode(costs, visited);
let children = graph[node];
for (let n in children) {
let newCost = costs[node] + children[n];
// ŠŃŃ Š½Šµ Š¾ŃŠµŠ½ŠµŠ½Š° ŠøŠ»Šø Š½Š°ŃŃŠ»ŃŃ Š±Š¾Š»ŠµŠµ Š“ŠµŃŃŠ²ŃŠ¹ ŠæŠµŃŠµŃ
Š¾Š“
if (!costs[n] || costs[n] > newCost) {
costs[n] = newCost;
parents[n] = node;
}
}
visited.push(node);
} while (node)
return {
distance: costs[FINISH],
path: optimalPath(parents)
};
// ŠŠ¾Š·Š²ŃŠ°Ń Š½Š°Š·Š°Š“ ŠæŠ¾ ŃŠ°Š¼ŃŠ¼ Ā«Š“ŠµŃŃŠ²ŃŠ¼Ā» ŃŠ¾Š“ŠøŃŠµŠ»ŃŠ¼
function optimalPath(parents) {
let optimalPath = [FINISH];
let parent = parents[FINISH];
while (parent && parent !== START) {
optimalPath.push(parent);
parent = parents[parent];
}
optimalPath.push(START);
return optimalPath.reverse();
}
// ŠŠøŠ½ŠøŠ¼Š°Š»ŃŠ½Š°Ń ŃŃŠ¾ŠøŠ¼Š¾ŃŃŃ ŠøŠ· ŃŠµŠŗŃŃŠµŠ¹ Š½Š¾Š“Ń ŃŃŠµŠ“Šø Š½ŠµŠæŃŠ¾ŃŠ¼Š¾ŃŃŠµŠ½Š½ŃŃ
function lowestCostNode(costs, visited) {
return Object.keys(costs).reduce((lowest, node) => {
if (lowest === null || costs[node] < costs[lowest]) {
if (!visited.includes(node)) {
lowest = node;
}
}
return lowest;
}, null);
};
};3. uzdevums: PasÄkumu kalendÄrs
To sagatavoja interfeisa izstrÄdÄtÄji Sergejs Kazakovs un Aleksandrs Podskrebkins.
StÄvoklis
Uzrakstiet mini kalendÄru, lai parÄdÄ«tu savu grafiku. Varat izvÄlÄties jebkuru grafiku, kas jums patÄ«k. PiemÄram, frontend konferenÄu grafiks 2019. gadÄ.
KalendÄram vajadzÄtu izskatÄ«ties kÄ sarakstam. Citu dizaina prasÄ«bu nav. Ä»aujiet iestatÄ«t notikumu atgÄdinÄjumus 3, 7 un 14 dienas iepriekÅ”. PÄc pirmÄs lejupielÄdes no interneta kalendÄram vajadzÄtu atvÄrties un darboties bezsaistÄ.
Noderīgi resursi
Frontend konferences grafiks:
Servisa darbinieki:
PaziÅojumu API:
TreÅ”ais uzdevums bija visinteresantÄk pÄrbaudÄ«t, jo bija tik daudz iespÄjamo risinÄjumu, katram savs. PÄrbaudÄ«jÄm, kÄ kandidÄts tiek galÄ ar nepazÄ«stamÄm tehnoloÄ£ijÄm ā vai viÅÅ” prot pÄtÄ«t, vai pÄrbauda savus risinÄjumus.
kritÄriji
SalocÄ«ts kalendÄrs. JÄ, tas vÄl bija jÄizklÄsta. Bija arÄ« tÄdi, kas nosacÄ«jumu uztvÄra pÄrÄk burtiski un neievietoja nevienu CSS koda rindiÅu. Tas neizskatÄ«jÄs Ä«paÅ”i pievilcÄ«gi, bet, ja viss darbojÄs, punkti nesamazinÄjÄs.
Notikumu saraksta iegÅ«Å”ana no avota. Å is nav maketÄÅ”anas uzdevums, tÄpÄc tajÄ iekļautais notikumu saraksts netika ieskaitÄ«ts. JÅ«s vienmÄr varat atcelt konferenci, pÄrplÄnot to vai pievienot jaunu. TÄpÄc bija nepiecieÅ”ams saÅemt datus no Ärpuses un renderÄt izkÄrtojumu, pamatojoties uz saÅemto JSON. Bija svarÄ«gi iegÅ«t datus jebkÄdÄ veidÄ (izmantojot ieneses metodi vai izmantojot XMLHttpRequest). Ja persona ienesei pievienoja polifilu un atzÄ«mÄja savu izvÄli readme, tas tika uzskatÄ«ts par plusu.
Servisa darbinieka reÄ£istrÄcija bez kļūdÄm un strÄdÄjiet bezsaistÄ pÄc pirmÄs lejupielÄdes. pakalpojumu darbinieks ar grafiku keÅ”atmiÅu pirmajÄ sÄknÄÅ”anas reizÄ. SÄ«kÄku informÄciju par pakalpojumu darbiniekiem, viÅu iespÄjÄm un veidiem, kÄ strÄdÄt ar viÅiem (stratÄÄ£ijas darbam ar keÅ”atmiÅÄm, darbam bezsaistÄ) var atrast Å”eit.
IespÄja iestatÄ«t atgÄdinÄjumulai tas faktiski darbotos pÄc 3, 7, 14 dienÄm. Bija nepiecieÅ”ams saprast paziÅojumu API, pareizi izpildÄ«ja uzdevumu. MÄs negaidÄ«jÄm nekÄdu Ä«paÅ”u ievieÅ”anu, lai pÄrbaudÄ«tu, vai ir pienÄcis laiks virzÄ«t. Tika pieÅemta jebkura darba iespÄja: glabÄÅ”ana vietÄjÄ krÄtuvÄ, IndexDB vai periodiska pakalpojuma darbinieka veiktÄ aptauja. Bija pat iespÄjams izveidot push serveri (Å”eit ), taÄu tas nedarbosies bezsaistÄ. Tikpat svarÄ«gi bija saÅemt grÅ«dienu pÄc lapas aizvÄrÅ”anas un pÄc kÄda laika atvÄrt. Ja atgÄdinÄjums nomira vienlaikus ar lapas aizvÄrÅ”anu, risinÄjums netika ieskaitÄ«ts. Tas ir forÅ”i, kad puiÅ”i domÄja par recenzentiem un ļÄva saÅemt impulsu jau tagad - lai negaidÄ«tu 3 dienas.
IespÄja novietot ikonu uz darbvirsmas (PWA). MÄs pÄrbaudÄ«jÄm faila esamÄ«bu ar pareizajÄm ikonÄm. Daži puiÅ”i izveidoja Å”o failu (vai atstÄja to Ä£enerÄtu programmÄ CreateReactApp), taÄu nepievienoja pareizÄs ikonas. PÄc tam, mÄÄ£inot instalÄt, radÄs kļūda, piemÄram, āir nepiecieÅ”ama cita ikonaā.
Koda stils un projekta struktÅ«ra. TÄpat kÄ otrajÄ uzdevumÄ, mÄs apskatÄ«jÄm vienu koda stilu (pat ja tas nesakrita ar mÅ«sÄjo). Daži puiÅ”i uzskrÅ«vÄja lÄ«kumus - tas ir lieliski.
Konsoles kļūdas. Ja tieÅ”i pultÄ« bija indikators, ka kaut kas nav kÄrtÄ«bÄ, un dalÄ«bnieks tam nepievÄrsa uzmanÄ«bu, tad atÅÄmÄm punktus.
RezultÄti
Kas ir smieklÄ«gi dalÄ«bnieku lÄmumos:
- VienÄ anketÄ bija Å”Äds teksts: āDraugs programmÄtÄjs man palÄ«dzÄja izveidot React lietojumprogrammu. Es viÅu apbÄru ar jautÄjumiem par to, kÄ un kÄpÄc, un viÅÅ” man to pateica. Man ļoti patika, es gribu par to uzzinÄt vairÄk. MÄs no visas sirds sakÅojÄmies par Å”o pieteikumu, bet diemžÄl kandidÄta draugs nebija Ä«paÅ”i izpalÄ«dzÄ«gs, lai pieteikums izdotos.
- Viens kandidÄts nosÅ«tÄ«ja saiti uz GitHub, kur atradÄs RAR arhÄ«vs - to ir grÅ«ti komentÄt. š
- Cits kandidÄts komentÄrÄ pie solve.js faila pirmÄs rindas godÄ«gi atzinÄs, ka nokopÄjis algoritmu.
MÄs saÅÄmÄm pieteikumus no 76 kandidÄtiem un atlasÄ«jÄm 23 cilvÄkus. Mums atsÅ«tÄ«ja anketas ne tikai no Minskas, bet arÄ« no Maskavas, PÄterburgas un pat TatarstÄnas. Daži puiÅ”i mÅ«s pÄrsteidza ar savÄm paÅ”reizÄjÄm profesijÄm: viens no viÅiem ir tiesu medicÄ«nas eksperts, bet otrs ir medicÄ«nas students.
RezultÄts bija interesants panÄkumu rÄdÄ«tÄju sadalÄ«jums uzdevumu izpildÄ. Pirmo uzdevumu dalÄ«bnieki izpildÄ«ja vidÄji par 60%, otro par 50%, bet treÅ”ais izrÄdÄ«jÄs visgrÅ«tÄkais un tika izpildÄ«ts vidÄji par 40%.
No pirmÄ acu uzmetiena uzdevumi Ŕķiet sarežģīti un laikietilpÄ«gi. Iemesls nav tas, ka mÄs vÄlamies atsijÄt pÄc iespÄjas vairÄk kandidÄtu. Studiju laikÄ studenti saskaras ar reÄliem uzdevumiem - Äata veidoÅ”ana, Yandex.Music bÄrniem vai Yandex.Weather no laikapstÄkļiem atkarÄ«giem cilvÄkiem. Å im nolÅ«kam ir nepiecieÅ”ama sÄkuma bÄze.
Es atceros, ka pirms diviem gadiem redzÄju savu SRI ieejas uzdevumu un domÄju, ka es to nekad neatrisinÄÅ”u. Galvenais Å”ajÄ brÄ«dÄ« ir apsÄsties, rÅ«pÄ«gi izlasÄ«t nosacÄ«jumus un sÄkt to darÄ«t. IzrÄdÄs, ka nosacÄ«jumi satur gandrÄ«z 80% Ŕķīduma. PiemÄram, treÅ”Ä uzdevuma stÄvoklÄ« (visgrÅ«tÄkais) mÄs pievienojÄm saites uz pakalpojumu darbiniekiem un paziÅojumu API MDN. Studenti, kuri pÄtÄ«ja saiÅ”u saturu, to pabeidza bez grÅ«tÄ«bÄm.
Ä»oti gribÄtos, lai Å”o rakstu izlasÄ«tu kandidÄti, kuri plÄno nÄkotnÄ iestÄties SRI, kuri nevarÄja iestÄties Minskas skolÄ vai sÄk pildÄ«t kÄdu citu testa uzdevumu. KÄ redzat, to ir pilnÄ«gi iespÄjams izdarÄ«t. Jums vienkÄrÅ”i jÄtic sev un jÄuzklausa visi autoru padomi.
Avots: www.habr.com