Dugsiga horumarinta Interface: falanqaynta hawlaha Minsk iyo set cusub ee Moscow

Maanta waxaa furmay isdiiwaangelin cusub Dugsiga Horumarinta Interface Yandex ee Moscow. Marxaladda koowaad ee tababarku waxa uu dhici doonaa September 7 ilaa Oktoobar 25. Ardayda magaalooyinka kale ka yimid waxay awood u yeelan doonaan inay ka qaybqaataan meel fog ama qof ahaan - shirkadu waxay bixin doontaa kharashka safarka iyo hoyga hoteelka. Midka labaad, sidoo kale heerka ugu dambeeya, wuxuu socon doonaa ilaa Diseembar 3, kaliya waxaa lagu dhameyn karaa shaqsi ahaan.

Magacaygu waa Yulia Seredich, waxaan ku wada qornay boostada Sergei Kazakov. Labadeenaba waxaan nahay kuwa soosaarayaasha is-dhexgalka ee xafiiska Minsk ee Yandex iyo kuwa ka qalin jabiyay SRI sanadihii hore.

Dugsiga horumarinta Interface: falanqaynta hawlaha Minsk iyo set cusub ee Moscow

Munaasabadda furitaanka diiwaangelinta ee Moscow, waxaan daabacaynaa falanqaynta hawlaha hordhaca ah ee dugsigii hore - halkan Minsk.

Haddii aad raad raacdo taariikhda hawl-gudbinta SRI, sannad ka sannad waxaanu imtixaannay saddex xirfadood oo muhiim u ah barnaamijka:

  • Qaabka Horumariye kasta waa inuu awoodaa inuu qaabeeyo. Ma dhacayso inaad leedahay Adeer Seryozha oo u qaabeeya kooxda oo dhan, oo kaliya waxaad qortaa qoraallo. Sidaa darteed, arday kastaa waa inuu muujiyaa sida uu u garanayo sida loo qoro.
  • JavaScript. Haddii arrintu ay ku koobnaan lahayd qaabaynta, markaa ma lahaan lahayn Dugsiga Horumarinta Interface, laakiin Dugsiga Naqshadayaasha Qaabka. Interface-ka sida quruxda badan loo naqshadeeyay wuxuu u baahan yahay in dib loo soo nooleeyo. Sidaa darteed, had iyo jeer waxaa jira hawl JS ah, laakiin mararka qaarkood sidoo kale waa hawl loogu talagalay algorithms - aad ayaan u jecelnahay iyaga.
  • Xallinta dhibka ayaa laga yaabaa inay tahay xirfadda ugu muhiimsan ee horumariyaha. Marka ay timaado in la abuuro interfaces, arrimuhu si degdeg ah ayay isu beddelayaan. Waa sida Lewis Carroll oo kale: "Waa inaad u ordo sida ugu dhakhsaha badan ee aad awoodid oo kaliya si aad isku meel u joogto, iyo si aad u tagto meel kale waa inaad ku ordaa laba jeer si degdeg ah." Maalin kasta waxaan la kulannaa tignoolajiyada cusub - waxaan u baahanahay inaan xisaabta ku darno oo aan awoodno inaan fahanno. Sidaa darteed, hawsha saddexaad, waxaan soo jeedinay inaan fahamno tignoolajiyada in horumariyaha cusubi uusan caadi ahaan aqoon.

Falanqaynta hawl kasta, waxaanu kuu sheegi doonaa maaha oo kaliya habka saxda ah, laakiin sidoo kale khaladaadka caadiga ah.

Hawsha 1: Portfolio

Hawsha ugu horeysa waxaa ka shaqeeyay Yandex.Collections naqshadeeye Alexey Cherenkevich, oo yaqaan sida loo qaabeeyo, iyo saaxiibkiisa adeegga, horumarinta interface Sergey Samsonov.

Xaalad

