ืืืื ื ืืื ืืื ืืขืขืคื ื ื ื ืืืข ืืืื ืฉืจืืืืื ื ืืื ืืึธืกืงืืืข. ืืขืจ ืขืจืฉืืขืจ ืืื ืข ืคืื โโืืจืืื ืื ื ืืืขื ื ืขืืขื ืึธืจื ืคืื 7 ืกืขืคืืขืืืขืจ ืฆื 25 ืืงืืืืขืจ. ืกืืืืขื ืื ืคืื ืื ืืขืจืข ืฉืืขื ืืืขืื ืงืขื ืขื ืฆื ืึธื ืืืื ื ืขืืขื ืืื ืขืก ืจืืืึธืื ืึธืืขืจ ืืื ืืขื ืืฉ - ืื ืคืืจืืข ืืืขื ืืึทืฆืึธืื ืคึฟืึทืจ ืึทืจืืืคืึธืจื ืืื ืึทืงืึทืืึทืืืืฉืึทื ืืื ืึท ืืึธืกืืขื. ืื ืฆืืืืืืข, ืืืื ืื ืืขืฆืืข ืืื ืข, ืืืขื ืืืืขืจื ืืืื 3ืื ืืขืฆืขืืืขืจ, ืขืก ืงืขื ื ืืจ ืคืืจืขื ืืืงื ืืืขืจื ืคืขืจืืขื ืืื.
ืืืึทื ื ืึธืืขื ืืื ืืืืืึท ืกืขืจืขืืืืฉ, ืืืจ ืืขืฉืจืืื ืืขื ืคึผืึธืกืื ืฆืืืึทืืขื ืืื ืกืขืจืืื ืงืึทืืึทืงืึธืื. ืืืจ ืืขื ืขื ืืืืืข ืฆืืืื ื ืืขืืืขืืึธืคึผืขืจืก ืืื ืื ืืื ืกืง ืึธืคืืก ืคืื ืืึทื ืืขืงืก ืืื ืืจืึทืืืฉืึทืืืึทืฅ ืคืื SRI ืคืื ืคืจืืขืจืืืงืข ืืึธืจื.
ืืื ืืขืจ ืืขืืขืื ืืืื ืคืื ืืขืจ ืขืคืขื ืื ื ืคืื ืจืขืืืกืืจืืฆืืข ืืื ืืืกืงืืืข, ืืจืืงื ืืืจ ืื ืื ืืืื ืคืื ืืืื ืคืืจื ืืืงืข ืืืืคืืืื ืฆื ืืขืจ ืคืจืืขืจืืืงืขืจ ืฉืื - ืื ืืื ืืื ืกืง.
ืืืื ืืืจ ืฉืคึผืืจ ืื ืืขืฉืืืืข ืคืื โโSRI ืึทืกืืื ืืึทื ืฅ, ืคืื ืืึธืจ ืฆื ืืึธืจ ืืืจ ืืขืกืืขื ืืจืื ืืืืืืืง ืกืงืืื ืคึฟืึทืจ ืึท ืคึผืจืึธืืจืึทืืืกื:
- ืืืืกืืืื. ืืขืืขืจ ืืขืืืขืืึธืคึผืขืจ ืืึธื ืงืขื ืขื ืฆื ืืึธื ืืืืกืืืื. ืขืก ืืื ื ืืฉื ืคึผืึทืกืืจื ืึทื ืืืจ ืืึธื ืคืขืืขืจ ืกืขืจืืึธืืฉืึท ืืืืก ืืืืืื ื ืคึฟืึทืจ ืื ืืื ืฆืข ืืึทื ืฉืึทืคึฟื, ืืื ืืืจ ื ืึธืจ ืฉืจืืึทืื ืกืงืจืืคึผืก. ืืขืจืืืขืจ, ืืขืืขืจ ืชึผืืืื ืืืื ืืืืึทืื ืืื ืขืจ ืืืืืกื ืืื ืฆื ืืจืืงื.
- ืืืฉืึทืืืึทืกืงืจืืคึผื. ืืืื ืืขืจ ืขื ืื ืืื ืืืืืืขื ืฆื ืืืืกืืืื, ืืืจ ืืืึธืื ื ืืฉื ืืึธืื ืึท ืฉืืืข ืคึฟืึทืจ ืฆืืืื ื ืึทื ืืืืืงืืื ื, ืึธืืขืจ ืึท ืฉืืืข ืคืื โโืืืืกืืืื ืืืืืื ืขืจื. ืื ืืืืืึทืคืื ืืืืืื ื ืฆืืืื ื ืืึทืจืฃ ืืืื ืจืืืืืืืื. ืืขืจืืืขืจ, ืขืก ืืื ืฉืืขื ืืืง ืึท ืึทืจืืขื ืคึฟืึทืจ JS, ืึธืืขืจ ืืื ืขืก ืืื ืืืื ืึท ืึทืจืืขื ืคึฟืึทืจ ืึทืืืขืจืืืึทืื - ืืืจ ืืืืข ืืื ืึทืืื ืคืื.
- ืคึผืจืึธืืืขื ืกืึทืืืืื ื ืืื ืืึธืืขืจ ืื ืืขืจืกื ืืืืืืืง ืืงืืขืก ืคืื ืึท ืืขืืืขืืึธืคึผืขืจ. ืืืขื ืขืก ืงืืื ืฆื ืฉืึทืคึฟื ืื ืืขืจืคืืืกืื, ืื ืืื ืื ืืฉืึทื ืืื ื ืืืืขืจ ืืขืฉืืืื ื. ืขืก ืืื ืืื ืืืืก ืงืึทืจืึธื: "ืืืจ ืืืื ืืืืคื ืืื ืฉื ืขื ืืื ืืืจ ืงืขื ืขื ื ืึธืจ ืฆื ืืืืึทืื ืืื ืืขืจ ืืขืืืืงืขืจ ืึธืจื, ืืื ืฆื ืืึทืงืืืขื ืฆื ืื ืื ืืขืจ ืึธืจื ืืืจ ืืึธืื ืฆื ืืืืคื ืฆืืืื ืืึธื ืึทืืื ืฉื ืขื." ืืขืืขืจ ืืึธื ืืืจ ืืจืขืคื ื ืืึทืข ืืขืงื ืึทืืึทืืืฉืื - ืืืจ ืืึทืจืคึฟื ืฆื ื ืขืืขื ืืื ืืื ืืฉืืื ืืื ืงืขื ืขื ืฆื ืคึฟืึทืจืฉืืืื ืืื. ืืขืจืืืขืจ, ืืื ืื ืืจืื ืึทืจืืขื, ืืืจ ืคืืจืืขืืืืื ืฆื ืคึฟืึทืจืฉืืืื ืืขืงื ืึทืืึทืืืฉืื ืืืึธืก ืึท ืึธื ืืืืืขืจ ืืขืืืขืืึธืคึผืขืจ ืืื ืืืืฉืึทืืืึทืื ื ืืฉื ืืึทืงืึทื ื ืืื.
ืืื ืื ืึทื ืึทืืืกืืก ืคืื ืืขืืขืจ ืึทืจืืขื, ืืืจ ืืืขื ืืึธืื ืืืจ ื ืื ืืืืื ืืืขืื ืื ืจืืืืืง ืคึผืจืึธืฆืขืืืจ, ืึธืืขืจ ืืืื ืืืขืื ืคึผืจืึธืกื ืืืกืืืืงืก.
ืึทืจืืขื 1: ืคึผืึธืจืืคืขื
ืืขืจ ืขืจืฉืืขืจ ืึทืจืืขื ืืื ืืขืืืขื ืืขืืจืืขื ืืืจื Yandex.Collections ืืืืืื ืขืจ ืึทืืขืงืกืื ืืฉืขืจืขื ืงืขืืืืืฉ, ืืืืก ืืืืืกื ืืื ืฆื ืืึธื ืืืืกืืืื, ืืื ืืืื ืืื ืกื ืงืึธืืขืืข, ืฆืืืื ื ืืขืืืขืืึธืคึผืขืจ ืกืขืจืืื ืกืึทืืกืึธื ืึธืื.
ืฆืืฉืืึทื ื
ืฉืึทืคึฟื ืึท ืคึผืึธืจืืคืขื ืืืขืืืืืื: ืืขืจืฆืืืื ืืื ืื ืืืขืื ืืื, ืืืื ืึทืจืืขื ืืื ืืืื ืขืงืกืคึผืขืงืืืืฉืึทื ื ืคืื ืืขืจ ืฉืืืข. ืืขืจ ืคึผืืึทืฅ ืืึธื ืฉืืืืขื ืืื ืคืื ืืื ืืขืืืขื ืฆื ืื ืคืืจืืขืืืืื ืืืืกืืืื (ืืื ืงืก ืฆื ืืืืึทืืฅ: , , , ). ืืืจ ืืขื ืขื ืืืืื ืืื ืืขืจืขืกืืจื ืืื ืื ืืืืกืืืื, ืึทืืื ืืืืข ืืึธื ื ืื ื ืืฆื ืืืฉืึทืืืึทืกืงืจืืคึผื.
ืืืขื ืืฉืขืง ืืืจ ืืืขืื ื ืขืืขื ืืื ืืฉืืื:
- ืื ืืขื ืืืืฉืึทื ืกืืืขืก, ืงืึธืืืจ ืงืขืจืขืงืื ืึทืก, ืฉืจืืคึฟื ืกืืื, ืฉืจืืคึฟื ืืจืืืก;
- ืกืขืืึทื ืืืง ืืืืกืืืื;
- ืื ืืืึทืืืึทื ืคืื ืคืึทืจืฉืืืขื ืข ืกืืึทืืขืก ืคืื ืขืืขืืขื ืื: ืืืืึทืื ืืืง ืงื ืขืคึผืืขื ืืื ืืื ืงืก ืืืขื ืืึทืืืขืจืื ื ืื ืืืืคึฟืขืจ, ืืืืืืืืื ื ืึทืงืืืื ืึทืจืืึทื ืฉืจืืึทื ืคืขืืืขืจ, ืืื"ื ื;
- ืงืจืืึทื ืืืขืืขืจืขืจ ืงืึทืืคึผืึทืืึทืืืืึทืื (ืืขืกืืขื ืืื ืื ืืขืฆืืข ืืืขืจืกืืขืก ืคืื ืคืึธืืงืก ืืจืึทืืืขืจื).
ืื ืืืึทืืข ืืืขื ืืืื:
- ื ืืฆื ืคืื ืืึธืืขืจื ืงืกืก ืกืึทืืืฉืึทื ื: ืคืืขืงืกืืึธืงืก, ืืจืื, ืืื"ื ื;
- ืึทืืึทืคึผืืืื ืืืืกืืืื;
- ื ืืฆื ืคืื ืคืึทืจ- ืืื (ืึธืืขืจ) ืคึผืึธืกืื-ืคึผืจืึทืกืขืกืขืจื, ืคึฟืึทืจืืึทืืืื ื, ืืื ืืคืืงืึทืืืึธื, ืึทืคึผืืึทืืึทืืืืฉืึทื ืคืื ืจืขืืืืืึทื ืงืึธื;
- HTML ืคืึธืจื ืืืึทืืึทืืืืฉืึทื, ืกืืืืืืืื ืืขืงืข ืืคึผืืึธืึทื ืงื ืขืคึผื.
ืื ืึทืจืืขื ืืื ืืึทื ืฅ ืืืึทืืืืึทื ืึทืก, ืึทืืื ืืืจ ืงืขื ืขื ืืึธืคึผืงืขื ืืืึธืก ืืืขื ื ืืฉื ืึทืจืืขืื. ืืึธืก ืืืขื ื ืืืขืจืืงืขืจ ืืืื ืืขืืฉืื ืึท ืืืกื, ืึธืืขืจ ืืืจ ืืืขื ื ืึธื ืงืขื ืขื ืืึทืืืืึทืื ืืืื ืืืืกื. ืืืขื ืืืจ ืคืึทืจืืืง, ืฉืืงื ืืื ืื ืฆืืืื ืืื ืงืก - ืฆื ืืืื ืคึผืึธืจืืคืขื ืืื ืื ืืงืืจ ืงืึธื ืืืืฃ GitHub.
ืื ืืืืึทืืฅ ืคืืจืืขืืืืื ืืื ืื ืึทืกืืื ืืึทื ื ืืขื ืขื ื ืืฉื ืืืืื ืืื ืกืงืจืื ื ืคึฟืึทืจ ืจืืจืขืืืืืง ืืขืืืืกืขืก, ืืึทืืืึทืฅ ืืื ืืขืกืงืืึทืคึผืก, ืึธืืขืจ ืืืื ืืื ืคืึทืงืืืฉ ืกืคึผืขืกืึทืคืึทืงืืืฉืึทื ื.
ืืื ืกืืจ ืฆื ืืจืขื ืืขื ืืื ืคืื ืึธืืืขืงืืืืืืื ืืื ืืขืืืขื ืืื ืื ืจืขืืืืืึทื ืคืื ืงืึธื ืืจืึธืืืจืื ื ืืขืจ ืขืจืฉืืขืจ ืึทืจืืขื, ืขืก ืืขื ืขื ืืขืืืขื ืึท ืคึผืืึทืฅ ืคืื ืงืจืืืืืจืืึท ืคึฟืึทืจ ืืขื ืืฉืขืง.
ืงืจืืืขืจืืึท
ืืืืืื ื ืืืขืืืืึทืื. ืืึธืก ืืืื ื ืงืืึธืจ ืืื ืืขืจ ืืึธื, ืึธืืขืจ ืขืืืขืืข ืืืื ืกืงืืคึผื ืขืืืขืืข ืืืึทืงืก ืืขืืึทืืจืข - ืึธืืขืจ ืืื ืืขืืืืื ืฆื ืฉืคึผืึธืจื ืฆืืื, ืึธืืขืจ ืืื ืงืขื ื ืืฉื ืืึธื ืืึธืก. ืืขืจ ืืืืกืืืื ืงืขื ืขื ืืืื ืืขืขืจืขื ืฆืขืืืืื ืืื ืคืืจ ืืืืคึผื ืกืงืจืื ื: ืื ืืืืคึผื ืคืึทืจืฉืืขืื ืืื ืึท ืึทืืืึทืืึทืจ, ืึท ืืืึธืง ืืื ืึท ืจืฉืืื ืคืื ืขืงืกืคึผืขืงืืืืฉืึทื ื ืคืื SRI, ืึท ืืืึธืง ืืื ืึท ืคึผืึธืจืืคืขื ืืื ืึท ืืืึธืง ืืื ืงืึธื ืืึทืงื ืืื ืคึฟืึธืจืืึทืฆืืข. ืืื ืงืขื ืืืื ืืขืืืื ืืื ืกืขืงืฉืึทื ื ืึธืืขืจ ืคืฉืื ื ืืฆื ืืืืื, ืื ืืืืคึผื ืืึทื ืืื ืึทื ืึทืืข ืคืืจ ืืืึทืงืก ืืขื ืขื ืื ืืืฆื.
ืืขืกืงืขื ืคืื ืืืืกืืืื ืืื ืืืืกืืืื. ืืขืจ ืืืืืื ืขืจ ืืื ืืขืืืื ืึท ืืึทืืื ืืขืจ ืกืคึผืขืกืืคืืงืึทืืืึธื (ืึทืจืืึทื ืืขืจืขืื ื ืคืืจืื, ืืืคึผืึธืืจืึทืคื, ืงื ืขืคึผื ืฉืืึทืื, ืืื"ื ื) ืฆื ืืึทืื ืขืก ืืจืื ืืขืจ ืคึฟืึทืจ ืงืึทื ืืึทืืืืฅ. ืืื ืื ืื ืึธ ืขืก ืืื ืืขืืืขื ืึท ืึธื ืฆืืืขืจืขื ืืฉ ืืืืฃ ืื ืื ืืขื ืฅ ืืื ืคึฟืขืึดืงืืืื ืคืื ืืขืจ ืขืจืฉืืขืจ ืคืึทืจืฉืืขืื. ืืื ืืื ืืขืืืขื ืืืืขืจ ืฆืืคืจืืื ืืื ืื ืืืื ืืืึธืก ืืึธืื ืืขื ืืืขื ืืื ืืฉืืื ืึทืืข ืื ืืืื ืคืื ืื ืืืืืื ืขืจ: ืคึฟืึทืจ ืืืึทืฉืคึผืื, ืืขืจ ืขืจืฉืืขืจ ืคืึทืจืฉืืขืื ืืึธื ืืึธืื ืืขืืืขื ื ืื ืืืืื ืืงืขืจ ืืื ืื ืืืื ืคืื ืื ืืืืืคึผืึธืจื.
ืึทืืึทืคึผืืืื ืืืืกืืืื - ืืึธืก ืืื ืืืขื ืื ืฆืืืื ื ืืื ื ืื ื ืึธืจ ืืขืืืืื ืึทืืื ืึทื ืืื ืืจืื ืจืขืืึทืืืฉืึทื ื ืึทืืฅ ืืื ืคึผืืงืกืขื ืฆื ืคึผืืงืกืขื ืืื ืืืืกืืืื. ืืื ืื ืืขืจืืืืืื ืฉืืึทืื, ืื ืืืืกืืืื ืืึธื ืืืื ื ืืฉื ืคืึทืื ืืึทืืื ืืขืจ. ืขืืืขืืข ืคืืจืืขืกื ืฆื ืืึทืืจืขื ืขืฆื ืื ืืึทืงืกืืืื ืืจืืื ืคืื ืืขื ืงืึทื ืืืื ืขืจ ืืื ืฉืืขืื ืึทืืฅ ืฆื 1920 ืืืืืฆืขืื, ืขืืืขืืข ืืขืกื ืึทืจืืืฃ ืื ืืึทืงืืจืึทืื ืื, ืึธืืขืจ ืงืืืืขืืืืง ืื ืงืึทื ืืึทืืืืฅ ืงืึธืืคึผื ืืื ืืขื ืึทืจืืขื ืืขืืื ื.
ืกืขืืึทื ืืืง ืืืืกืืืื. "ืืื ืคืืืข ืืึธื ืืึธืื ืืื ืืขืืึธืื ืื ืืืขืื" ืึทื ืื ืืื ืง ืืึธื ืืืื ืืืืืื ื ืืื , ืื ืงื ืขืคึผื - ืืื . ืฆืื ืืืืง, ืจืืึฟ ืงืึทื ืืึทืืืืฅ ืืงืืื ืืขื ืคืึธืืขืจืื ื ืืืื. ื ืื ืึทืืขืืขื ืืขืจืงืขื ื ืื ืคืึทืจืืึธืจืื ืจืฉืืื ืืื ืื ืขืงืกืคึผืขืงืืืืฉืึทื ื ืคืื ืื SRI, ืืืื ืขืก ื ืืฆื ืืืื ืืึทืืก, ืึธืืขืจ ืืึธืก ืืื ื ืืฉื ืึทืืื ืฉืืขืื. ืข ืก ืื ื ืืขืฐืข ื ื ืงืื ืืืืื , ืฐืขืืืข ืจ ืื ื ืืจืฒื ืืขืฉืืขื ื ื ื ืื ืข ืกืขืืึทื ืืืฉ ืข ืืืืก , ืฐื ื ืข ืจ ืื ื ืืขืงืขื ื โ ืฐื ื ืข ืก ืื ื ื ืืืืืง , ืื ื ืฐื ื ืข ืก ืื ื ื ืืฉ ื ื ืืืืืง . ืคึฟืึทืจ ืืืึทืฉืคึผืื, ืึทื ืฉืืึธื ืคืื ืึท ืจืฉืืื - ืืื . ื ืึธื ืึทืืข, ืกืขืืึทื ืืืงืก - ืขืก ืืื ืืืขืื ืฆื ืคึฟืึทืจืฉืืืื ืื ืืึทืฅ ืคืื ืืืื ืืืึทื ืืื ืืขืจ ืฆืื ืคืื ืืขืืขืจ ืืืึธืง (ืื ืืขืจืืืึทื ืืขืจืืื ืขืก ืืึธ), ืืื ืืขืืื ื ืืื ืื ื ืืฆื ืคืื ืคืึทืจ- ืืื / ืึธืืขืจ ืคึผืึธืกืื-ืคึผืจืึทืกืขืกืขืจื (ืขืืืขืืข ืืขืจืืื ืขืก ืืึธ, ืืึธืืฉ ืืึธืก ืืื ืืืื ืืขืืืขื ืืื ืื ืคืื ืงืื - ืจืืึฟ ืึธืคื ืืื ืืขืืืืื ื ืืืืื ืืงืขืจ ืืื ืกืงืกืก).
ืืจืืขืื ืกืืืืืขืจ. ืืื ืื ืึทืกืืื ืืึทื ื ืืืจ ืืขืฉืจืืื ืึทื JS ืงืขื ืขื ื ืื ืืืื ืืขืืืืื ื. ืืึธ ืื ืคืืืืงืืื ืฆื ืกืึธืืืืข ืคึผืจืึธืืืขืืก ืืื ืืขืกืืขื - ืึท ืกืืืืืขืจ ืงืขื ืืืื ืืขืืืื ืืื ืึท ืืื ืื ืคืื ืืื . ืึทืืข ืืึทืืืฉ ืืึทืคึผืึทื ื ืืื ืื ืกืขืืขืงืืึธืจ ืืืจืื #ืงื ืขืคึผื-ืขื: ืึธืคึผืืขืฉืืขืื ~ .ืกืืืืขืจ-ืื ืขืจ .ืกืืืืืขืจ-ืกืืืืื. ืืืขื ืืืจ ืืจืืงื ืืืืฃ ืืืื ืขืจ ืคืื ืื ืึทืจืืึทื ืฉืจืืึทื ืืฉืขืงืงืืึธืงืกืขืก, ืขืก ืืืื ืืื ืื ืึธืคึผืืขืฉืืขืื ืฉืืึทื. ืืืจ ืงืขื ืขื ื ืืฆื ืืขื ืืื ืืึทืฉืืืืขื ืื ืืืืขืจืืขืฆืื ื ืืืึธืก ืืืจ ืืึทืจืคึฟื ืฆื ืืขื ืงืึทื ืืืื ืขืจ ืืื ืื ืกืืืืื: ืืืขืจืืึทืื: ืืืืขืจืืขืฆื (-33%). ืืืจ ืงืขื ืขื ืืขื ืื ืืืคึผืืึทืืขื ืืืืฉืึทื ืคืื ืื ืกืืืืืขืจ .
ืืจืึธืคึผืืึธืืื ืจืฉืืืืช. ื ื ืื ื ืื ื ืืื ื ืื ืฅ ืืจืืคืืขืืืื ืืื ืึท ืขื ืืขื ืกืขืืขืงืืึธืจ: .ืึทืงืึธืจืืืึธื-ื ืืฅ ืึทืจืืึทื ืฉืจืืึทื: ืึธืคึผืืขืฉืืขืื ~ .ืึทืงืึธืจืืืึธื-ืืืื__ ืืื ืืึทืื. ืืืจ ืงืขื ืขื ืืขื ืื ืืืคึผืืึทืืขื ืืืืฉืึทื .
ืึทืืืืืืึทืืืืืื ืคืื: ืืึธืืืขืจ, :ืึทืงืืืืืข ืืื:ืคืึธืงื* ืฉืืึทืื. ื ืืืืขืจ ืืืืืืืง ืคืื ื. ืืจืืืกื ืืขืฉืึทืก ืื ืืขืจืึทืงืฉืึทื ืืื ืื ืฆืืืื ื ืึธืคืขื ืืขื ืืืืฃ ืขืก. ืืขืจ ืืึทื ืืฆืขืจ ืืึธื ืฉืืขื ืืืง ืืึทืงืืืขื ืืึทืืขืจืงืื ืืขื ืืืืฃ ืืืืขืจ ืึทืงืฉืึทื ื. ืืขื ื ืืืขืจ ืืื ืึธืคึผืืขืฉืืขืื ืืขืฉืึทืก ืื ืื ืืขืจืึทืงืฉืึทื ืืื ืื ืึทื ืงืขืืข. ืืืื ืืื ืงืืืงื ืืืืฃ ืื "ืจืืคื ืืืจ" ืงื ืขืคึผื ืืื ืืืืืฉืืืึทืื ืืึธืจื ืืฉื ืืขืืจืืคื (ืืึธืืฉ ืื ืืงืฉื ืืื ืืขืฉืืงื), ืืึธืก ืืื ืฉืืขืื, ืืืืึทื ืืื ืืืขื ืืื ืขืก ืืืืืขืจ ืืื ืืืืืขืจ. ืืื ืึท ืจืขืืืืืึทื, ืืืขื ืืืื ืืขืฉืืงื ืฆืขื ืจืืงืืืขืก ืืื ืืืจ ืืืขื ืืืื ืืขืจืืคื ืฆืืจืืง ืฆืขื ืืื. ืืืจ ืืืื ื ืืฉื ืคืึทืจืืขืกื ืึทื ืจืืจืขืืืืืง ืืขืืืืกืขืก ืืึธื ื ืื ืืึธืื ืึท ืืืื, ืืืึธืก ืืืื ืขืก ืืึธื ื ืืฉื ืืืื ืึท ืืึธืืืขืจ. ืืื ื ืื ื ื ืงืืื ืืืืก ืืื ื ืืฉื ืืขืืืืจืงื ืืืืฃ ืื ืืืืก ืืืื ืืงืืื ืืขืืืขื ืื ื ืงืืื ืืืขืื ืกืขืืึทื ืืืง. ืืืื ืืืื ืงืึธื ืืจืึธื ืืื ื ืืฉื ืึทื ืื ืืขืจืึทืงืืืื ืขืืขืืขื ื, ืืืขื ืืืจ ืืึทืืืขืจ ืืืืขืจ ืืื, ืืขืจ ืืืืคึฟืขืจ ืืืขื ืืืืืื ื ืึธืจืืึทื. ืขืก ืงืืงื ืืืืขืจ ืืื ืืืืืง, ืืคืืื ืืืื ืืืจ ืืึธื ืืขืฉืจืืื ืึท ืึธืคึผืจืืฃ ืฆื ืืึธืืืขืจ. ืื ืืืืกื ื ืืฉื ืึทื ืืขืจืขืกืืึทืืึทื ืืืืคึฟืขืจ: ืืืึทืื.
ืึทื ืึทืืืืฉืึทื ื. ืขืก ืืื ืืืืืืืง ืึทื ืึทืืข ืจืืึทืงืฉืึทื ื ืืื ืื ืขืืขืืขื ืื ืืขื ืขื ืืืึทื. ืืึธืจื ืืฉื ืืื ืืขืื ืืื ืื ืกืืึทื ืืึทื ืืึทืก, ืึทืืื ืืจืึทื ืืืฉืึทื ื ืืืืฃ ืืึธืืืขืจ ืืื ืึทืงืืืื ืืื ืืขื ืื ืฆื ืืึทืื ืื ืฆืืืื ื ืืขืจ ืึธื ืืขื ืขื. ื ื, ืื ืืืึธืก ืึทื ืืืึทืืขื ืื ืกืืืืืขืจ ืืื ืจืฉืืืืช ืืขื ืขื ืืืื ืืจืืืก.
ื ืืฆื ืื ืืขืฆื ืืขืื ืึธืืึธืืืข. ืคืืืข ืืขื ืืฉื ืืขืืืืื ื ืคืืขืงืก, ืึธืืขืจ ืงืืื ืืืื ืขืจ ืืขืขื ืืืงื ืื ืึทืจืืขื ืืื ืืจืื. ืื ืคืื ื ืืื ืืขืจืขืื ื ืืืื ืคืืขืงืก ืืื ืืขืืืืื ื ืจืืืืืง. ืืืื ืขืจืืขืฅ ืื ืืืืกืืืื ืืื ืืขืืืขื ืืึทืืื ืืขืจ ืืืืึทื ืคืื ืื ืืืืขืจ ืคืืขืงืกืึทื, ืืืื, ืืืจ ืืื ื ืืฉื ืืึทืงืืืขื ืงืืื ื ืึธื ืคืื ืงืื.
ืคืึธืจื ืืืึทืืึทืืืืฉืึทื. ืึทืืข ืืืึธืก ืืื ืคืืจืืื ืื ืืื ืฆื ืืืืื ืื ืคืืจืืื ืื ืึทืืจืืืืื ืฆื ืืขืืขืจ ืึทืจืืึทื ืฉืจืืึทื ืคืื ืื ืคืึธืจืขื. ืืืจ ืืึธืื ืฆืืืขืืขืื ืคืื ืงืื ืฆื ืื ืืืึธืก ืืืึทืืึทืืืืืึทื ืื E- ืืจืืื ืคืขืื ืืื E- ืืจืืื.
ืกืืืืื ื ืื ืืขืงืข ืืคึผืืึธืึทื ืงื ืขืคึผื. ืืืจ ืืขืจืืืึทืจื ืฆื ืืขื ืึท ืงืึธืืืื ืึทืฆืืข ืืื: ืืื ืืืืกืงืืืึทืื ืืขืงืข . ืืืืึทืืขืจ ืืืจ ืืึทืจืคึฟื ืฆื ืืึทืืึทืืื ืื ืึทืจืืึทื ืฉืจืืึทื ืืื ืกืืื ืื ืคืืจืืข. ืขืก ืืื ืื ืื ืืขืจ ืคึผืจืึธืกื ืืืขื - ืฆื ืืึทืื ืึท ืืจืึทื ืกืคึผืขืจืึทื ื ืึทืจืืึทื ืฉืจืืึทื ืืื ืฉืืขืื ืขืก ืืืืฃ ืฉืคึผืืฅ ืคืื ืื ืงื ืขืคึผื. ืึธืืขืจ ื ืื ืึทืืข ืืจืึทืืืขืจื ืืึธืื ืกืืืืื ื , ืืื ืึทืืึท ืึท ืืืืืื ื ืงืขื ืขื ื ืื ืืืื ืืขืจืืคึฟื ืืึธืจ ืงืจืืึทื ืืืขืืขืจืขืจ. ืืื ืขืก ืืื ืกืขืืึทื ืืืงืึทืืื ืืขืจ ืจืืืืืง ืฆื ืืึทืื ืึท ืคืืจืืข.
ืงืจืืึทื ืืืขืืขืจืขืจ ืงืึทืืคึผืึทืืึทืืืืึทืื. ืืืจ ืงืึธื ืืจืึธืืืจื ืึทื ืึทืืฅ ืืื ืืื ืืื ืื ืฆืืืื ืืขืฆืืข ืืืขืจืกืืขืก ืคืื ืืึธืืขืจื ืืจืึทืืืขืจื (ืึธื ืืืืกื - ืืึทืืืืืง ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ), ืืื ืืขืืื ื ืืื ืืื Safari ืืืืฃ ืืคืึธื ืขืก ืืื ืงืจืึธืื ืืืืฃ ืึทื ืืจืืื.
ืืืืฃ ืื ืคืึทืจืงืขืจื, ืืืจ ืืืืึทืงืืื ืืืืืื ืืืื ืขืืขืฆืขืจ ืืขืืืืื ื JS ืึธืืขืจ Bootstrap: ืืืืืข ืคืื โโืืื ืืืึธืื ืืึทืืืื ืืขื ืฆืื ืคืื ืื ืืื ืฆืข ืึทืจืืขื. ืืขืจืฆื, ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ ืืื Bootstrap ื ืื ืืืืื ืืืงืืืขื ืึท ืืื ืืก, ืึธืืขืจ ืืืื ืคืึทืจืคืึทืื ืคืืืข ืคืื ืงืื ืคึฟืึทืจ ืกืขืืึทื ืืืงืก ืืื ืืืคึผืืึทืืขื ืึทื ืขืืขืืขื ืื.
ืื ืืืึธืก ืืึธืื ืืึธืืกืืื ืืืืขืจ ืคึผืืึทืฅ ืขืจืืขืฅ ืืืืฃ ืืขืจ ืืื ืืขืจื ืขืฅ, ืืึธืื ื ืืฉื ืืึทืงืืืขื ืงืืื ืืึทืืื ืืขืจ ืืืึทืืข - ืึธืืขืจ ืื ืจืืืืืืขืจื ืืขื ืขื ืืืืขืจ ืฆืืคืจืืื ืืืขื ืืื ืืึธืื ื ืืฉื ืืึธืื ืฆื ืึธืคึผืืึธืืืจื ืจืืคึผืึทืืึทืืึธืจืื ืืื ืืืืคื ืืื ืืึธืืงืึทืื ืืืืฃ ืืืืขืจ ืงืึธืืคึผืืืืขืจ. ืึทืืื ืืึธืก ืืขืืื ื ืืื ืึท ืคึผืืืก ืคึฟืึทืจ ืงืึทืจืืึท.
ืืขืจ ืขืจืฉืืขืจ ืึทืจืืขื ืืื ืืขืืืขื ืืืืขืจ ื ืืฆืืง ืืคึฟืจื ืคึฟืึทืจ ืื ืชึผืืืื. ืื ืืืึธืก ืืืจ ืืึธืื ืืืฆื ื ืืฉื ืื ืืขื ืืืขื ืืึธืื ืึท ืฆืืืขืืจืืื ืจืขืืึทืืื ื - ืืืจ ืงืขื ืขื ืฉืืืืฅ ืฆืืืฉืขืคึผืขื ืขืก ืฆื ืึทืืข ืจืขืกืคึผืึธื ืกืขืก ืึธืืขืจ ืคึผืึธืกืื ืขืก ืืืืฃ ืืืื gh- ืืืขืืขืจ.
ืึทืจืืขื 2: ืึทืจืืืขืจืคืืจื ืืึทืจืฉืจืื
ืืขืจ ืืืืจ ืคืื ืืขืจ ืึทืจืืขื ืืื ืืขืจ ืืืืคึผื ืคืื ืืขืจ ืืืื ืื ืืขืจืคืืืกืื ืืจืืคึผืข Denis Balyko.
ืฆืืฉืืึทื ื
ืฆื ืืืจ ืืึธืื ืึท ืฉืืขืจื ืืึทืคึผืข? ืขืก ืืืืืื ืื ื ืึธืืขื ืคืื ืืขืืขืจ ืฉืืขืจื, ืืื ืืขืืื ื ืืื ืื ืืืืึทืืงืืื ืคืื ืืื ืฆื ืื ืืขืจืข ืฉืืขืจื ืืื ืืืื ืกืขืงืื ืืขืก. ืื ืกืืจืืืขื ื ืื ืืืืืื ื ืคึฟืื ืงืฆืืข, ืืืึธืก ืืึธื ื ืขืืขื ืืจืื ืึทืจืืืืขื ืื: ืึท ืืืืคืขืฅ ืืื ืืืึธืก ืื ืฉืืืกืืขื ืืขื ืขื ืื ื ืขืืขื ืคืื ืื ืฉืืขืจื, ืืื ืื ืืืึทืืืขืก ืืขื ืขื ืื ืืืกืืึทื ืกืึทื ืฆื ืื ืฉืืขืจื (ืืืื-ืืืขื ืคืึทืจืงืขืจ ืืื ืคึผืืึทืฅ), ืืื ืืขืืื ื ืืื ืื ื ืขืืขื ืคืื ืื ืฉืืขืจื. ืื ืกืืึทืจืืื ื ืืื ืกืึธืฃ ืคืื ืงืื ืคืื ืืขื ืืจื - ืจืืกืคึผืขืงืืืืืื ืึธื ืืืื ืืื ืขื ืืืงื. ืื ืคึฟืื ืงืฆืืข ืืึธื ืฆืืจืืงืงืืืขื ืื ืฉืึธืจืืืกื ืืืืึทืืงืืื ืคืื ืื ืึธื ืืืื ืฉืืขืจื ืฆื ืื ืขื ืืืงื ืฉืืขืจื ืืื ืื ืืืขื ืฆื ื ืึธืืคืึธืืื.
ืคืื ืงืฆืืข ืืกืืืข:
const solution = function(graph, start, finish) { // ะะฐัะต ัะตัะตะฝะธะต }ืืืึทืฉืคึผืื ืึทืจืืึทื ืฉืจืืึทื ืืึทืื:
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';ืืืึทืฉืคึผืื ืจืขืืืืืึทื:
{ distance: 90, path: ['start', 'A', 'D', 'finish'] }ืืึทืืขืจืงืื ื: ืื ืืืืืื ื ืกืงืขืืขื ืืื ืืื ืื src/ ืืขืงืข, ืฉืืขืื ืืืื ืืืืืื ื ืืื solution.js.
ืื ืืืขืจืึทืคืึทืงืืืฉืึทื ืคืื ืื ืจืืข ืึทืจืืขื ืืื ืืขืืืขื ืื ืืขืจืกื ืึธืืึทืืืืืื ืืื ืึธืืืขืงืืืื. ืจืืึฟ ืคืื ืื ืืืื ืืขืกื ืึทื ืขืก ืืื ื ืืืืืง ืฆื ืื ืกืืจืืืขื ื ืื ืึทืืืขืจืืืึทื ืคืื Dijkstra. ืื ืืืึธืก ืืึธืื ืืขืคึฟืื ืขื ืืืื ืืึทืฉืจืืึทืืื ื ืืื ืืืคึผืืึทืืขื ืึทื ืื ืึทืืืขืจืืืึทื ืืื JS ืืขื ืขื ืืขืืื ื ืืขืืื. ืืืข ืจ ื ืฒ ื ื ืืืืคืืืืื ื ืืื ื ืื ืจ ืืขืืจืืค ื ืคื ื ืคืืคืืจื , ืื ื ื ื ืืขืื ืข ืืขืืชืื . ืืืจ ืืขืืืื ืื ืืื ืืขืจื ืขื ืคึฟืึทืจ ืงืึธื ืคืจืึทืืืึทื ืฅ ืืื ืืขืคืื ืขื ืึทื ืึทืจืืืงื ืคืื ืืืึธืก ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ ืงืึทืคึผืื ืื ืึทืืืขืจืืืึทื. ืขืก ืืื ืืึธืื ืข ืึทื ืคืืืข ืืขื ืืฉื ืงืึทืคึผืื ืื ืงืึธื ืคืื ืืขื ืึทืจืืืงื ืฆืืืึทืืขื ืืื ืืขื ืืืืจ 'ืก ืืึทืืขืจืงืื ืืขื. ืึทืืขืืืข ืืืขืจืง ืืึธืื ืืึทืงืืืขื ืึท ื ืืืขืจืืง ืืขืืฉืื. ืืืจ ืคืืจืืืื ื ืืฉื ืื ื ืืฆื ืคืื ืงืืื ืืงืืจืื, ื ืืจ ืืืจ ืืืืื ืื ื ืืขื ืืฉ ืืื ืืื ืืจืืื ืืืื ืืื ืืขื ืืืืก ืขืจ ืฉืจืืืื.
ืงืจืืืขืจืืึท
ืืืืคึผื ืคืื ืงืื ืืขื ืขื ืึทืืืึธืจืืื ืคึฟืึทืจ ืืขืกืฅ. ืืื ืขืก ืืื ืืขืืืขื ืงืืึธืจ ืึทื ืื ืืืื ืืขื ืขื ืืขืกืื ื ืืื ืื ืจืืคึผืึทืืึทืืึธืจื, ืจืื ืืืืื ื ืคืึธืืืขืจืก, ืืื ืืขืกืฅ ืืืึธืื ืืืจืืคืึทื ืคืฉืื ืืืืึทื ืืื ืงืขื ื ืืฉื ืืขืคึฟืื ืขื ืื ื ืืืืืง ืืขืงืขืก. ืืึธืก ืืึธืจ ืืึธืื ืืืจ ืืขืคึผืจืึผืืื ืืขืืคึฟื ืึทืืขืืืข ืืืืจืื ืืื ืืึธืื ืคึฟืึทืจ ืืื ืึทืืฅ ืืืืืขืงืขืจื ืืืืฃ ืืฒึทื ืึธืจื. ืึธืืขืจ ืืืืึทืืขืจ ืืึธืจ ืืืจ ืคึผืืึทื ืฆื ืืึทืฉืืืืขื ืฆื ืึท ืงืึธื ืงืืจืก ืกืืกืืขื, ืืื ืืึธืก ืืืขื ื ืื ืืืื ืืืื ืืขืจ.
ืขืก ืืขื ืขื ืืืื ืืขืืืขื "ืืขื ืืฉืืขื", ืืึทื ืืึทื ืงืจืืืืืจืืึท. ืคึฟืึทืจ ืืืึทืฉืคึผืื, ืื ืืืึทืืืึทื ืคืื ืึท ืืืื ืงืึธื ื ืืกื. ืงืืื ืขืจ ืืืืึทืงืืื ืืืืืื ืคึฟืึทืจ ื ืืฆื ืืึทืืก ืึทื ืฉืืึธื ืคืื ืกืคึผืืืกืึทื ืึธืืขืจ ืืืืฆืข ืืืขืจืกืึท. ืขืก ืืื ืื ืื ืืขืจ ืขื ืื ืืืื ืืืจ ืืืึทืื ืืืื ืืขืจ ืจืื ืืืื ืงืืืึธืืขืก ืืื ืืึธืคึผื ืงืืืึธืืขืก ืืืื ืืืื ืืขืจืฉื ืืืงืื ื ืฆื ืืืจ, ืืื ืฉืืขืื ืกืขืืืงืึธืืึธื ืก ืจืึทื ืืึทืืื.
ืื ืงืืขืจืืื ืืื ืจืืืึทืืืืืื ืคืื ืื ืืืืืื ื ืืขื ืขื ืืขื ืืืขื ืืื ืืฉืืื ืกืขืคึผืขืจืึทืืื. ืืื ืึทืืข ืงืึทื ืคืจืึทื ืกืึทื ืืื ืืขืจ ืืืขืื, ืืื ืืึธืื ืึทื 80% ืคืื ืื ืึทืจืืขื ืคืื ืึท ืคึผืจืึธืืจืึทืืืกื ืืืฉืืืื ืคืื ืืืืขื ืขื ืื ืงืึธื ืคืื ืื ืืขืจืข ืืขื ืืฉื. ืืคืืื ืกืงืืืืฉืืืืจืึทื ืืืจืืืืื ืงืึธื ืืืจืืืื - ืคืื ืืืืขืจ ืงืืจืึทืืึธืจืก ืืื ืคืื ืืขืืขืจ ืื ืืขืจืขืจ. ืึทืืื ืืขื ืงืจืืืขืจืืึธื ืืขืคืืจื ืืึทืืืืืืง ืืืึธื. ืขืก ืืขื ืขื ืืขืืืขื ืืืขืจืง ืืื ืืืึธืก ืขืก ืืขื ืขื ืงืืื ืืืขืจืืึทืืึทืื ืืขืจ ืืื ืืืื ืืึทืจืึทืงืืขืจ - ืืืืข ืืึธื ื ืื ืืึธื ืืึธืก. ืื ืืึทืืขืจืงืื ืืขื ืคืื ืื ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ ืืขื ืขื ืืขืืืขื ืืืืขืจ ืื ืงืขืจืึทืืืฉืื ื - ืืื ืึท ืืืกื ืขื ืคืื ืื ืืืึธืก ืืขื ืขื ืืขืืืขื ืืืืขื ืืงืึทื ืฆื ืกืืขืืึท ืืฉืึทื ื ืก ืืึทืืขืจืงืื ืืขื.
ืื ืืขืฆืืข ืงืจืืืขืจืืึธื ืืื ืื ืืืึทืืืึทื ืคืื ืึทืืืึธืืขืกืืก. ืืืืื ืึท ืืืกื ืืขื ืืฉื ืฆืืืขืืขืื ืืื, ืึธืืขืจ ืคึฟืึทืจ ืึทืืขืืขื ืขืก ืืื ืืขืืืืจื ืึท ืจืืืืง ืคึผืืืก ืืื ืืืืขืจ ืงืึทืจืืึท.
ืจืืืืืงืข ืืืืืื ื:
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: ืขืืืขื ื ืงืึทืืขื ืืึทืจ
ืขืก ืืื ืืขืืืขื ืฆืืืขืืจืืื ืืืจื ืฆืืืื ื ืืขืืืขืืึธืคึผืขืจืก ืกืขืจืืื ืงืึทืืึทืงืึธืื ืืื ืืืขืงืกืื ืืขืจ ืคึผืึธืืกืงืจืขืืงืื.
ืฆืืฉืืึทื ื
ืฉืจืืื ืึท ืืื ื ืงืึทืืขื ืืึทืจ ืฆื ืืืืึทืื ืืืื ืคึผืืึทื. ืืืจ ืงืขื ืขื ื ืขืืขื ืงืืื ืคึผืืึทื ืืืจ ืืื. ืืืฉื, ืืขืจ ืคึผืืึทื ืคืื ืคืจืึธื ืืขื ื ืงืึทื ืคืจืึทื ืกืึทื ืืื 2019.
ืืขืจ ืงืึทืืขื ืืึทืจ ืืึธื ืงืืงื ืืื ืึท ืจืฉืืื. ืขืก ืืขื ืขื ืงืืื ืื ืืขืจืข ืคึผืืึทื ืืืืขืจืคืขื ืืฉื. ืืึทืื ืขืก ืืขืืืขื ืฆื ืฉืืขืื ืืขืฉืขืขื ืืฉ ืจืืืืื ืืขืจื 3, 7 ืืื 14 ืืขื ืืื ืฉืืืึทืื. ื ืึธื ืืขืจ ืขืจืฉืืขืจ ืืจืืคืงืืคืืข ืคึฟืื ืืขืจ ืืื ืืขืจื ืขืฅ, ืืขืจ ืงืึทืืขื ืืึทืจ ืืึธื ืขืคืขื ืขื ืืื ืคืื ืงืฆืืึธื ืืจื ืึธืคืคืืื ืข.
ื ืืฆืืง ืจืขืกืึธืืจืกืขืก
ืคืจืึธื ืืขื ื ืงืึธื ืคึฟืขืจืขื ืฅ ืคึผืืึทื:
ืกืขืจืืืืก ืืืขืจืก:
ื ืึธืืืคืืงืึทืืืึธื ืก ืึทืคึผื:
ืื ืืจืื ืึทืจืืขื ืืื ืืขืืืขื ืื ืืขืจืกื ืืฉืืงืึทืืืข ืฆื ืคึผืจืืืืจื, ืืืืึทื ืขืก ืืขื ืขื ืืขืืืขื ืึทืืื ืคืืืข ืืขืืืขื ืกืึทืืืฉืึทื ื, ืืขืืขืจ ืืื ืืืืขืจ ืืืืื. ืืืจ ืืึธืื ืืืจืืืขืงืึธืื ืืื ืืขืจ ืงืึทื ืืืืึทื ืืึทื ืืื ืืื ืืืืืึทืงืึทื ืืข ืืขืงื ืึทืืึทืืืฉืื - ืฆื ืขืจ ืืืืืกื ืืื ืฆื ืคืึธืจืฉื, ืฆื ืขืจ ืคึผืจืึธืืืขืก ืืืื ืกืึทืืืฉืึทื ื.
ืงืจืืืขืจืืึท
ืคืึธืืืืื ืงืึทืืขื ืืึทืจ. ืื, ืขืก ืืื ื ืื ืืขืืืจืคื ืืืืกืืฒืื. ืขืก ืืขื ืขื ืืืื ืืขืืืขื ืื ืืืืก ืืึธืื ืืขื ืืืขื ืื ืฆืืฉืืึทื ื ืฆื ืืืฉ ืืื ืืึธืื ื ืืฉื ืึทืจืืึทื ืืืืื ืึท ืืืื ืฉืืจื ืคืื CSS ืงืึธื. ืขืก ืืื ื ืืฉื ืงืืงื ืืืืขืจ ืึทืืจืึทืงืืืื, ืึธืืขืจ ืืืื ืึทืืฅ ืืขืืจืืขื, ืื ืคืื ืงืื ืืึธืื ื ืืฉื ืคืึทืจืงืืขื ืขืจื.
ืืึทืงืืืขื ืึท ืจืฉืืื ืคืื ืืขืฉืขืขื ืืฉื ืคึฟืื ืึท ืืงืืจ. ืืึธืก ืืื ื ืืฉื ืึทื ืืืืกืืืื ืึทืจืืขื, ืึทืืื ืื ืจืฉืืื ืคืื ืืขืฉืขืขื ืืฉื ืึทืจืืึทื ืืขืจืขืื ื ืืื ืขืก ืืื ื ืืฉื ืืขืจืขืื ื. ืืืจ ืงืขื ื ืฉืืขื ืืืง ืืึธืื ืืึทืื ืึท ืืืฆืื ื, ืจืืกืงืืืึทื ืขืก ืึธืืขืจ ืืืืื ืึท ื ืืึทืข. ืึทืืื ืขืก ืืื ื ืืืืืง ืฆื ืืึทืงืืืขื ืืึทืื ืคึฟืื ืื ืึทืจืืืก ืืื ืืึทืื ืื ืืืืกืืืื ืืืืืจื ืืืืฃ ืื ืืืงืืืขื JSON. ืขืก ืืื ืืขืืืขื ืืืืืืืง ืฆื ืืึทืงืืืขื ืื ืืึทืื ืืื ืงืืื ืืืขื (ื ืืฆื ืื ืืจืขื ืืขื ืืืคึฟื ืึธืืขืจ ื ืืฆื XMLHttpRequest). ืืืื ืึท ืืขื ืืฉ ืืื ืฆืืืขืืืืื ืึท ืคึผืึธืืืคืืื ืคึฟืึทืจ ืืจืขื ืืขื ืืื ืื ืืขืฆืืืื ื ืืืื ืืจืืจื ืืื ืื ืืืืขื ืขื, ืืึธืก ืืื ืืขืจืขืื ื ืืื ืึท ืคึผืืืก.
ืกืขืจืืืืก ืึทืจืืขืืขืจ ืจืขืืืกืืจืึทืฆืืข ืึธื ืขืจืจืึธืจืก ืืื ืึทืจืืขื ืึธืคืคืืื ืข ื ืึธื ืืขืจ ืขืจืฉืืขืจ ืืจืืคืงืืคืืข. ืืื ืกื ืึทืจืืขืืขืจ ืืื ืคึผืืึทื ืงืึทืืฉืื ื ืืืืฃ ืขืจืฉืืขืจ ืฉืืืืื. ืืขืืึทืืืก ืืืขืื ืืื ืกื ืืืึธืจืงืขืจืก, ืืืืขืจ ืงืืืคึผืึทืืืืึทืืื ืืื ืืืขืื ืฆื ืึทืจืืขืื ืืื ืืื (ืกืืจืืืขืืืข ืคึฟืึทืจ ืืจืืขืื ืืื ืงืึทืืฉืขืก, ืืจืืขืื ืึธืคืคืืื ืข) ืงืขื ืขื ืืืื ืืขืคึฟืื ืขื ืืึธ.
ืคืืืืงืืื ืฆื ืฉืืขืื ืึท ืืขืจืืึธื ืื ืืึทืืื ืึทื ืขืก ืึทืงืฉืื ืึทืจืืขื ื ืึธื 3, 7, 14 ืืขื. ืขืก ืืื ื ืืืืืง ืฆื ืคึฟืึทืจืฉืืืื ืื ื ืึธืืืึทืคืึทืงืืืฉืึทื ื ืึทืคึผื, ืืื ืืขืืืขื ืจืขืื ืืืืฃ ืึทืจืืขื. ืืืจ ืืึธืื ื ืื ืืขืจืืืึทืจืื ืงืืื ืกืคึผืขืฆืืคืืฉ ืืืคึผืืึทืืขื ืืืืฉืึทื ืฆื ืงืึธื ืืจืึธืืืจื ืฆื ืขืก ืืื ืฆืืื ืฆื ืฉืืืคึผื. ืงืืื ืึทืจืืขื ืึธืคึผืฆืืข ืืื ืืขืืืขื ืื ืืขื ืืืขื: ืกืืึธืจืืืืฉ ืืื ืืึธืงืึทื ืกืืึธืจืืืืฉ, ืื ืืขืงืกืื ืึธืืขืจ ืคึผืขืจืืึธืืืฉ ืคึผืึธืืืื ื ืืืจื ืึท ืกืขืจืืืืก ืึทืจืืขืืขืจ. ืขืก ืืื ืืคืืื ืืขืืืขื ืฆื ืืึทืื ืึท ืฉืืืคึผ ืกืขืจืืืขืจ (ืืึธ ), ืึธืืขืจ ืขืก ืืืึธืื ื ืืฉื ืึทืจืืขืื ืึธืคืคืืื ืข. ืขืก ืืื ืืขืืืขื ืืืืึทื ืืืืืืืง ืฆื ืืึทืงืืืขื ืึท ืฉืืืคึผ ื ืึธื ืืขื ืืืึทื ืืื ืืขืืืขื ืคืืจืืืื - ืืื ืืขืขืคื ื ื ืึธื ืขืืืขืืข ืืึธื. ืืืื ืื ืืขืจืืึธื ืื ื ืืื ืืขืฉืืืจืื ืืื ืืขืจ ืืขืืืืงืขืจ ืฆืืื ืืืขื ืื ืืืึทื ืืื ืืขืืืขื ืคืืจืืืื, ืื ืืืืืื ื ืืื ื ืืฉื ืืขืจืขืื ื. ืขืก ืืื ืงืื ืืืขื ืื ืืืื ืืขืืึทื ืง ืืืขืื ืื ืจืืืืืืขืจื ืืื ืืขืืืื ืขืก ืืขืืืขื ืฆื ืืึทืงืืืขื ืึท ืฉืืืคึผ ืจืขืื ืืืฆื - ืึทืืื ืืื ื ืืฉื ืฆื ืืืึทืจืื 3 ืืขื.
ืคืืืืงืืื ืฆื ืฉืืขืื ืึท ืืืงืึทื ืืืืฃ ืื ืืขืกืงืืึทืคึผ (PWA). ืืืจ ืึธืคึผืืขืฉืืขืื ืื ืืืึทืืืึทื ืคืื ืืขืจ ืืขืงืข ืืื ืื ืจืืืืืง ืืืงืึทื ื. ืขืืืขืืข ืืืื ืืขืืืื ืืขื ืืขืงืข (ืึธืืขืจ ืืื ืงืก ืขืก ืืืฉืขื ืขืจืืืืึทื ืืื CreateReactApp) - ืึธืืขืจ ื ืืฉื ืฆืืืขืืืืื ืื ืจืืืืืง ืืืงืึทื ื. ืืขืจื ืึธื, ืืืขื ืืจืืื ื ืฆื ืื ืกืืึทืืืจื, ืึท ืืขืืช ืืื "ืึท ืึทื ืืขืจืฉ ืืืืื ืืื ืืืจืฃ" ืืื ืคืืจืืขืงืืืขื.
ืงืึธืืขืกืืืืข ืืื ืคึผืจืืืขืงื ืกืืจืืงืืืจ. ืืื ืืื ืืขืจ ืฆืืืืืืขืจ ืึทืจืืขื, ืืืจ ืืขืงืืงื ืืืืฃ ืึท ืืืื ืงืึธื ืกืืื (ืึทืคึฟืืื ืืืื ืขืก ืืื ื ืืฉื ืฆืื ืืืคืคืึทืื ืืื ืืื ืืืขืจ). ืขืืืขืืข ืืืื ืกืงืจืื ืืืืฃ ืืืืขืจื - ืืึธืก ืืื ืืจืืืก.
ืงืึทื ืกืึธืื ืขืจืจืึธืจืก. ืืืื ืขืก ืืื ืืขืืืขื ืึท ืืจืืื ืจืขืื ืืื ืื ืงืึทื ืกืึธืื ืึทื ืขืคึผืขืก ืืื ืคืึทืืฉ, ืืื ืืขืจ ืืึทืืืืืืงืืขืจ ืืื ื ืืฉื ืืึทืฆืึธืื ืืคืืขืจืงืืึทืืงืืื ืฆื ืขืก, ืืืจ ืืืืึทืงืืื ืคืื ืงืื.
ืจืขืืืืืึทืื ืคืื
ืืืึธืก ืืื ืืึธืื ืข ืืืขืื ืื ืืืกืืืฉืึทื ื ืคืื ืื ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ:
- ืืืื ืึทื ืงืขืืข ืึผืืื ืื ืคืืืืขื ืืข ืืขืงืกื: "ื ืคึผืจืึธืืจืึทืืืกื ืคืจืืึทื ื ืืขืืึธืืคึฟื ืืืจ ืฉืืขืื ืฆืืืึทืืขื ืึท ืจืขืึทืงื ืึทืคึผืืึทืงืืืฉืึทื. ืืื ืืื ืืื ืืืืืืจืืืจื โโืืื ืคืจืืืขืก ืืืืืืื ืืื ืคืืจืืืืก, ืืื ืขืจ ืืื ืืืจ ืืขืืืื. ืืื ืืึธื ืขืก ืืึทืงืข ืืื, ืืื ืืืื ืืืืกื ืืขืจ ืืขืจืคืื. โ ืืืจ ืืขื ืขื ืืืึธืจืฆื ืคึฟืึทืจ ืืขื ืึทืคึผืืึทืงืืืฉืึทื ืืื ืึทืืข ืืื ืืืขืจ ืืขืจืฆืขืจ, ืึธืืขืจ ืืืืืขืจ, ืืขืจ ืคืจืืึทื ื ืคืื ืื ืงืึทื ืืืืึทื ืืื ื ืืฉื ืืืืขืจ ื ืืฆืืง ืฆื ืืึทืื ืื ืึทืคึผืืึทืงืืืฉืึทื ืึทืจืืขื.
- ืืืื ืงืึทื ืืืืึทื ืืึธื ืืขืฉืืงื ืึท ืืื ืง ืฆื GitHub, ืืืึผ ืื RAR ืึทืจืงืืืื ืืื ืืขืืืขื ืืขืคึฟืื ืขื - ืขืก ืืื ืฉืืืขืจ ืฆื ืืึทืืขืจืงื ืืืืฃ ืืขื. ๐
- ืื ืื ืืขืจ ืงืึทื ืืืืึทื, ืืื ืืขืจ ืืึทืืขืจืงืื ื ืืืืฃ ืืขืจ ืขืจืฉืืขืจ ืฉืืจื ืคืื ืื ืืืืืื ื.ืืืฉืก ืืขืงืข, ืืึธื ืขืกืืื ืึทืืืืืึทื ืึทื ืขืจ ืงืึทืคึผืื ืื ืึทืืืขืจืืืึทื.
ืืืจ ืืึธืื ืืืงืืืขื ืึทืคึผืืึทืงืืืฉืึทื ื ืคืื 76 ืงืึทื ืืึทืืืืฅ ืืื ืืืืกืืขืงืืืื 23 ืืขื ืืฉื. ืืขื ืืึธื ืืื ืื ืืขืฉืืงื ืึทื ืงืขืืข ื ืื ื ืึธืจ ืคึฟืื ืืื ืกืง, ื ืึธืจ ืืืื ืคึฟืื ืืึธืกืงืืืข, ืคึผืขืืขืจืืืจื ืืื ืึทืคึฟืืื ืืึทืืึทืจืกืืึทื. ืขืืืขืืข ืคืื โโโโืื ืืืื ืืึธืื ืืื ืื ืกืึทืคึผืจืืืื ืืื ืืืืขืจ ืงืจืึทื ื ืคืึทื: ืืืื ืขืจ ืคืื ืืื ืืื ืึท ืคืึธืจืขื ืกืืง ืืืืื, ืืื ืืขืจ ืฆืืืืืืขืจ ืืื ืึท ืืขืืืฆืื ืืฉ ืชึผืืืื.
ืืขืจ ืจืขืืืืืึทื ืืื ืืขืืืขื ืึท ืืฉืืงืึทืืืข ืคืึทืจืฉืคึผืจืืืืื ื ืคืื ืืฆืืื ืจืึทืืขืก ืืื ืงืึทืืคึผืืืืื ื ืืึทืกืงืก. ืื ืคึผืึทืจืืืกืึทืคึผืึทื ืฅ ืืึธืื ืืืจืืืขืงืึธืื ืื ืขืจืฉืืขืจ ืึทืจืืขื ืืื ืึท ืืืจืืฉื ืืืืขื ืคืื 60%, ืื ืจืืข ืืื 50%, ืืื ืื ืืจืื ืืื ืืขืืืขื ืื ืืขืจืกื ืฉืืืขืจ ืืื ืืื ืืขืืืขื ืืขืขื ืืืงื ืืื ืึท ืืืจืืฉื ืืืืขื ืคืื 40%.
ืืื ืขืจืฉืืขืจ ืืืืง, ืื ืืึทืกืงืก ืงืืงื ืงืึธืืคึผืืืฆืืจื ืืื ืฆืืื-ืงืึทื ืกืืืื ื. ืื ืกืืื ืืื ื ืืฉื ืึทื ืืืจ ืืืืื ืฆื ืืืกืืืืื ืืื ืคืืืข ืงืึทื ืืึทืืืืฅ ืืื ืืขืืืขื. ืืขืฉืึทืก ืืืืขืจ ืฉืืืืืื, ืกืืืืขื ืื ืืขื ืขื ืคืืืกื ืืื ืคืึทืงืืืฉ-ืืขืื ืืึทืกืงืก - ืืึทืื ืึท ืฉืืืขืก, Yandex.Music ืคึฟืึทืจ ืงืื ืืขืจ ืึธืืขืจ Yandex.Weather ืคึฟืึทืจ ืืืขืืขืจ-ืึธืคืขื ืืืง ืืขื ืืฉื. ืคึฟืึทืจ ืืขื ืืืจ ืืึทืจืคึฟื ืึท ืกืืึทืจืืื ื ืืึทืืข.
ืืื ืืขืืขื ืง ืึทื ืืื ืืึธื ืืขืืขื ืืืื SRI ืึทืจืืึทื ืืึทื ื ืึทืจืืขื ืืื ืฆืืืื ืืึธืจ ืฆืืจืืง ืืื ืืขืืึทื ืง ืึทื ืืื ืืืึธืื ืงืืื ืืึธื ืกืึธืืืืข ืขืก. ืื ืืืืคึผื ืืึทื ืืื ืืขื ืืึธืืขื ื ืืื ืฆื ืืืฆื ืึทืจืึธืคึผ, ืงืขืจืคืึทืื ืืืืขื ืขื ืื ืืืืื ืืื ืืขื ืืื ืึธื ืืืืื ืฆื ืืึธื ืขืก. ืขืก ืืืจื ืก ืืืืก ืึทื ืื ืืืืื ืืื ืืขื ืึทื ืืืึทืืื ืึผืืขื 80% ืคืื ืื ืืืืืื ื. ืคึฟืึทืจ ืืืึทืฉืคึผืื, ืืื ืื ืฆืืฉืืึทื ื ืคืื ืื ืืจืื ืึทืจืืขื (ืื ืืขืจืกื ืฉืืืขืจ), ืืืจ ืฆืืืขืืขืื ืืื ืงืก ืฆื ืกืขืจืืืืก ืืืึธืจืงืขืจืก ืืื ื ืึธืืืึทืคืึทืงืืืฉืึทื ื ืึทืคึผื ืืืืฃ MDN. ืกืืืืขื ืื ืืืึธืก ืืึธืื ืืขืืขืจื ื ืืขื ืืื ืืึทืื ืคืื ืื ืคึฟืึทืจืืื ืืื ืืขื ืืึธืื ืขืก ืืขืขื ืืืงื ืึธื ืฉืืืขืจืืงืืื.
ืืื ืืืึธืื ืืึทืงืข ืืื ืืขื ืึทืจืืืงื ืืึธื ืืืื ืืืืขื ืขื ืืืจื ืงืึทื ืืึทืืืืฅ ืืืึธืก ืคึผืืึทื ืืจื ืฆื ืึทืจืืึทื ืกืจื ืืื ืืขืจ ืฆืืงืื ืคึฟื, ืืืึธืก ืืขื ืขื ื ืืฉื ืืืืืืช ืฆื ืึทืจืืึทื ืื ืืื ืกืง ืฉืืืข, ืึธืืขืจ ืืืึธืก ืึธื ืืืืื ืฆื ืืึธื ืงืืื ืื ืืขืจืข ืคึผืจืึธืืข ืึทืจืืขื. ืืื ืืืจ ืงืขื ืขื ืืขื, ืขืก ืืื ืืึทื ืฅ ืืขืืืขื ืฆื ืืึธื ืืึธืก. ืืืจ ื ืึธืจ ืืึทืจืคึฟื ืฆื ืืืืืื ืืื ืืื ืืื ืืขืจื ืฆื ืึทืืข ืื ืขืฆืืช ืคืื ืื ืืืืจืื.
ืืงืืจ: www.habr.com