Ụlọ akwụkwọ mmepe interface: nyocha nke ọrụ maka Minsk na ihe ọhụrụ na Moscow

Taa, ndebanye aha ọhụrụ mepere Ụlọ akwụkwọ mmepe Yandex Interface na Moscow. Oge izizi nke ọzụzụ ga-ewere ọnọdụ site na Septemba 7 ruo Ọktoba 25. Ụmụ akwụkwọ si obodo ndị ọzọ ga-enwe ike isonye na ya remotely ma ọ bụ na mmadụ - ụlọ ọrụ ga-akwụ ụgwọ maka njem na ebe obibi na ụlọ mbikọ. Nke abụọ, nakwa nke ikpeazụ ogbo, ga-adịru ruo December 3, ọ nwere ike mechaa naanị n'onwe.

Aha m bụ Yulia Seredich, anyị na Sergei Kazakov dere post a. Anyị abụọ bụ ndị mmepe interface na ụlọ ọrụ Minsk nke Yandex na ndị gụsịrị akwụkwọ na SRI site na afọ ndị gara aga.

N'oge mmeghe nke ndebanye aha na Moscow, anyị na-ebipụta nyocha nke ọrụ mmeghe na Ụlọ Akwụkwọ gara aga - ebe a na Minsk.

Ọ bụrụ na ị chọpụta akụkọ ihe mere eme nke ọrụ SRI, site n'afọ ruo n'afọ, anyị nwalere nkà atọ dị mkpa maka onye mmemme:

• Nhazi. Onye nrụpụta ọ bụla ga-enwe ike ịme okirikiri nhọrọ ukwuu. Ọ naghị eme na ị nwere Uncle Seryozha bụ onye na-emepụta maka otu ahụ dum, na ị na-ede naanị edemede. Ya mere, onye ọ bụla na-amụrụ ihe aghaghị igosi otú ọ maara ka e si ede ihe.
• Javascript. Ọ bụrụ na okwu ahụ nwere oke na nhazi, mgbe ahụ anyị agaghị enwe Ụlọ Akwụkwọ nke Mmepe Interface, kama Ụlọ Akwụkwọ nke Ndị Nhazi Nhazi. Ọ dị mkpa ka eweghachite interface ahụ nke a haziri nke ọma. Ya mere, a na-enwekarị ọrụ maka JS, ma mgbe ụfọdụ ọ bụkwa ọrụ maka algọridim - anyị hụrụ ha n'anya nke ukwuu.
• Ndozi nsogbu bụ ikekwe nka kacha mkpa nke onye nrụpụta. A bịa n'ịmepụta oghere, ihe na-agbanwe ngwa ngwa. Ọ dị ka Lewis Carroll: "Ị ga-agba ọsọ ọsọ ọsọ ka ị nwere ike naanị ịnọ n'otu ebe, na iji ruo ebe ọzọ ị ga-agba ọsọ ugboro abụọ." Kwa ụbọchị, anyị na-ahụ teknụzụ ọhụrụ - anyị kwesịrị iburu ha n'uche ma nwee ike ịghọta ha. Ya mere, n'ime ọrụ nke atọ, anyị tụrụ aro ka ị ghọta nkà na ụzụ nke onye mmepụta novice na-amaghịkarị.

Na nyocha nke ọrụ ọ bụla, anyị ga-agwa gị ọ bụghị naanị banyere usoro ziri ezi, kamakwa banyere mmejọ ndị nkịtị.

Ọrụ 1: Pọtụfoliyo

Arụ ọrụ mbụ site na Yandex.Collections mmebe Alexey Cherenkevich, onye maara otú e si eme nhazi, na onye ọrụ ibe ya, interface Mmepụta Sergey Samsonov.

Ọnọdụ

Mepụta webụsaịtị Pọtụfoliyo: gwa anyị gbasara onwe gị, ọrụ gị na atụmanya gị n'ụlọ akwụkwọ. Saịtị ahụ kwesịrị ịdekọ ihe ọ bụla o kwere mee na nhazi a chọrọ (njikọ na nhazi: 1000px, 600px, 320px, nkọwapụta). Anyị nwere mmasị na nhazi naanị, yabụ biko ejila Javascript.