Samee website-ka faylalka: wax nooga sheeg naftaada, shaqadaada iyo waxa aad ka filayso dugsiga. Goobtu waa inay u dhigantaa inta ugu badan ee suurtogalka ah qaabeynta la soo jeediyay (isku xirka qaabeynta: 1000px, 600px, 320px, faahfaahinta). Waxa kaliya ee aanu xiisaynaynaa qaabaynta, markaa fadlan ha isticmaalin JavaScript.

Markaan hubineyno waxaan ku xisaabtami doonaa:

  • cabbirrada gelinta, saxnaanta midabka, qaabka xarfaha, cabbirka qoraalka;
  • qaabka semantiga;
  • joogitaanka gobolo kala duwan oo xubno ah: soo bandhigida badhamada iyo isku xirka marka kor loo qaadayo, muujinta goobaha wax gelinta firfircoon, iwm.;
  • waafaqid cross-browser (waxaa lagu tijaabiyay noocyadii ugu dambeeyay ee daalacashada caanka ah).

Faa'iidada waxay noqon doontaa:

  • isticmaalka xalalka casriga ah ee CSS: flexbox, grid, iwm.;
  • Qaabaynta la qabsiga;
  • isticmaalka ka-hor-iyo (ama)-processors-ka-daba-yaal, isu-ururinta, yaraynta, hagaajinta koodhka wax-soo-saarka;
  • Xaqiijinta foomka HTML, badhanka gelinta faylka qaabaysan.

Hawshu aad bay u badan tahay, markaa waxaad ka boodi kartaa waxa aan shaqaynayn. Tani waxay hoos u dhigi doontaa dhibcahaaga wax yar, laakiin waxaad weli awoodi doontaa inaad muujiso aqoontaada. Markaad dhammayso, noo soo dir laba xidhiidhiye - faylalkaaga iyo koodhka isha ee GitHub.

Qaababka la soo jeediyay ee hawsha ma ahayn kaliya shaashadaha aaladaha mobilada, tablet-yada iyo miisaska, laakiin sidoo kale waxay wataan tilmaamo dhab ah.

Si loo keeno ujeeddada ugu badan ee suurtogalka ah natiijada hubinta hawsha ugu horreysa, waxaa jiray shuruudo badan oo hubintan ah.

Shuruudo

Mareeg la naqdiyay. Tani waxay u muuqataa mid iska cad, laakiin ragga qaar ayaa gabi ahaanba ka booday qaybo ka mid ah - ama waxay rabeen inay wakhti badbaadiyaan, ama way kari waayeen. Nashqadaynta waxa loo qaybin karaa qiyaas ahaan afar shaashadood oo waaweyn: Shaashadda ugu weyn oo leh avatar, baloog leh liis laga filayo SRI, baloog leh faylal iyo baloog leh macluumaadka xidhiidhka. Waxaa laga yaabaa in lagu sameeyo qaybo ama si fudud loo isticmaalo divs, waxa ugu muhiimsan waa in dhammaan afarta blocks la heli karo.

U hoggaansanaanta qaabka qaabaynta. Naqshadeeyuhu wuxuu sameeyay tilmaamo gaar ah (ay ku jiraan midabada, qoraalada qoraalka, badhannada, iwm.) si loogu fududeeyo musharixiinta. Xagga hoose waxa ka muuqday tilmaamo ku saabsan duleelka iyo astaamaha shaashada koowaad. Aad ayaan ugu faraxsanahay ragga kuwaas oo tixgeliyey dhammaan rabitaanka naqshadeeyaha: tusaale ahaan, shaashadda ugu horreysa waa inay ahaato mid aan ka yarayn dhererka muuqaalka.

Qaabaynta la qabsiga - tani waa marka interface-ka aan la dhigin oo kaliya si saddexda qaraarka wax walba ay yihiin pixel to pixel qaabeynta. Dawladaha dhexe, qaabaynta sidoo kale waa inaanu kala go'in. Qaarkood waxay illoobeen inay xaddidaan ballaca ugu badan ee weelka oo wax walba u dejiyaan 1920 pixels, qaar ayaa khalkhal galiyay asalka, laakiin guud ahaan musharraxiintu si fiican ayey ula qabsadeen hawshan.

