Interface Development Chikoro: kuongororwa kwemabasa eMinsk uye seti nyowani muMoscow

Nhasi kunyoresa kutsva kwavhurwa Yandex Interface Development Chikoro muMoscow. Nhanho yekutanga yekudzidziswa ichaitika kubva munaGunyana 7 kusvika Gumiguru 25. Vadzidzi vanobva kune mamwe maguta vachakwanisa kutora chikamu mairi kure kana mumunhu - kambani inobhadhara yekufamba uye pekugara muhostele. Yechipiri, zvakare nhanho yekupedzisira, ichagara kusvika Zvita 3, inogona kungopedzwa mumunhu.

Zita rangu ndiYulia Seredich, takanyora chinyorwa ichi pamwe chete naSergei Kazakov. Isu tiri vaviri vanogadzira interface muMinsk hofisi yeYandex uye vakapedza kudzidza veSRI kubva makore apfuura.

Interface Development Chikoro: kuongororwa kwemabasa eMinsk uye seti nyowani muMoscow

Pachiitiko chekuvhurwa kwekunyoresa muMoscow, tiri kudhinda kuongororwa kwemabasa ekutanga kune Chikoro chekare - pano muMinsk.

Kana iwe uchitsvaga nhoroondo yeSRI migove, gore negore takaedza hunyanzvi hutatu hwakakosha hwemugadziri:

  • Layout. Wese mugadziri anofanirwa kukwanisa kuita marongerwo. Hazviitike kuti iwe una Sekuru Seryozha vanogadzira timu yese, uye iwe unongonyora zvinyorwa. Naizvozvo, mudzidzi wese anofanira kuratidza kuti anoziva sei kutaipa.
  • JavaScript. Dai nyaya yacho yaingogumira pakurongeka, saka tingadai tisina Chikoro cheInterface Development, asi Chikoro cheMagadzirirwo Vagadziri. Iyo yakanyatsogadzirwa interface inoda kumutsidzirwa. Naizvozvo, pane nguva dzose basa reJS, asi dzimwe nguva zvakare ibasa realgorithms - tinovada zvakanyanya.
  • Kugadzirisa matambudziko zvimwe hunyanzvi hwakakosha hwemugadziri. Kana zvasvika pakugadzira mainterface, zvinhu zviri kuchinja nekukurumidza. Zvakafanana naLewis Carroll: "Iwe unofanirwa kumhanya nekukurumidza sezvaunokwanisa kuti ungogara munzvimbo imwechete, uye kuti usvike kune imwe nzvimbo unofanirwa kumhanya kaviri nekukurumidza." Zuva rega rega tinosangana nemichina mitsva - tinofanira kuikoshesa uye kukwanisa kuinzwisisa. Naizvozvo, mune rechitatu basa, isu takafunga kuti tinzwisise matekinoroji ayo mugadziri wenovice asingawanzo kujaira.

Mukuongorora kwebasa rimwe nerimwe, isu tichakuudza kwete chete nezve nzira yakarurama, asiwo pamusoro pezvikanganiso zvinowanzoitika.

Basa 1: Portfolio

Basa rekutanga rakashandiswa neYandex.Collections mugadziri Alexey Cherenkevich, uyo anoziva kuita marongerwo, uye basa raaishanda naye, interface developer Sergey Samsonov.

Mamiriro

Gadzira webhusaiti yepodfolio: tiudze nezve iwe, basa rako uye zvaunotarisira kubva kuChikoro. Iyo saiti inofanirwa kuenderana zvakanyanya sezvinobvira kune yakarongwa dhizaini (zvinongedzo kune marongero: 1000px, 600px, 320px, tsanangudzo) Isu tinongofarira marongerwo, saka ndapota usashandise JavaScript.

Kana tichitarisa isu tichafunga nezve:

  • saizi indentation, kurongeka kwemavara, font style, font size;
  • semantic layout;
  • kuvapo kwenyika dzakasiyana-siyana dzezvinhu: kuratidza mabhatani uye zvinongedzo paunenge uchitenderedza chitubu, uchiratidzira anoshanda ekuisa minda, nezvimwe;
  • muchinjika-browser kuenderana (yakaedzwa mushanduro dzichangoburwa dzemabhurawuza anozivikanwa).