Mgbe ịlele anyị ga-eburu n'uche:

• nha indentation, nhazi agba, ụdị mkpụrụedemede, nha font;
• okirikiri nhọrọ ukwuu;
• ọnụnọ nke steeti dị iche iche nke ihe: na-egosipụta bọtịnụ na njikọ mgbe ị na-ebugharị cursor, na-egosipụta mpaghara ntinye aka na-arụ ọrụ, wdg;
• ndakọrịta cross-browser (nwalere na ụdị ihe nchọgharị ndị ewu ewu kacha ọhụrụ).

Uru ga-abụ:

• iji ihe ngwọta CSS nke oge a: flexbox, grid, wdg;
• Nhazi nhazi;
• ojiji nke tupu na (ma ọ bụ) post-processors, mgbakọ, minification, njikarịcha nke koodu mmepụta;
• Nkwado ụdị HTML, bọtịnụ bulite faịlụ stylized.

Ọrụ ahụ dị oke egwu, yabụ ị nwere ike ịwụpụ ihe na-agaghị arụ ọrụ. Nke a ga-ebelata akara gị ntakịrị, mana ị ka ga-enwe ike igosipụta ihe ọmụma gị. Mgbe ịmechara, zitere anyị njikọ abụọ - na Pọtụfoliyo gị yana koodu isi mmalite na GitHub.

Nhazi ndị a tụrụ aro na ọrụ ahụ abụghị naanị na ihuenyo maka ngwaọrụ mkpanaka, mbadamba na desktọpụ, kamakwa nwere nkọwapụta n'ezie.

Iji weta ihe dị ukwuu dị ka o kwere mee n'ime nsonaazụ nke ịlele ọrụ mbụ, enwere ọtụtụ njirisi maka nlele a.

Nhazi

Weebụsaịtị emebere. Nke a dị ka ihe doro anya, mana ụfọdụ ụmụ okorobịa mafere ụfọdụ ngọngọ kpamkpam - ma ha chọrọ ịchekwa oge, ma ọ bụ na ha enweghị ike ime ha. Enwere ike kewaa okirikiri nhọrọ ukwuu gaa na ihuenyo isi anọ: isi ihuenyo nwere avatar, ngọngọ nwere ndepụta atụmanya sitere na SRI, ngọngọ nwere pọtụfoliyo na ngọngọ nwere ozi kọntaktị. Enwere ike ịme ha na ngalaba ma ọ bụ naanị iji divs, ihe bụ isi bụ na ihe mgbochi anọ ahụ dị.

Nrube isi na okirikiri nhọrọ ukwuu. Onye mmebe ahụ mere nkọwapụta dị iche iche (gụnyere agba, akwụkwọ edemede, steeti bọtịnụ, wdg) iji mee ka ọ dịrị ndị na-aga ime mfe. N'okpuru ebe e nwere ihe ngosi na ntinye na atụmatụ nke ihuenyo mbụ. Enwere m nnọọ obi ụtọ na ụmụ okorobịa ndị na-eburu n'uche ọchịchọ niile nke onye mmepụta ihe: dịka ọmụmaatụ, ihuenyo mbụ kwesịrị ịbụ ihe na-erughị elu nke nlele anya.

Nhazi mmeghari - nke a bụ mgbe interface na-adịghị nnọọ tọrọ ka na atọ mkpebi ihe niile bụ pixel ka pixel na okirikiri nhọrọ ukwuu. Na steeti etiti, nhazi ahụ ekwesịghị ịdaba. Ụfọdụ chefuru ịmachi oke obosara nke akpa ahụ wee tọọ ihe niile na 1920 pikselụ, ụfọdụ mebie ndabere, mana n'ozuzu ndị na-aga ime nagidere ọrụ a nke ọma.