Qaabaynta Semantic. "Immisa jeer ayay dunida u sheegeen" in isku xidhka loo qaabeeyey sida , badhanka - sida . Nasiib wanaag, musharrixiinta badankood waxay buuxiyeen shuruudahan sidoo kale. Qof kastaa ma aqoonsanin liiska qarsoon ee rajada SRI, isaga oo ka dhigaya isticmaalka div tags, laakiin ma ahan mid xun. Waxaa jiray musharrax soo galiyay dhammaan tagsyadii semantic-ka ee uu garanayay - meelaha lagama maarmaanka ah iyo meelaha aan loo baahnayn. Tusaale ahaan, halkii liiska - iyo . Ka dib oo dhan, semantics - waxay ku saabsan tahay fahamka halabuurka boggaaga iyo ujeedada block kasta (inta badan ayaa halkan ku maareeyay), iyo sidoo kale isticmaalka ka hor iyo / ama ka dib-processors (wax yar ayaa halkan ku maamulay, inkastoo tani sidoo kale wuxuu ku jiray dhibcaha - inta badan waxay isticmaaleen wax yar iyo scss) .

slider shaqeeya. Shaqada waxaan ku qornay in JS aan la isticmaali karin. Halkan waxaa lagu tijaabiyay awoodda lagu xalliyo dhibaatooyinka - slider ayaa la samayn karaa iyadoo la isticmaalayo farabadan iyo . Dhammaan sixirku waxay ku dhacaan heerka xulashada #button-N:lagu hubiyay ~ .slider-inner .slider-slides. Marka aan gujino mid ka mid ah sanduuqyada hubinta, waxay gashaa gobolka la hubiyay. Waan ka faa'iidaysan karnaa oo ku meelayn karnaa tarjumaadda aan u baahanahay weelka sawirada leh: beddel: tarjum (-33%). Waxaad arki kartaa hirgelinta slider ah halkan.

Liisaska hoos u dhaca. Halkan waxa ay sidoo kale ku soo degeen iyo doorasho la mid ah: .accordion-item input:lagu hubiyay ~ .accordion-item__content. Waxaad arki kartaa fulinta halkan.

Helitaanka gobolada :hover, :firfircoon iyo :focu*. Qodob aad muhiim u ah. Raaxada inta lagu jiro isdhexgalka interneedka ayaa ku xirnaa. Isticmaaluhu waa inuu had iyo jeer helo jawaab celin ku saabsan ficilladooda. Shaygan waa la hubiyay intii lagu jiray wada-shaqeynta xog-ururinta. Haddii aan riixo badhanka "Igu wac" oo muuqaal ahaan waxba ma dhicin (inkastoo codsiga la soo diray), tani waa mid xun, sababtoo ah markaa waxaan ku dhejin doonaa mar kale iyo mar kale. Natiijo ahaan, toban codsi ayaa la soo diri doonaa, waxaana la ii yeeri doonaa toban jeer. Waa in aynaan iloobin in aaladaha mobiladu aanay lahayn jiir, taas oo macnaheedu yahay in aanay jirin wax duleel ah. Iyo hal qodob oo kale oo aan saameyn ku yeelan kuwa buuxiyey qodobka ku saabsan semantics. Haddii kantaroolkaagu aanu ahayn curiye is dhexgal ah, markaa markaad dul heehaabto, cursorku wuxuu ahaan doonaa mid heersare ah. Waxay u egtahay mid aan hagaagsanayn, xitaa haddii aad qortay falcelin ku saabsan dullidda. Ha dhayalsan cursor: tilmaame.

animations. Waxaa muhiim ah in dhammaan falcelinta ku dhacda canaasiirta ay yihiin kuwo siman. Ma jiro wax nolosha ah oo isla markiiba ah, sidaa darteed isbeddelada ku-meel-gaadhka ah ee kor-u-kaca iyo firfircoonida ayaa ku filan inay interface ka dhigto mid aad u wanaagsan. Hagaag, kuwa dhaqaajiyay slider-ka iyo liisaska guud ahaan aad bay u fiican yihiin.