Zvakanakira zvichave:

  • kushandiswa kwemazuva ano eCSS mhinduro: flexbox, grid, nezvimwewo;
  • Adaptive layout;
  • kushandiswa kwepre- uye (kana) post-processors, musangano, minification, optimization yekodhi yekodhi;
  • HTML fomu yekusimbisa, stylized file upload bhatani.

Basa racho rakakura, saka unogona kusvetuka izvo zvisingashande. Izvi zvinodzikisa zvibodzwa zvako zvishoma, asi iwe unozokwanisa kuratidza ruzivo rwako. Kana wapedza, titumire zvinongedzo zviviri - kune yako portfolio uye kodhi kodhi paGitHub.

Iwo marongero akatsanangurwa mugomendi anga asiri ane zviratidziro zvenharembozha, mahwendefa uye desktops, asiwo ane chaiwo mataurirwo.

Kuti tiunze kujeka kwakawanda sezvinobvira mumhedzisiro yekutarisa basa rekutanga, pakanga paine maitiro mazhinji echeki iyi.

Zvinotarisirwa

Yakagadzirwa webhusaiti. Izvi zvinoita sezviri pachena, asi vamwe vakomana vakasvetuka mamwe mabhuroki zvachose - vangave vaida kuchengetedza nguva, kana kuti vakatadza kuzviita. Iyo dhizaini inogona kukamurwa kuita mana makuru skrini: iyo huru skrini ine avatar, bhuroka ine runyorwa rwezvinotarisirwa kubva kuSRI, bhuroka rine portfolio uye bhuroko rine ruzivo rwekusangana. Ivo vaigona kugadzirwa muzvikamu kana kungoshandisa divs, chinhu chikuru ndechekuti ese mana mabhururu aivepo.

Kuenderana kwemarongerwo nemaitiro. Mugadziri akaita zvakaparadzana (kusanganisira mavara, typography, mabhatani anoti, nezvimwewo) kuti zvive nyore kune vanoda kukwikwidza. Pazasi paive nekaratidziro pane indents uye maficha ekutanga skrini. Ndakafadzwa zvikuru nevakomana vakafunga nezvese zvishuwo zvemugadziri: semuenzaniso, yekutanga skrini yaifanira kunge isiri pasi pehurefu hwekutarisa.

Adaptive marongerwo - apa ndipo apo iyo interface haina kungoiswa kunze kuitira kuti pazvisungo zvitatu zvese zviri pixel to pixel muhurongwa. Munyika dzepakati, marongerwo haafanire kuparara. Vamwe vakakanganwa kudzikamisa hupamhi hwechigadziko uye kuseta zvese kusvika ku1920 pixels, vamwe vakakanganisa kumashure, asi zvakazara vavhoti vakakwanisa kuita basa iri nemazvo.

Semantic marongerwo. "Vakaudza nyika kangani" kuti chinongedzo chinofanira kugadzirwa se , bhatani - se . Sezvineiwo, vazhinji vakakwikwidza vakazadzisa ichi chinodikanwa zvakare. Haasi munhu wese akaziva rondedzero yakavanzika mune zvinotarisirwa zveSRI, ichiita kuti ishandise div tags, asi haina kushata. Paive nemumiriri akapinza ma tag ese e semantic aaiziva - paidiwa nepaisingaite. Semuenzaniso, panzvimbo yerondedzero - uye . Mushure mezvose, semantics - ndezvekunzwisisa kuumbwa kwepeji rako uye chinangwa chevhavha yega yega (vazhinji vakazvibata pano), pamwe nekushandiswa kwepre- uye / kana post-processors (vashoma vakazvibata pano, kunyangwe izvi yaivewo mumapoinzi - kazhinji vaishandisa zvishoma uye scss) .

Slider inoshanda. Mumugove watakanyora kuti JS haigoni kushandiswa. Pano kugona kugadzirisa matambudziko kwakaedzwa - slider inogona kuitwa uchishandisa boka uye . Mashiripiti ese anoitika padanho rekusarudza #button-N:checked ~ .slider-inner .slider-slides. Patinodzvanya pane imwe yemabhokisi ekuisa, inoenda munzvimbo yakatariswa. Tinogona kutora mukana weizvi topa shanduro yatinoda mugaba rine masiraidhi: shandura: shandura(-33%). Iwe unogona kuona kuiswa kweiyo slider pano.