Nhazi usoro ọmụmụ. "Ugboro ole ka ha gwara ụwa" na ekwesịrị ịhazi njikọ dị ka , bọtịnụ - dị ka . Ọ dabara nke ọma, ọtụtụ ndị chọrọ ime mezukwara ihe a chọrọ. Ọ bụghị onye ọ bụla ghọtara ndepụta zoro ezo na atụmanya nke SRI, na-eme ka ọ na-eji mkpado div, mana ọ bụghị ihe ọjọọ. Onwere onye ndoro-ndoro ochichi nke tinyere mkpado semantic niile ọ maara - ebe ọ dị mkpa na ebe ọ na-adịghị mkpa. Dịka ọmụmaatụ, kama ndepụta - na . A sị ka e kwuwe, semantics - ọ bụ banyere ịghọta mejupụtara nke ibe gị na nzube nke ọ bụla ngọngọ (ebe a ọtụtụ jisiri ya), nakwa banyere ojiji nke pre- na / ma ọ bụ post-processors (ebe a ole na ole jisiri ya, ọ bụ ezie na. nke a dịkwa na isi ihe - ọtụtụ mgbe ha jikọtara obere na scss) .

slider na-arụ ọrụ. Na ọrụ anyị dere na JS enweghị ike iji. N'ebe a, a nwalere ike idozi nsogbu - enwere ike ịme ihe mmịfe site na iji ụyọkọ na . Ime anwansi niile na-eme na ọkwa ọkwa #button-N: enyocha ~ .slider-inner .slider-slides. Mgbe anyị pịrị na otu igbe ndenye, ọ na-abanye na steeti enyochara. Anyị nwere ike were uru nke a wee kenye ntụgharị asụsụ anyị chọrọ n'ime akpa nwere ihe mmịfe: gbanwee: tụgharịa(-33%). Ị nwere ike ịhụ mmejuputa ihe mmịfe ahụ ebe a.

Ndepụta ndetu. Ebe a ka ihe niile gbadara na nhọrọ yiri ya: .accordion-item input: checked ~ .accordion-item__content. Ị nwere ike ịhụ mmejuputa ya ebe a.

Nnweta nke :hover, :ọrụ na :focu* kwuru. Isi ihe dị ezigbo mkpa. Nkasi obi n'oge mmekọrịta ya na interface dabere na ya. Onye ọrụ kwesịrị ịnata nzaghachi mgbe niile maka omume ha. A na-enyocha ihe a n'oge mkparịta ụka a na ajụjụ. Ọ bụrụ na m pịa bọtịnụ "Kpọọ m" na anya ọ dịghị ihe mere (ọ bụ ezie na e zigara arịrịọ ahụ), nke a dị njọ, n'ihi na mgbe ahụ, m ga-pịa ya ugboro ugboro. N’ihi ya, a ga-eziga arịrịọ iri, a ga-akpọghachikwa m ugboro iri. Anyị agaghị echefu na ngwaọrụ mkpanaka enweghị òké, nke pụtara na e kwesịghị inwe hover. Na otu isi ihe ọzọ na-emetụtaghị ndị mezuru isi okwu gbasara semantics. Ọ bụrụ na njikwa gị abụghị ihe mmekọrịta, mgbe ị na-efegharị n'elu ya, cursor ga-abụ ọkọlọtọ. Ọ na-adị ka nke ọma adịghị mma, ọ bụrụgodị na ị deela mmeghachi omume maka hover. Elelịla cursor: pointer.

Ihe ngosi. Ọ dị mkpa na mmeghachi omume niile na-eme na ihe ndị ahụ dị nro. Ọ dịghị ihe ọ bụla na ndụ bụ ozugbo, ya mere inwe mgbanwe na hover na-arụsi ọrụ ike zuru ezu ime ka interface ahụ na-atọ ụtọ karị. Ọfọn, ndị na-emegharị ihe mmịfe ahụ na ndepụta dị mma n'ozuzu.

Iji teknụzụ kachasị ọhụrụ. Ọtụtụ ndị mmadụ na-eji flex, mana ọ nweghị onye mezuru ọrụ ahụ site na iji grid. A na-agụta isi ma ọ bụrụ na ejiri mgbanwe mee ihe nke ọma. Ọ bụrụ na ebe nhazi ahụ kewapụrụ n'ihi mgbanwe ndị a, Ewoo, ị nwetaghị isi ihe ọ bụla.