Isticmaalka tignoolajiyada ugu dambeysay. Dad badan ayaa isticmaalay dabacsanaan, laakiin cidina ma dhammayn hawsha iyada oo la isticmaalayo shabag. Dhibicda waa la tiriyay haddii si sax ah loo isticmaalay dabacsanaan. Haddii meel qaabayntu kala go'day dabcigan aadka u daran awgeed, hoogay, ma aadan helin dhibco dheeraad ah.

Xaqiijinta Foomka. Waxa kaliya ee loo baahnaa waxay ahayd in lagu daro sifada loo baahan yahay gelinta kasta ee foomka. Waxaan ku darnay dhibco kuwa ansixiyay goobta iimaylka sida iimaylka.

Habaynta badhanka gelinta faylka. Waxaan filaynay inaan aragno isku-dar sida: iyo Dooro faylka . Marka xigta waxaan u baahanahay inaan qarino gelinta iyo qaabka sumadda. Waxaa jira hab kale oo caadi ah - in la sameeyo gelinta hufan oo la saaro korka badhanka. Laakin dhammaan daalacayaashu ma oggola habaynta , oo xalkan oo kale laguma magacaabi karo si buuxda browser-ka-gudbinta. Waxayna macno ahaan aad u saxan tahay in calaamad la sameeyo.

Waafaqsanaanta browser-ka. Waxaan hubinay in wax walba ay ku fiicnaayeen labadii nooc ee ugu dambeeyay ee daalacashada casriga ah (iyada oo aan IE - kaqeybgalayaashu nasiib leeyihiin), iyo sidoo kale Safari on iPhones iyo Chrome on Androids.

Taa lidkeeda, waxaan ka jarnay dhibco haddii qof uu isticmaalo JS ama Bootstrap: labadoodaba waxay jabin doonaan ujeedada hawsha oo dhan. Waxaa intaa dheer, ka qaybgalayaasha leh Bootstrap kaliya ma helin wax laga jaray, laakiin sidoo kale waxay lumiyeen dhibco badan oo ku saabsan semantics iyo walxaha la fuliyay.

Kuwa ku martigeliyay boggooda meel internetka ah ma aysan helin faa'iido gaar ah - laakiin dib-u-eegayaasha ayaa aad ugu farxay markii aysan u baahnayn inay soo dejiyaan kaydka oo ay ku shaqeeyaan gudaha kombuyuutarkooda. Markaa tani waxay u adeegtay sidii karma.

Hawsha ugu horraysa waxay ahayd mid aad waxtar ugu horraysa ardayga. Kuwa aynaan aqbalin hadda waxay haystaan ​​resume diyaarsan - waxaad si sharaf leh ugu soo lifaaqi kartaa dhammaan jawaabaha ama waxaad ku dhejin kartaa gh-boggaaga.

Hawsha 2: Jidka gaadiidka

Qoraaga hawshu waa madaxa kooxda interneedka raadinta Denis Balyko.

Xaalad

Ma haysaa khariidad xidigeed? Waxay ku tusinaysaa magaca xiddig kasta, iyo sidoo kale fogaanta ay u jirto xiddigaha kale ilbidhiqsiyo iftiin ah. Hirgelinta shaqada xalka, taas oo ah in ay qaadato saddex doodood: shay ay furayaashu yihiin magacyada xiddigaha, iyo qiyamka waa masaafada xiddigaha (hal-wad gaadiidka hawada ah), iyo sidoo kale magacyada Qodobbada bilawga iyo dhammaadka dariiqa - bilawga iyo dhammaystirka, siday u kala horreeyaan. Shaqadu waa in ay soo celisaa masaafada ugu gaaban ee xiddigta bilowga ilaa xiddigta dhamaadka iyo waddada loo maro.

Saxeexa shaqada:

const solution = function(graph, start, finish)  {
    // Ваше решение
} 

Tusaalaha gelinta xogta:

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

Tusaale wax soo saarka:

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

Fiiro gaar ah: Qalfoofka xalku wuxuu ku jiraa src/folder, geli xalkaaga xalka.js.