Dropdown lists. Apa zvese zvakadzikawo uye chisarudzi chakafanana: .accordion-chinhu chekuisa:checked ~ .accordion-chinhu__content. Iwe unogona kuona kushandiswa pano.

Kuwanikwa kwe :hover, :active uye :focu* inoti. Chinhu chakakosha zvikuru. Kunyaradza panguva yekudyidzana neiyo interface yaienderana nazvo. Mushandisi anofanira kugara achigamuchira mhinduro pane zvavanoita. Ichi chinhu chakatariswa panguva yese yekudyidzana negwaro remibvunzo. Kana ndikadzvanya bhatani rekuti "Ndishevedze" uye nekuona hapana chakaitika (kunyangwe chikumbiro chakatumirwa), izvi zvakaipa, nekuti ipapo ndichadzvanya zvakare uye zvakare. Naizvozvo, zvikumbiro gumi zvichatumirwa uye ini ndichadanwa zvakare kagumi. Hatifanire kukanganwa kuti nharembozha hadzina mbeva, zvinoreva kuti hapafanirwe kunge paine hover. Uye imwezve pfungwa iyo isina kukanganisa avo vakazadzisa iyo poindi nezve semantics. Kana kutonga kwako kusiri chinhu chinopindirana, saka kana iwe uchitenderedza pamusoro payo iyo cursor icharamba yakajairika. Zvinotaridzika zvisina kutsvinda, kunyangwe iwe wakanyora maitiro ekutenderera. Usarerutsa cursor: pointer.

Animations. Zvakakosha kuti maitiro ese arikuitika nemaelement akatsetseka. Hapana chinhu muhupenyu chiripo ipapo, saka kuve neshanduko pane hover uye inoshanda zvaive zvakakwana kuita kuti iyo interface inakidze. Zvakanaka, avo vakaratidzira siraidhi uye rondedzero kazhinji vakanaka.

Kushandisa tekinoroji yazvino. Vanhu vazhinji vakashandisa flex, asi hapana akapedza basa achishandisa grid. Pfungwa yacho yakaverengwa kana flex yakashandiswa nemazvo. Kana pane imwe nzvimbo marongerwo akaparadzaniswa nekuda kweaya manyoro, maiwe, iwe hauna kuwana mamwe mapoinzi.

Form Validation. Chaingodiwa kwaiva kuwedzera hunhu hwaidiwa pane imwe neimwe yaiiswa pafomu racho. Isu takawedzera mapoinzi kune avo vakasimbisa iyo email ndima se email.

Kugadzira bhatani rekuisa faira. Isu taitarisira kuona musanganiswa wakadai: uye Sarudza faira . Tevere taifanira kuvanza kupinza uye kutaira iyo label. Pane imwe nzira yakajairwa - kugadzira kupinza kwakajeka uye kuiisa pamusoro pebhatani. Asi haasi ese mabhurawuza anotendera kutayera , uye mhinduro yakadaro haigoni kunzi yakazara-cross-browser. Uye zvakanyanya semantically kuita label.

Cross-browser kuenderana. Isu takatarisa kuti zvese zvaive zvakanaka mushanduro mbiri dzichangoburwa dzemabhurawuza emazuva ano (pasina IE - vatori vechikamu vaive nerombo rakanaka), pamwe neSafari paPhones uye Chrome pane Androids.

Zvakasiyana, takabvisa mapoinzi kana mumwe munhu akashandisa JS kana Bootstrap: ese ari maviri anokunda chinangwa chebasa rese. Zvakare, vatori vechikamu neBootstrap havana kungogamuchira minus, asi zvakare vakarasa mapoinzi akawanda e semantics uye zvinhu zvakaitwa.

Avo vakagashira saiti yavo pane imwe nzvimbo paInternet havana kuwana chero mukana - asi vaongorori vakafara zvakanyanya pavakasafanira kurodha marepositori uye nekuamhanyisa munharaunda pakombuta yavo. Saka izvi zvakashanda sekuwedzera kune karma.

Basa rekutanga rainyanya kukosha kumudzidzi. Avo vatisina kugamuchira iye zvino vane resume yakagadziridzwa - unogona kuzvibatanidza nekudada kune mhinduro dzese kana kuitumira pamapeji ako egh.