Nkwado Ụdị. Naanị ihe achọrọ bụ ịgbakwunye njirimara achọrọ na ntinye ọ bụla nke ụdị ahụ. Anyị gbakwunyere isi ihe na ndị kwadoro mpaghara email ahụ dị ka email.

Ịmepụta bọtịnụ bulite faịlụ. Anyị tụrụ anya ịhụ nchikota dịka: na Họrọ faịlụ . Ọzọ, anyị kwesịrị izobe ntinye na ịke akara. E nwere ụzọ ọzọ a na-ahụkarị - iji mee ntinye ntụgharị ma tinye ya n'elu bọtịnụ. Mana ọ bụghị ihe nchọgharị niile na-enye ohere ịke , na ngwọta dị otú ahụ enweghị ike ịkpọ cross-browser zuru oke. Ma ọ ka mma ịme akara.

Ndakọrịta ihe nchọgharị gafere. Anyị nyochara na ihe niile dị mma na ụdị abụọ kachasị ọhụrụ nke ihe nchọgharị ọgbara ọhụrụ (na-enweghị IE - ndị sonyere nwere chi ọma), yana Safari na iPhones na Chrome na Androids.

N'ụzọ megidere nke ahụ, anyị na-ewepụ isi ma ọ bụrụ na mmadụ ejiri JS ma ọ bụ Bootstrap: ha abụọ ga-emeri nzube nke ọrụ ahụ dum. Ọzọkwa, ndị sonyere na Bootstrap ọ bụghị naanị na-enweta mwepu, kamakwa tufuru ọtụtụ isi maka semantics na ihe emejuputa atumatu.

Ndị na-akwado saịtị ha n'otu ebe na ịntanetị enwetaghị uru ọ bụla - mana ndị nyocha ahụ nwere nnọọ obi ụtọ mgbe ha na-enweghị ibudata ebe nchekwa ma na-agba ọsọ na mpaghara na kọmputa ha. Yabụ na nke a jere ozi dịka mgbakwunye maka karma.

Ọrụ mbụ bara ezigbo uru maka nwa akwụkwọ ahụ. Ndị anyị na-anabataghị ugbu a nwere usoro mmalite a kwadebere - ị nwere ike iji nganga tinye ya na nzaghachi niile ma ọ bụ bipute ya na ibe gh gị.

Ọrụ 2: Ụzọ njem

Onye dere ọrụ a bụ onye isi nke otu Denis Balyko search interfaces.

Ọnọdụ

Ị nwere maapụ kpakpando? Ọ na-egosi aha kpakpando ọ bụla, yana anya ya na kpakpando ndị ọzọ na nkeji ọkụ. Mee ihe ngwọta ọrụ, nke kwesịrị iri atọ arụmụka: ihe nke igodo bụ aha kpakpando, na ụkpụrụ bụ anya na kpakpando (otu ụzọ okporo ụzọ na ohere), nakwa dị ka aha. mmalite na njedebe nke ụzọ - mmalite na imecha, n'otu n'otu. Ọrụ ahụ kwesịrị iweghachite anya kacha nso site na kpakpando mmalite ruo kpakpando ngwụcha na ụzọ ị ga-eso.

mbinye aka ọrụ:

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

Ihe atụ ntinye 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'; 

Ihe atụ mmepụta:

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

Mara: Ọkpụkpụ ngwọta dị na src/ nchekwa, tinye ngwọta gị na solution.js.

Nkwenye nke ọrụ nke abụọ bụ nke kacha akpaaka na ebumnobi. Ọtụtụ n'ime ụmụ okorobịa ahụ chere na ọ dị mkpa iji mejuputa algorithm Dijkstra. Ndị chọtara nkọwa ya ma mejuputa algọridim na JS na-eme nke ọma. Otú ọ dị, mgbe anyị na-enyocha ihe omume ahụ, anyị hụrụ ọtụtụ akwụkwọ ndị nwere otu mmejọ. Anyị nyochara n'ịntanetị maka iberibe koodu wee chọta akụkọ sitere na ndị sonyere depụtaghachi algọridim. Ọ bụ ihe na-atọ ọchị na ọtụtụ mmadụ depụtaghachiri koodu ahụ site na akụkọ yana ihe onye odee kwuru. Ọrụ ndị dị otú ahụ nwetara akara dị ala. Anyị adịghị egbochi iji akwụkwọ ozi ọ bụla eme ihe, ma anyị chọrọ ka mmadụ tinye uche n’ihe ọ na-ede.