Xaqiijinta hawsha labaad waxay ahayd tan ugu toosan iyo ujeedada. Inta badan ragga ayaa qiyaasay in ay lagama maarmaan tahay in la hirgeliyo algorithm Dijkstra. Kuwa helay sharraxaaddeeda oo hirgeliyay algorithm ee JS si fiican ayaa loo sameeyay. Si kastaba ha ahaatee, markii aan hubinay shaqada, waxaan la kulannay waraaqo badan oo leh khaladaad isku mid ah. Waxaan ka raadinay internetka jajabyada koodka waxaanan helnay maqaal ay kaqeybgalayaashu ka soo guuriyeen algorithm. Waxaa wax lagu qoslo ah in dad badan ay koodhka ka soo guuriyeen maqaalka oo ay la socdaan faallooyinka qoraaga. Shaqooyinka noocan oo kale ah waxay heleen dhibco hoose. Ma mamnuucno isticmaalka ilo kasta, laakiin waxaan rabnaa in qofku u fiirsado waxa uu qorayo.

Shuruudo

Dhibcaha ugu muhiimsan ayaa lagu abaalmariyay imtixaannada. Mararka qaarkood way caddaatay in nimanku ay ku dhex milmeen kaydka, magac-beddelka faylalka, iyo imtixaannada ayaa si fudud u fashilmi doona sababtoo ah ma heli karaan faylasha lagama maarmaanka ah. Sannadkan waxaan isku daynay inaan caawinno niman noocaas ah, wax walbana waxaan ugu soo celinay meeshoodii. Laakiin sanadka soo socda waxaan qorsheyneynaa inaan u wareegno nidaamka tartanka, tanna mar dambe lama cafin doono.

Waxa kale oo jiray "bini'aadam", shuruudo gacanta ah. Tusaale ahaan, joogitaanka qaab hal code ah. Cidina dhibco kama jarin isticmaalka tabs beddelka boosaska ama lidkeeda. Waa arrin kale haddii aad ku beddesho hal xigasho oo leh xigashooyin laba jibaaran sida uu qabo hal xeer oo adiga laguu yaqaano, oo aad dhigto semicolons si aan kala sooc lahayn.

Waxaa si gooni ah loo tix-geliyay hufnaanta iyo akhrinta xalka. Dhammaan shirarka adduunka waxay sheegaan in 80% shaqada barnaamij-sameeyaha ay ka kooban tahay akhrinta koodka dadka kale. Xitaa carruurta dugsigu waxay marayaan dib u eegis kood - laga soo bilaabo kormeerayaashooda iyo midba midka kale. Markaa heerkani waxa uu xambaarsanaa miisaan weyn. Waxaa jiray shaqooyin aysan ku jirin doorsoomayaal ka dheer hal xaraf - fadlan ha samayn taas. Faallooyinka ka soo qaybgalayaashu waxay ahaayeen kuwo aad u dhiirri-gelinaya - marka laga reebo kuwa la mid ah faallooyinka Stella Chang.

Shuruudaha ugu dambeeya waa joogitaanka autotests. Kaliya dad yar ayaa ku daray iyaga, laakiin qof walba waxay u noqotay wax weyn oo lagu daray karmadooda.

Xalka saxda ah:

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

Hawsha 3: Jadwalka Dhacdooyinka

Waxaa diyaariyey interface-ka Sergei Kazakov iyo Alexander Podskrebkin.

Xaalad

Qor jadwal-yar si aad u muujiso jadwalkaaga. Waxaad qaadan kartaa jadwal kasta oo aad jeceshahay. Tusaale ahaan, jadwalka shirarka hore ee 2019.

Jadwalku waa inuu u ekaado liis. Ma jiraan shuruudo naqshadeed oo kale. Suurto gal inaad dejiso xasuusinta dhacdada 3, 7 iyo 14 maalmood ka hor. Ka dib markii ugu horeysay ee laga soo dejiyo internetka, kalandarka waa inuu furmaa oo shaqeeyaa offline.

Kheyraad Faa'iido Leh

Jadwalka shirarka hore:
confs.tech/javascript? mowduucyo=javascript%2Bcss%2Bux

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