Basa rechipiri: Nzira yekufambisa

Munyori webasa ndiye mukuru weboka rekutsvaga rekutsvaga Denis Balyko.

Mamiriro

Une mepu yenyeredzi here? Inoratidza zita renyeredzi imwe neimwe, uyewo chinhambwe kubva pairi kuenda kune dzimwe nyeredzi mumasekonzi akareruka. Ita basa rekugadzirisa, iro rinofanirwa kutora nharo nhatu: chinhu umo makiyi mazita enyeredzi, uye kukosha nhambwe kuenda kunyeredzi (imwe nzira yekufamba muchadenga), pamwe nemazita e nzvimbo dzekutanga uye dzekupedzisira dzenzira - kutanga uye kupedza, zvichiteerana. Basa racho rinofanirwa kudzorera chinhambwe chipfupi kubva kune nyeredzi yekutanga kusvika kune yekupedzisira nyeredzi uye nzira yekutevera.

Siginicha yebasa:

const solution = function(graph, start, finish)  {
    // Π’Π°ΡˆΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅
} 

Mienzaniso yekupinza data:

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'; 

Muenzaniso wakabuda:

{
    distance: 90,
    path: ['start', 'A', 'D', 'finish']
} 

Cherechedza: Mhinduro skeleton iri mu src/ folda, isa mhinduro yako mumhinduro.js.

Kuongororwa kwebasa rechipiri ndiko kwaive kwakanyanya otomatiki uye chinangwa. Vazhinji vevakomana vakafungidzira kuti zvaive zvakakodzera kushandisa Dijkstra's algorithm. Avo vakawana tsananguro yayo uye vakashandisa iyo algorithm muJS yakaitwa zvakanaka. Zvisinei, pakuongorora basa racho, takawana mapepa akawanda ane zvikanganiso zvakafanana. Takatsvaga paInternet kuti tiwane zvimedu zvekodhi tikawana chinyorwa icho vatori vechikamu vakakopa algorithm. Zvinosekesa kuti vanhu vazhinji vakakopa kodhi kubva kuchinyorwa pamwe nezvakataurwa nemunyori. Mabasa akadaro akawana zvibodzwa zvakaderera. Hatirambidze kushandisa chero zvinyorwa, asi tinoda kuti munhu anyatsoongorora zvaanonyora.

Zvinotarisirwa

Pfungwa huru dzakapiwa nokuda kwebvunzo. Dzimwe nguva zvaive pachena kuti vakomana vaivhiringa nerepository, vachitumidzazve maforodha, uye bvunzo dzaikundikana nekuti vaisawana mafaera anodiwa. Gore rino takaedza kubatsira vakomana vakadai uye takadzosera zvese panzvimbo yavo kwavari. Asi gore rinouya tinoronga kuchinjira kuhurongwa hwemakwikwi, uye izvi hazvicharegererwi.

Paivawo ne "munhu", maitiro ezvinyorwa. Semuenzaniso, kuvapo kweiyo imwe kodhi maitiro. Hapana akabvisa mapoinzi ekushandisa ma tabo pachinzvimbo chezvimbo kana zvakasiyana. Ndiyo imwe nyaya kana iwe ukachinjanisa makotesheni ane makotesheni maviri zvichienderana nemutemo unozivikanwa kwauri, uye woisa semicolons chero nguva.

Kujeka uye kuverenga kwemhinduro kwakatorwa kune zvakasiyana. Pamisangano yose munyika vanoti 80% yebasa remugadziri wepurogiramu inosanganisira kuverenga kodhi yevamwe vanhu. Kunyangwe vana vechikoro vanoongorora kodhi - kubva kune avo curator uye kubva kune mumwe nemumwe. Saka chiyero ichi chakatakura huremu hwakakosha. Pakave nemabasa umo makange musina machinjiro akareba kupfuura hunhu humwe - ndapota usaite izvozvo. Zvakataurwa nevatori vechikamu zvaikurudzira zvikuru - kunze kweizvo zvakafanana nezvakataurwa naStella Chang.

Chiyero chekupedzisira kuvepo kwe autotests. Vanhu vashoma chete ndivo vakavawedzera, asi kune wese munhu zvakava kuwedzera kukuru mu karma yavo.