Nhazi

Enyere isi ihe maka ule. Mgbe ụfọdụ, o doro anya na ụmụ okorobịa ahụ na-akpakọrịta na ebe nchekwa, na-edegharị folda aha, na ule ga-ada nanị n'ihi na ha enweghị ike ịchọta faịlụ ndị dị mkpa. N'afọ a, anyị gbalịrị inyere ndị dị otú ahụ aka ma weghachi ha ihe niile n'ọnọdụ ya. Mana n'afọ ọzọ, anyị na-eme atụmatụ ịgbanwe gaa na usoro asọmpi, a gaghịkwa agbaghara nke a ọzọ.

E nwekwara "mmadụ", njirisi ntuziaka. Dịka ọmụmaatụ, ọnụnọ nke otu ụdị koodu. Ọ dịghị onye wepụrụ akara maka iji taabụ kama oghere ma ọ bụ ọzọ. Ọ bụ ihe ọzọ ma ọ bụrụ na ị na-atụgharị otu nkwudo okwu na okpukpu abụọ dị ka otu iwu mara, na-etinye semicolons na-enweghị usoro.

A na-eleba anya n'ụzọ doro anya na ịgụ ihe ngwọta dị iche iche. Na nnọkọ niile dị n'ụwa, ha na-ekwu na 80% nke ọrụ mmemme gụnyere ịgụ koodu ndị ọzọ. Ọbụna ụmụaka ụlọ akwụkwọ na-enweta nyocha koodu - site na ndị nlekọta ha na site n'aka ibe ha. Ya mere, ụkpụrụ a nwere ibu dị ukwuu. Enweela ọrụ nke enweghị mgbanwe dị ogologo karịa otu agwa - biko emela nke ahụ. Okwu ndị sonyere na ya kwuru na-agba ume - ewezuga ndị yiri ihe Stella Chang kwuru.

Usoro ikpeazụ bụ ọnụnọ nke autotests. Naanị mmadụ ole na ole gbakwunyere ha, mana maka onye ọ bụla ọ ghọrọ nnukwu gbakwunyere na karma ha.

Ngwọta ziri ezi:

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

Ọrụ 3: kalenda mmemme

Ọ kwadebere site interface mmepe Sergey Kazakov na Alexander Podskrebkin.

Ọnọdụ

Dee obere kalenda iji gosi nhazi oge gị. Ị nwere ike iwepụta oge ọ bụla masịrị gị. Dịka ọmụmaatụ, nhazi oge ọgbakọ frontend na 2019.

Kalenda kwesịrị ịdị ka ndepụta. Enweghị ihe ndị ọzọ chọrọ imewe. Mee ka o kwe omume ịtọ ncheta mmemme ụbọchị 3, 7 na 14 tupu oge eruo. Mgbe nbudata nke mbụ na ịntanetị gasịrị, kalenda kwesịrị imepe ma rụọ ọrụ na-anọghị n'ịntanetị.

Ihe bara uru

Usoro ọgbakọ n'ihu:
confs.tech/javascript? isiokwu=javascript%2Bcss%2Bux

Ndị ọrụ ọrụ:
developer.mozilla.org/ru/docs/Web/API/Service_Worker_API/Using_Service_Workers
developers.google.com/web/fundamentals/primers/service-workers

API ọkwa:
developer.mozilla.org/ru/docs/Web/API/Notifications_API

Ọrụ nke atọ bụ ihe kacha adọrọ mmasị iji nwalee, n'ihi na e nwere ọtụtụ ngwọta nwere ike ime, nke ọ bụla nwere nke ya. Anyị lere anya ka onye ndoro-ndoro ochichi si ejikwa teknụzụ na-amaghị ama - ma ọ maara ka esi eme nyocha, ma ọ na-anwale ngwọta ya.