Ogeysiisyada API:
developer.mozilla.org/ru/docs/Web/API/Notifications_API

Hawsha saddexaad waxay ahayd tii ugu xiisaha badnayd ee la tijaabiyey, sababtoo ah waxaa jiray xalal badan oo suurtagal ah, mid walbana wuxuu leeyahay. Waxaan hubinay sida musharraxa u maareeyo tignoolajiyada aan la aqoon - haddii uu garanayo sida loo baaro, haddii uu tijaabiyo xalalkiisa.

Shuruudo

Kalandarka laablaaban. Haa, wali waxay u baahneyd in la dhigo. Waxa kale oo jiray kuwo shuruudda si toos ah u qaatay oo aan hal sadar oo CSS ah gelin. Umay muuqan mid aad u soo jiidasho leh, laakiin haddii wax walba ay shaqeeyaan, dhibcuhu ma yarayn.

Helitaanka liiska dhacdooyinka isha. Tani maaha hawl habayneed, markaa liiska dhacdooyinka lagu soo daray lama tirinin. Had iyo jeer waad burin kartaa shir, dib u dhigi kartaa, ama ku dari kartaa mid cusub. Markaa waxay ahayd lagama maarmaan in xogta laga helo dibadda oo la sameeyo qaabaynta iyadoo lagu salaynayo JSON la helay. Waxay ahayd muhiim in la helo xogta si kastaba (adoo la isticmaalayo habka keenista ama adeegsiga XMLHttpRequest). Haddii uu qofku ku daro polyfill si loo soo qaado oo uu ku calaamadiyo dookhiisa akhrinta, tan waxa loo tiriyaa sidii dheeraad.

Diiwaangelinta shaqaalaha adeegga khaladaad la'aan oo ka shaqee offline ka dib soo dejinta ugu horeysay. Waa kan tusaale shaqaalaha adeegga oo leh jadwal kaydinta kabaha ugu horreeya. Faahfaahinta ku saabsan shaqaalaha adeegga, awoodahooda iyo siyaabaha ay ula shaqeeyaan (xeeladaha lagu shaqeeyo khasnado, ka shaqaynta offline) ayaa laga heli karaa halkan.

Kartida dejinta xasuusinsi ay dhab ahaantii u shaqeyso 3, 7, 14 maalmood ka dib. Waxay ahayd lagama maarmaan in la fahmo Ogeysiinta API, link kaas ku saxnaa hawsha. Ma aanan fileyn wax hirgelin gaar ah si loo hubiyo in ay tahay waqtigii la riixi lahaa iyo in kale. Ikhtiyaar kasta oo shaqo waa la aqbalay: kaydinta kaydinta maxalliga ah, IndexDB ama codbixinta xilliyeed ee shaqaale adeeg. Waxaa xitaa suurtagal ahayd in la sameeyo server riix (halkan Tusaale), laakiin ma shaqayn doonto offline. Si la mid ah ayay muhiim u ahayd in la helo riix ka dib marka bogga la xiro - oo la furay muddo ka dib. Haddii xasuusintu ay dhimatay isla wakhtiga bogga la xidhay, xalka lama tirin. Way fiicantahay markii nimanku ka fikireen dib-u-eegayaasha oo ay suurta galiyeen in la helo riix hadda - si aan loo sugin 3 maalmood.

Awoodda in lagu dhejiyo icon miiska (PWA). Waxaan hubinnay joogitaanka faylka muuqda.json leh astaanta saxda ah. Ragga qaar ayaa sameeyay faylkan (ama waxay kaga tageen inuu ka soo baxay CreateReactApp) - laakiin kuma darin astaanta saxda ah. Kadib, markaad isku dayeyso inaad rakibto, qalad sida "astaan ​​kale ayaa loo baahan yahay" ayaa dhacay.

Hab-dhismeedka iyo qaabka mashruuca. Sida hawsha labaad, waxaanu eegnay hal hab oo kood ah (xitaa haddii aanu kuweena ku dhicin). Qaar ka mid ah ragga ayaa ku dhajiyay linters - taasi waa wax fiican.