Mhinduro chaiyo:

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);
    };
};

Basa rechitatu: Karenda yeZviitiko

Yakagadzirirwa nevanogadziridza interface Sergey Kazakov naAlexander Podskrebkin.

Mamiriro

Nyora mini-karenda kuratidza hurongwa hwako. Unogona kutora chero chirongwa chaunoda. Semuyenzaniso, hurongwa hwe frontend conferences muna 2019.

Karenda inofanira kutaridzika serondedzero. Hapana zvimwe zvinodiwa zvekugadzira. Ita kuti zvikwanise kuseta zviyeuchidzo zvechiitiko 3, 7 uye 14 mazuva pamberi. Mushure mekudhawunirodha kwekutanga kubva paInternet, iyo karenda inofanira kuvhura uye kushanda pasina Indaneti.

Inobatsira Zviwanikwa

Frontend musangano purogiramu:
confs.tech/javascript?topics=javascript%2Bcss%2Bux

Vashandi vebasa:
developer.mozilla.org/ru/docs/Web/API/Service_Worker_API/Using_Service_Workers
developers.google.com/web/fundamentals/primers/service-workers

Purogiramu inonzi Notifications:
developer.mozilla.org/ru/docs/Web/API/Notifications_API

Basa rechitatu ndiro rainyanya kunakidza kuyedza, nekuti pakanga paine mhinduro dzakawanda, imwe neimwe iine yavo. Isu takatarisa kuti mukwikwidzi anobata sei matekinoroji asina kujairika - angave achiziva kutsvagisa, kana achiyedza mhinduro dzake.

Zvinotarisirwa

Karenda yakapetwa. Hongu, yakanga ichiri kuda kuiswa. Paivewo neavo vakatora mamiriro acho chaiwo uye havana kuisa mutsara mumwechete weCSS kodhi. Yakanga isingataridzike yakanakisa, asi kana zvese zvikashanda, mapoinzi haana kuderera.

Kuwana rondedzero yezviitiko kubva kune kwakabva. Iri harisi basa rekugadzirisa, saka rondedzero yezviitiko zvakabatanidzwa mairi haina kuverengerwa. Unogona kugara wakanzura musangano, worongazve, kana kuwedzera mutsva. Saka zvaive zvakafanira kugashira data kubva kunze uye kupa marongerwo kubva pane yakagamuchirwa JSON. Zvaive zvakakosha kuwana iyo data nenzira ipi zvayo (uchishandisa nzira yekutora kana kushandisa XMLHttpRequest). Kana munhu akawedzera polyfill yekutora uye akamaka sarudzo yake mukuverenga, izvi zvaiverengwa sekuwedzera.

Kunyoreswa kwevashandi vebasa pasina zvikanganiso uye shanda pasina Indaneti mushure mekudhaunirodha kwekutanga. Heuno muenzaniso mushandi webasa ane hurongwa caching pane yekutanga boot. Tsanangudzo nezvevashandi vebasa, kugona kwavo uye nzira dzekushanda navo (mazano ekushanda nemacache, kushanda kunze kwenyika) anogona kuwanikwa pano.

Kugona kuseta chiyeuchidzokuitira kuti inoshanda mushure memazuva matatu, 3, gumi nemana. Zvaive zvakakodzera kuti unzwisise iyo Notifications API, link kuti akanga ari pabasa chaipo. Isu takanga tisingatarisire chero chaiyo kuita kuti titarise kana yave nguva yekusundidzira. Chero sarudzo yekushanda yakagamuchirwa: kuchengetedza munzvimbo yekuchengetedza, IndexDB kana kuvhota nguva nenguva nemushandi webasa. Zvaitokwanisika kugadzira push server (pano muenzaniso), asi hazvaizoshanda kunze kwenyika. Zvaive zvakakoshawo kugamuchira push mushure mekunge peji ravharwa - uye kuvhurwa mushure menguva yakati. Kana chiyeuchidzo chakafa panguva imwechete peji yakavharwa, mhinduro haina kuverengwa. Zvinotonhorera apo vakomana vakafunga nezvevanoongorora uye vakaita kuti zvibvire kuwana push izvozvi - kuti usamirire mazuva matatu.