Nhazi

Kalenda agbajiela. Ee, ọ ka dị mkpa ka edobe ya. E nwekwara ndị were ọnọdụ ahụ n'ụzọ nkịtị na etinyeghị otu ahịrị nke koodu CSS. Ọ naghị adị mma nke ukwuu, ma ọ bụrụ na ihe niile na-arụ ọrụ, isi ihe adịghị ebelata.

Inweta ndepụta ihe omume site na isi mmalite. Nke a abụghị ọrụ nhazi, yabụ, agụghị ndepụta mmemme ndị etinyere na ya. Ị nwere ike ịkagbu ogbako oge niile, megharịa ya, ma ọ bụ tinye nke ọhụrụ. Ya mere, ọ dị mkpa ịnweta data site na mpụga ma nye nhazi ahụ dabere na JSON natara. Ọ dị mkpa ịnweta data n'ụzọ ọ bụla (na-eji usoro mbubata ma ọ bụ iji XMLHttpRequest). Ọ bụrụ na mmadụ gbakwunyere polyfill maka mbute wee kaa nhọrọ ya na readme, a na-agụ nke a dị ka mgbakwunye.

Ndebanye aha onye ọrụ na-enweghị njehie ma rụọ ọrụ na-anọghị n'ịntanetị ka nbudata mbụ gasịrị. Lee otu ihe atụ onye na-arụ ọrụ nwere caching oge na buut mbụ. Enwere ike ịchọta nkọwa gbasara ndị ọrụ ọrụ, ikike ha na ụzọ ha si arụ ọrụ (atụmatụ maka ịrụ ọrụ na cache, na-arụ ọrụ offline) ebe a.

Ike ịtọ ihe nchetanke mere na ọ na-arụ ọrụ n'ezie mgbe 3, 7, 14 ụbọchị. Ọ dị mkpa ịghọta API Ịma Ọkwa, njikọ nke ziri ezi na ọrụ. Anyị anaghị atụ anya mmejuputa a kapịrị ọnụ iji lelee ma oge eruola ịkwanye. A nabatara nhọrọ ọ bụla na-arụ ọrụ: nchekwa na nchekwa nchekwa mpaghara, IndexDB ma ọ bụ ntuli aka oge nke onye ọrụ. Ọ ga-ekwe omume ịme ihe nkesa push (ebe a ihe atụ), mana ọ gaghị arụ ọrụ na-anọghị n'ịntanetị. Ọ dịkwa mkpa ịnweta ntugharị mgbe emechiri ibe ahụ - wee mepee mgbe obere oge gasịrị. Ọ bụrụ na ihe ncheta ahụ nwụrụ n'otu oge ahụ e mechiri ibe ahụ, a gụghị ihe ngwọta ya. Ọ dị mma mgbe ụmụ okorobịa ahụ chere echiche banyere ndị na-enyocha ma mee ka o kwe omume ịnweta ntinye ugbu a - ka ọ ghara ichere ụbọchị 3.

Ikike idowe akara ngosi na desktọpụ (PWA). Anyị nyochara ọnụnọ nke faịlụ ahụ gosi.json nwere akara ngosi ziri ezi. Ụfọdụ ụmụ okorobịa mere faịlụ a (ma ọ bụ hapụ ya ka emepụtara na CreateReactApp) - mana ha etinyeghị akara ngosi ziri ezi. Mgbe ahụ, mgbe ị na-agbalị ịwụnye, njehie dị ka "a chọrọ akara ngosi dị iche" mere.

Codestyle na nhazi oru ngo. Dị ka ọ dị n'ọrụ nke abụọ, anyị lere anya otu codestyle (ọbụlagodi ma ọ bụrụ na ọ dabara na nke anyị). Ụfọdụ ụmụ okorobịa screwed na linters - nke ahụ dị mma.