Khaladaadka Console. Haddii ay jirto tilmaame sax ah oo ku jira konsole in wax khaldan yihiin, kaqeybgaluhuna uusan fiiro gaar ah u lahayn, ka dibna waxaan ka jarnay dhibco.

Natiijooyinka

Maxaa qosol leh oo ku saabsan go'aamada ka qaybgalayaasha:

  • Mid ka mid ah xog-ururinta ayaa ka koobnayd qoraalkan soo socda: “Saaxiib barnaamij-sameeyaha ayaa iga caawiyay in aan meel dhigo codsiga React. Su'aalo ku saabsan sida iyo sababta ayaan ugu dhuftay, wuuna ii sheegay. Runtii aad ayaan uga helay, waxaan rabaa in aan wax badan ka ogaado.” Waxaan codsigan ku xididaynay dhammaan qalbiyadayada, laakiin nasiib darro, saaxiibkii musharraxa aad ugama caawinin samaynta codsigu mid shaqeeyo.
  • Mid ka mid ah musharraxiinta ayaa xiriir u diray GitHub, halkaasoo kaydka RAR uu yaallo - way adag tahay in arrintan faallo laga bixiyo. 🙂
  • Musharaxa kale, ee faallooyinka ku saabsan xariiqda koowaad ee faylka solution.js, si daacad ah ayuu u qirtay in uu nuqul ka sameeyay algorithm.

Waxaan codsiyo ka guddoomay 76 murashax, waxaana la soo xulay 23 qof. Waxa naloo soo diray su'aalo-waraysiyo kaliya maaha Minsk, laakiin sidoo kale Moscow, St. Petersburg iyo xitaa Tatarstan. Qaar ka mid ah wiilasha ayaa naga yaabiyay xirfadahooda hadda: mid waa khabiir cilmi-baaris ah, midna waa arday bartay caafimaadka.

Natiijadu waxay ahayd qaybinta xiisaha leh ee heerarka guusha ee dhamaystirka hawlaha. Ka-qaybgalayaashu waxay dhammaystireen hawshii ugu horreysay celcelis ahaan 60%, ta labaadna 50%, saddexaadna waxay noqdeen kuwii ugu adkaa oo lagu dhammeeyey celcelis ahaan 40%.

Jaleecada hore, hawluhu waxay u muuqdaan kuwo adag oo waqti badan qaadanaya. Sababtu maaha in aan rabno in aan meesha ka saarno musharixiinta ugu badan ee suurtogalka ah. Inta lagu jiro waxbarashadooda, ardaydu waxay la kulmaan hawlo nolosha dhabta ah - samaynta sheeko, Yandex.Music ee carruurta ama Yandex.Weather ee dadka cimilada ku tiirsan. Tan waxaad u baahan tahay saldhig bilow ah.

Waxaan xusuustaa markii aan arkay hawsha gelitaanka SRI laba sano ka hor oo aan ku fikiray inaanan waligay xallin doonin. Waxa ugu muhiimsan xilligan waa in la fadhiisto, si taxadar leh u akhri shuruudaha oo aad bilowdo inaad sameyso. Waxaa soo baxday in shuruudaha ay ku jiraan ku dhawaad ​​80% xalka. Tusaale ahaan, xaaladda hawsha saddexaad (ka ugu adag), waxaan ku darnay xiriirinta shaqaalaha adeegga iyo Ogeysiinta API ee MDN. Ardaydii bartay waxa ku jira links-ku si dhib la'aan ah ayay u dhammaystireen.

Runtii waxaan jeclaan lahaa in maqaalkan ay akhriyaan musharaxiinta qorsheynaya inay mustaqbalka galaan SRI, kuwaas oo aan awoodin inay galaan dugsiga Minsk, ama bilaabaya inay qabtaan hawlo kale oo imtixaan ah. Sida aad arki karto, waa suurtogal in sidaas la sameeyo. Kaliya waxaad u baahan tahay inaad naftaada rumaysato oo aad dhageysato dhammaan talooyinka qorayaasha.

Source: www.habr.com

Add a comment