Kugona kuisa icon pane desktop (PWA). Takatarisa kuvapo kwefaira manifest.json nemifananidzo chaiyo. Vamwe vakomana vakagadzira iyi faira (kana kuisiya ichigadzirwa muGadziraReactApp) - asi havana kuwedzera zvidhori. Zvino, pakuedza kuisa, chikanganiso senge "chiratidzo chakasiyana chinodiwa" chakaitika.

Codestyle uye chimiro cheprojekiti. Sezviri mubasa rechipiri, takatarisa pane imwechete codestyle (kunyangwe isingaenderane neyedu). Vamwe vakomana vakakonewa pamalinters - ndizvo zvakanaka.

Console kukanganisa. Kana paine chinongedzo chaimo mukoni kuti chimwe chinhu chaive chisina kumira zvakanaka, uye mutori wechikamu haana kuita hanya nazvo, saka takabvisa mapoinzi.

Migumisiro

Chii chinonakidza nezvesarudzo dzevatori vechikamu:

  • Rimwe gwaro remibvunzo raiva nemashoko anotevera: β€œShamwari yepurogiramu yakandibatsira kubatanidza React application. Ndakamuvhunza nemibvunzo yekuti sei uye nei achibva andiudza. Ndakaifarira chaizvo, ndinoda kuziva zvakawanda nezvazvo. " Isu takanga tichitsvaga application iyi nemoyo yedu yese, asi zvinosuruvarisa kuti shamwari yemumiriri haina kubatsira zvakanyanya mukuita kuti chikumbiro chishande.
  • Mumwe mumiriri akatumira chinongedzo kuGitHub, kwaive neRAR archive - zvakaoma kutaura pane izvi. πŸ™‚
  • Mumwe mumiriri, mukutaura pamutsara wekutanga wemhinduro.js faira, akabvuma nekutendeka kuti akakopa algorithm.

Takagamuchira zvikumbiro kubva kune vakakwikwidza 76 uye takasarudza vanhu makumi maviri nevatatu. Takatumirwa mapepa emibvunzo kwete kubva kuMinsk chete, asiwo kubva kuMoscow, St. Petersburg uye kunyange Tatarstan. Vamwe vevakomana vakatishamisa nemabasa avo emazuva ano: mumwe wavo inyanzvi yezvemitemo, uye mumwe mudzidzi wezvokurapa.

Chigumisiro chakanga chiri kugovera kunonakidza kwehuwandu hwekubudirira mukupedzisa mabasa. Vatori vechikamu vakapedza basa rekutanga neavhareji ye60%, yechipiri ne50%, uye yechitatu yakave yakanyanya kuoma uye yakapedzwa neavhareji ye40%.

Pakutanga kuona, mabasa anotaridzika akaoma uye anotora nguva. Chikonzero hachisi chekuti tinoda kusakura vanhu vakawanda. Munguva yezvidzidzo zvavo, vadzidzi vanotarisana nemabasa ehupenyu chaihwo - kuita chat, Yandex.Music yevana kana Yandex.Mamiriro ekunze evanhu vanotarisana nemamiriro ekunze. Nokuda kweizvi unoda nheyo yekutanga.

Ndinoyeuka ndichiona basa rangu rekupinda SRI makore maviri apfuura uye ndichifunga kuti handifi ndakarigadzirisa. Chinhu chikuru panguva ino ndechekugara pasi, kunyatsoverenga mamiriro acho uye kutanga kuzviita. Zvinoitika kuti mamiriro acho ane inenge 80% yemhinduro. Semuenzaniso, mumamiriro ebasa rechitatu (rakanyanya kuoma), takawedzera zvinongedzo kuvashandi vebasa uye Notisi API paMDN. Vadzidzi vakadzidza zviri mukati mezvibatanidza vakazvipedza pasina dambudziko.

Ndinoda chaizvo kuti chinyorwa ichi chiverengerwe nevadzidzi vari kuronga kupinda muSRI mune ramangwana, vasina kukwanisa kupinda muChikoro cheMinsk, kana kuti vari kutanga kuita chero rimwe basa rekuedza. Sezvaunogona kuona, kuita kudaro kunobvira zvikuru. Iwe unongoda kutenda mukati mako uye teerera kune ese mazano kubva kune vanyori.

Source: www.habr.com

Voeg