Njehie njikwa. Ọ bụrụ na e nwere ihe ngosi ziri ezi na njikwa na ihe adịghị mma, na onye so na ya egeghị ntị na ya, mgbe ahụ, anyị wepụrụ isi ihe.

Nsonaazụ

Kedu ihe na-atọ ọchị maka mkpebi ndị sonyere:

• Otu akwụkwọ ajụjụ nwere ihe odide na-esonụ: “Otu enyi m na-eme ihe omume nyeere m aka itinye ngwa React. M jụrụ ya ajụjụ banyere otú na ihe kpatara ya, ọ gwakwara m. Ọ masịrị m nke ukwuu, achọrọ m ịmatakwu banyere ya.” Anyị ji obi anyị niile na-agbanye mgbọrọgwụ maka ngwa a, mana ọ dị nwute na enyi onye ndoro-ndoro aka enyeghị aka n'ime ka ngwa ahụ rụọ ọrụ.
• Otu onye ndoro-ndoro zigaara njikọ na GitHub, ebe ebe nchekwa RAR dị - ọ siri ike ikwu maka nke a. 🙂
• Onye ọzọ na-aga ime, na nkwupụta na akara mbụ nke faịlụ solution.js, kwetara n'eziokwu na ọ depụtaghachiri algọridim.

Anyị natara akwụkwọ anamachọihe sitere n'aka mmadụ iri asaa na isii wee họrọ mmadụ iri abụọ na atọ. E zigara anyị akwụkwọ ajụjụ ọ bụghị nanị na Minsk, kamakwa site na Moscow, St. Petersburg na ọbụna Tatarstan. Ụfọdụ n'ime ụmụ okorobịa ahụ tụrụ anyị n'anya maka ọrụ ha dị ugbu a: otu n'ime ha bụ ọkachamara n'ịchọpụta ihe, nke ọzọ bụ nwa akwụkwọ ahụike.

Nsonaazụ bụ nkesa na-adọrọ mmasị nke ọnụego ịga nke ọma n'imecha ọrụ. Ndị sonyere rụchara ọrụ mbụ site na nkezi nke 60%, nke abụọ site na 50%, nke atọ wee bụrụ nke kachasị sie ike ma mechaa ya nkezi nke 40%.

N'ileghachi anya na mbụ, ọrụ ndị ahụ dị mgbagwoju anya na-ewe oge. Ihe kpatara ya abụghị na anyị chọrọ ikpochapụ ọtụtụ ndị na-azọ ọkwa dịka o kwere mee. N'oge ọmụmụ ha, ụmụ akwụkwọ na-eche ihu ọrụ ndị dị adị n'ezie - ime nkata, Yandex.Music maka ụmụaka ma ọ bụ Yandex.Weather maka ndị na-adabere na ihu igwe. Maka nke a, ịchọrọ ntọala mmalite.

Echetere m ịhụ ọrụ ntinye SRI m afọ abụọ gara aga ma na-eche na agaghị m edozi ya. Isi ihe n'oge a bụ ịnọdụ ala, jiri nlezianya gụọ ọnọdụ ma malite ime ya. Ọ tụgharịrị na ọnọdụ ndị ahụ nwere ihe fọrọ nke nta ka ọ bụrụ 80% nke ngwọta. Dịka ọmụmaatụ, n'ọnọdụ ọrụ nke atọ (nke kacha sie ike), anyị gbakwunyere njikọ ndị ọrụ na API Ịma Ọkwa na MDN. Ụmụ akwụkwọ ndị mụrụ ihe dị na njikọ ahụ mezuru ya n'enweghị nsogbu.

Ọ ga-amasị m n'ezie ka ndị na-aga ime na-eme atụmatụ ịbanye SRI ga-agụ akụkọ a n'ọdịnihu, ndị na-enweghị ike ịbanye na Minsk School, ma ọ bụ ndị na-amalite ịrụ ọrụ ule ọ bụla. Dị ka ị pụrụ ịhụ, ọ ga-ekwe omume ime otú ahụ. Naanị ị ga-ekwere na onwe gị wee gee ndụmọdụ niile sitere n'aka ndị ode akwụkwọ.

isi: www.habr.com