ืืฉ ืืขื ืฉืื ื ื ืชืงื ืื ืื ืคืขื - ืื ืืคืฉืจ ืืืืื ืืื, ืฆืจืื ืื ืฉื ืืงืฆืืข ืฉืืืจืืื ืืืชื ืืืจื ืืงืืฆื ืืช ืืื - ืืืกืืืจ, ืืืืืง, ืืฉืืื. ืื ืกื ืืืคืจืื ืืช ืืืืืจื ืืื, ืืืฉืืื ืื, ืืืืืข, ืืกืคืืง ืืชืช ืืคืืืช ืืืืื ื ืืืืช ืืืช. ืืืืกืืืจืื ืืฉ ืืืืืืืช ืฉื ืืืืืืืืงืืื ืืืืืื (ืื, ืืืืืื ืคืฉืืืืช, ืืื ืื ืืืืืืืืงืืื): ืืืจืืืืืืื ืืืื ืจืื ืฉืืืื (1822โ1890) ืื ืืืืืช ืืืืจืืื, ืืืื ื ืืงื ืคืืจืืกืื ื (1862โ1918). ืื, ืืื ืฉืื ืืืื ืืื, ืืืื ืืืฆืจื ืืจืืื ืืืื ื-XNUMX ืืืื ืจืืืงืื ืืืื ืืขืืื ืืื ืืืืืืืช ืืืืืข. ืขื ืืืช, ืื ืขืืืื "ืืืืจื ืืืฉืืื ืืืืชืจ ืฉื ืืืืืื ืืื ืืืืื ืืืฆื ืืืืื", ืืคื ืฉืืืจ ืืจืืกืื. ืืืืืจ ืื ืืฉืชืฃ ืืชืื ืืืืืืืืช ืืขืฉืืืช ืืืืคืฉืจืืช ืืื ืืืจืื ืืืขืืืืช ืชืืืื ืืืืื ืขืฆืืื.
ืขืืืื ืืคืฉืจ ืืืืื ืืื. ืืชืจ ืขื ืื, ื ืืชื ืืืืื ืืืืืข ืืชืืฆืืืช ืืืืืืช. ืชืชืคืืื: ืืืื ืืชืืื ืืืื ืื ืืืกืืจื (ืื ื ืขืืื ืืืจืื ืืืืจืื"
ืื ื ืืื ืฉืขืื ืืชืืื ืืืื ืื ืืืืจื ืืื ืืืงืฆืืขืืื (ืืื ืืืชืจ ื-17 ืฉื ืื): ืื ื IN education ืืื ื FOR Education. ืืื ื ืจืืฆื ืืฉืชืฃ ืืชืื ืืืืืืืืช ืืขืฉืืืช ืืืืคืฉืจืืช ืืื ืืืจืื ืืืขืืืืช ืชืืืื ืืืืื ืขืฆืืื. ืืืื ืืงืืช ืืืื ืื ืืืืื ืฉื ืืืืืื ืืืืฉืืช ืฉืื. ืืืืื, ืื ื ืื ืืชืืืืจ ืืืืืช ืืืืช ืืืืืืืืืืืืช. ืืื ืื ืื ืืื ืืื ืืืฆื ืืคืืืช ืืื ืืงื ืืืช ืฉืืื ืจืืฆื ืืืฉืชืืฉ ืื ืืชืจืืื ืืืืฉื ืฉืื, ืืฉืงืื ืฉืืืฉืืื ืฉืื ืืืฉืืื.
ืืขืฆื ืืจืืฉืื ื ืฉืื ืืื ืฉืื ืชืืืืื ืืื ื ืืช ืขืฆืืื (ืื ืืฉื ื ืืื ืืื ืืชื ืืืื ืื ืืืงืืืฉ ืืื: 10 ืืงืืช, ืฉืขื, ืืื...), ื ืกื ืืืืื ืข ืืืขืฉืืช ืืืจืื ืืืจืื ืืืื ืืื ืืื ืืขืฉืืช ืืช ืื ืืขืื ืืื ืืืคืฉืจ.
ืคืจืืคืกืืจ ืืคืกืืืืืืืื ืืืื ืืืจืกืืืช ืงืืืคืืจื ืื, ืืื ืคืืฉืืจ, ืืืจ: "ืืคืืื ืืืื ืฉื ืืืืจ ืืจืืืืจื ืืืคืื ืืืื ืฉื ืืื ืื ืฉืืื ื ืื ืชืืจืื ืื ืืขืฉืืช ืฉื ื ืืืจืื ืื ืืื ืืช".
ืืืื ืข ืืจืืืื ืืฉืืืืช ืืืื ืืืืืืืื ืืชืคืืง ืืช ืืืจื ืืืืื ืื ืฉืื.
ืืื ืืืืืชื ืืืืืง ืืื ืืงืืช ืืขืฉืืืช. ืืืืื ืืช ืืื ืืงืืช ืืืื ืื ืืขืฆืื ืืืื ืื ืืฉื ืคืืชืื ืืืืชื. ืจืืฉืืช, ืื ืืฉื ืืื ืืืื ืืขื ืืื ืืืชื (ืืืจืืข ืฉืขืืืชื ืืืืจื ืืืืขื ืืืืฉื ืืืืช ืืกืคืจ ืืืืืืชื ืืืชื ืืืืืื). ืฉื ืืช, ืคืืชืื ืืืืชื ืืื ืืื ืืชืืืืื ืืคืืคืืืจืืื ืืืฆืืืืื ืืืืืจืืช (
ืื, ืื ืื ื ืฆืจืืืื ืืจืืืฉ ืืืืคื ืขืฆืืื ืืืข ืืืฉ ืืืจืืืฉ ืืืืื ืืืืช ืืขืฉืืืช. ืืืืคื ืืฉืืืื ืืืชื? ืื ืืืงืืจ ืฉืื? ืืื ืืจื ื, ืกืคืจื ืืืืื ืืื ืฉืื ืืืจืื - ื ืืื? ื ืชืืื ืขื ืืืื ืืจื ื.
1. ืืคืฉ ืืืขืืืืช
ืืฉ ืืจืื ืืชืจื ืืืคืืฉ. ืืื ืืขื ืืืคืืฉ ืฉืื ืื ืืฉ ืืืืืจืืชืื ืืืคืืฉ ืฉืื ืื. ืืชืืฆืื ืืื, ืืืืงืฃ ืฉืื ื - ืื ืืื ืืืกื (ืื, ืืืื ืืื ืืื ืืื ืืืชืจ, ืืื ืืงืก) ืืืง ืืืืืืข ืืงืืื ืืืื ืืจื ื. ืืื, ืขืืื ืืืฉืชืืฉ ืืื ืืขื ืืืคืืฉ ืฉืื ืื ืืื ืืงืื ืืืกืื ืืงืกืืืื ืฉื ืืงืืจืืช.
ืืื ืืื ืืืจืื ืืืคืืฉ ืืื ืื ืืืืืข ืืืืืช ืขืฆืืื ืฉื "ืจืขืฉ ืืืืข"? ืืชื ืฆืจืื ืืืืื ืืื ืืืืืจ ืืื ืื ืืจืืืื. ืื, ืืขืช ืื ืืขื ืืืืคืืฉ ืืงืืืื ืืงืฉืืช ืืฉืคื ืืืขืืช. ืืืืืจืืชืืื ืืืกืคืงืช ืชืืฆืืืช ืฉืืืืชืืช ืืืคืืฉ ืจืืืื ืืืืช ืืฉืชืคืจืื ืืื ืืจืฃ. ืื ืืขื ืืืคืืฉ ืจืืืฉืื ืืืืื ืขืฆืื ืฉื ืคืื ืงืฆืืืช ื ืืกืคืืช. ืืื ืืฉืืื "ืืื ืืืคืฉ ืืืืข ืืืขืืืืช?" ื ืฉืืจ ืจืืืื ืื ืขื ืืืื.
ืืืขื ืืื ืื ืืข ืืืคืืฉ ืืฉ ืืืคืืฉ ืืชืงืื ืืฉืคืช ืฉืืืืชื ืขืืื ืืื ืื ืื. ืืื ืื ืืืื ืื ืฆืืื ืืช ืืืืืื ืืช ืืื ืขื ืืกืืก ืงืืืข.
ืื ื ืืจืื ืื ืืืฉืชืืฉ ืืืืื ืืืืืื. ืื ืื ื ืจืืฆื ืืืืื ืคืืชืื ืืืืชื, ืื ื ืืชืขื ืืื ืืืื ืืืืืืืช ืฉืืืื ืืฉืื ืื ืืืืื ืืืืฉืืืื ืฉืืืื ืืงืจืื.
- ืืื ื ืขืืืจ ืืืฃ
ืืืคืืฉ ืืชืงืื. - ืืืืจ ืืช ืืคืจืืืจืื. ืืืืืื:
ื. ืขื ืืืืืื: ืคืืชืื ืงืฆื,
ื. ืขื ืื ืืืช ืืืืืืื: 2018,
ื. ืืคืฉ ื: ืื ืืืืช,
ื. ืืืื ื: ืืจืฆืืช ืืืจืืช,
ื. ืชืืจืื ืขืืืื: ืฉื ื ืฉืขืืจื,
ื. ืืืงืื ืืืืื: ืืืืชืจืช ืืขืืื. - ืืืฅ ืขื ืืฆื.
- ืืืืฃ ืชืืฆืืืช ืืืืคืืฉ ืื ื ืืืืจืื ืืช ืืืชื ืืฉืืืื ืฉืืฉืืฉื ืื ื ื ืงืืืช ืืืฆื ืืืืืื ืื ืืฉื.
ืืื ืืฆืืฆื ืืช ืฉืืืืชืืช ืืืืคืืฉ ืฉืื, ืืชื ืืืื ืื ืืืฉืชืืฉ
2. ืืื ืืืื ืืจื ื
ืขื ืขืืฉืื, ืื ืจืื ืฉืืืื ืืืืขืื ืขื MOOCs - ืืื ืื ืืืื ื ืืืื ืืืื ืืจื ื ืืืืื. ืืื ืืืงืืืืช ืืืคืืจืกืืื ืืืืชืจ ืื
ืืืฆืขื ืืืืืืื ืืืืฉื ืฉืื, ืืื ืืื ืืืืชื ืืขืืจืขืจ ืืื
ืืืขืชื ืืืืฉืืช, ืืคืืืคืืจืืืช ืืจืืกืืืช ืขืืืื ื ืืืชืืช ืืืงืฆืช ืืื ืืืจืืช ืื ืืืืืืช ืืืืืจ ืืื ืืฆืืจืช ืืืกืืจื ืืืืืื, ืืื ืื ืชืขื ื ืขื ืืฉืืื "ืืื ืืชื ืืืืจ ืื ืืืืช?" ืื ืชืขื ื "ืื ืื ืื", ืื ืื ืืคืฉืจืืช ืืฆืืื ืช.
ืืืื ื ืกืชืื ืขื ืืืืืืจืืชื ืืืฆืืืช ืืชืืื ืืช ืืจืฆืืื ืืืืฆืขืืช ืืืืืื
- ืื ืกื ืืงืืืื ืืงืืจืกืื -
ืงึธืึธืืึนื - ืืืจ ืงืืืืจืื:
ืงืืืืจืื - ืชืื ืืช ืืคืืชืื - ืืืืจ ืืช ืืืกื ื ื"ืืื ื": ืกืื - ืงืืจืกืื ืืืื ื
- ืฆืืื ืืช ืืจืื ืฉืื: ืจืืช ืืืืื ืืช - ืืืฉื, ืืชืืื
- ืื ื ืืฆืืื ืื ืืช ืืืืฉืืจืื ืฉืืจืฆืื ื ื ืืืื: ืืืืื ืืช - HTML, CSS, JavaScript
- ืืื ื ืืงืืืื ืจืฉืืื ืฉื ืงืืจืกืื ืฉืชืืืื ืืืืจืฉื ืืืืื ืืืื ื ืืืืืืื. ืืืชืจืื ืฉืืื ืืื ืฉืจืืื ืืคืืชืืื ืืฉืืชืืฃ ืกืคืงืื, ืืืืืจืื ืืชืืฆืขืช ืขื ืคืจืืืงืืื ืืืืชืืื.
ืื ืืชื ืืืืื ืืชืืื ืืืื ื ืืืืข ืืืืื ืจืฆืฃ ืืฉ ืืืจืื ืืช ืืืืฉืจื, ืืืื ืงืืจืกืื ืืงืืช, ืืืื ืืฉืืืืช ืืฉ ืืคืชืืจ, ืื ืืฉ ืื ืืืืื ืืช ืืืืจืฉื ืืื ืฉื ืงืจื. "ืชืืื ืืืช ืืงืืคืืช". ืืืืืื ืืชืืื ืืืื ืื ืืืจ ืื ื ืืช ืื ืืืกืืื ืืืื ืืื, ืื ืฉื ืืชืจ ืืื ืืืืช ืืืจืื.
ืืื ืืืคืฉ ืชืืื ืืืช ืืืื
- ืืื ื ืื ืืงืืข ืขื
ืชืืื ืืืช ืืืฉืจื ืืชืงืืืช (Nanodegree) - ืืจื ืืืช ืืกืคืจ ืืชืื ืืช (
ืืืช ืกืคืจ ืืชืื ืืช ) ื ืืฆื ืืช ืืืืืื ืฉืื ื ืฆืจืืืื:ืืคืชื ืืชืจืื ืืืืชื .
ืืื ืืืืื ืืืื ืืืงืืจืกืื ืฉื ืืฆืื ืขืืืฃ? ืืื ืืื ืืชืืื ืืื ืืืจืกืื, ืืื ืชืืื ืืืืจืืช, ืืืืจืืช ืืืืืืืืืช ืฉื ืืื ืืกืืื. ืขื ืืืช, ืื ื ืืืื ืืชืช ืืื ืืืืฆืืช.
- ืงืจื ืืืงืืจืืช ืืื ืืืืืช ืืขืืช ืฉื ืื ืฉืื ืืืจืื.
- ืืืจ ืฉื
ืืืื ืืงืืจืก, ืืืชืืจ ืืช ืืชืืื, ืืืื ื, ืืืื ืืงืืช, ืืฆืื ืงืืขืื ืฉืืืืฆืขืืชื ื ืืชื ืืืขืจืื ืขื ืืื ืืงืฆืืขืืช ืืืืฉื ืืคืืชืื ืืงืืจืก, ืืื ืืืืจื ืืฆืื ืืช ืืืืืจ ืืฆืืจื ื ืืืฉื, ืืืื ืื ืื ืื ืื ื ืืกืคืื ืฉื ืฉืืืื ืขืฆืืืช ืื ืฉืืืื ืืืืืืืืช ืขื ืืื ืืงืืจืก. ืืขืจืืช ืืืื ื.
ืขื ืืื ืืืกืืฃ ืืืจืืื ืืื ืชืืืื ืืงืืืข ืืขืฆืืื ืืื ืืืื ืืงืืช ืืช ืืงืืจืก ืืื.
ืฉืืื ื ืคืืฆื ื ืืกืคืช ืงืฉืืจื ืืืจืืื ืขืฆืื โ ืืงืกืืืื 8% ืืืกืืืื ืืื ืืืืขืื ืืกืืฃ ืงืืจืกืื ืืงืืื ืื. ืื ืฉืื ืืืคืฉืื ืคืชืจืื ืืช ืืืขืืืช ืกืคืฆืืคืืืช ืืืคืกืืงืื ืืืชืืื ืืจืืข ืฉืื ืืืฆืืื ืืืชื. ืกืืื ื ืืกืคืช ืืื ืืฉื ืืงืืจืก. ืจืื ืืื ืฉืื ืื ืกืคืจืื ืืจืื ืืืืขื ืืืชืงืฉืื ืืจืืฅ ืืืจืืงืื ืืจืืืื.
ืื ืืชื ืืื ืืืช ืจืืฆื ืืืฉืืื ืืช ืืืืืืื, ืงืืื ืื, ืคืชื ืืขืฆืื ืืช ืืชืืื ืืช ืฉืืืื ืื ืืขืฆืื ืืืจืฉ:
- ืืืืื ืืชืื ื ืืื;
- ืืืฆืื ืืช ืืื ืืข ืื ืืื ืขืืืจ ืขืฆืื;
- ืืืืื ื ืืช ืืืจืืื ืืืืืช ืืชืื ืืืืืืืื, ืืื ืฉืืืื ืืื ืื ืืืื ืืื ืชื ืืช ืื ืฉืืืืชื.
ืืื ืื, ืืขืืืช ืืืจืืื ืืขืฆืื ื ืคืชืจืช ืืืฆืืื ืืืฉืจ ื ืืจืฉ ืืืืื ืงืืืข ืืกืืคื ืืื ืืื ืื ืืื ืฉืื ืืืจืื. ืื ืืขืจืืช ืืืกืืื ืคืืขืืช, ืื ืจืง ืืืงืจืื ืืื ืืฉ ืฆืืจื ืืืืฉืืจ ืกืืืืก.
3. ืืคืฉ ืืืืืื
ืืคืฉ ืื ืฉืื ืฉืืชื ืืืื ืืกืืื ืขื ืืืืข ืืื ืืกืืื ืฉืืื. ืื ืฉืื ืืืชืขืฉืืื ืฉืืืืืื ืืช ืขืฆืื ืืื ืฉื ืืงืฆืืข ืืืืฉืจืื ืืืืื ืื ืืืืืง ืืช ืื ืืกืืื ืฉืืื ืืืืื ืืืื ืชืฉืืื. ืืชื ืืืฉื ืฉืื ืคื ืืืื ืืื ืื ืงืืจื? ืงืืจื. ืืฉ ืืื ืืจืืงืื ืฉืืชื ืืืื ืืืฉืชืืฉ ืืื ืืืฆืื ืืช ืืื ืฉืื ืืืื.
ืืชืืืขืฅ ืขื ืืงืืจืืช ืจืฉืืืื, ืืืื ืืจืืื ืื ืืืคืชืืื ืชืงื ืื. ืืฉ ืืื ืงืืืฆืืช ืขืืืื ืฉื ืืฆืจื ืืื ืืคืชื ืชืืื ืืืืื. ืืืืืข ืขืืืื ืืืจื ืืื ืืืื ืืฆืืืืจ.
ืืืื ื ืกืชืื ืขื ืืืืื ืกืคืฆืืคืืช.
- ืื ืื ื ืืืืืื ืืืชืจ
ืงืื ืกืืจืฆืืื ืืืื ืืจื ื ืืขืืืื - ืขืืืจ ืืงืืืฆืืช ืขืืืื -
ืงืืืฆืืช ืขืืืื - ืืื ืืื, ืื ืื ื ืืืืจืื ืืช ืื ืฉืืขื ืืื ืืืชื ื ืืจืืข. ืืืืืื, ืืืืืื ืืช ืกืื ืื ืืืืจืืื (CSS).
- ืื ื ืขืืืจืื ืืงืืืืจืืืช ืืืฉืชืชืคืื ืืืงืืืื ืืืฉื ืืื ืืืจืืื ืื ืืืฉืชืชืคืื ืืคืืชืื ืืกืื ืืจืืื ืืืืื:
ืืฉืชืชืฃ - ืื ื ืืืฆืืื ืืืืืื ืืืืื ืื - ืืืืืื ืืืืืจืื ืขื ืืื ืืงืืืื ืืืื ืืืืืืช. ืืืืืื ืืืืื ืื:
ืจืื ืื ืืจื ,ืืื ืืจื
ืืืจื ืืื, ืืืืืื ืืชืืื ืื ืฉืืืื ืืฉืชืฃ ืืคืืชืืืื ืฉืืื. ืืชื ืืืื ืืืฆืื ืืงืืืืช ืฉื ืืืฆืืืช ืฉืืื, ืืจืืืช ืจืฉืืื ืฉื ืืฉืืืื ืฉืื ืืฉืชืืฉื, ืืจืืืช ืืช ืืฉืงืืคืืืช ืืืคืืื ืืช ืืงืื ืฉืื ืืืืืื. ืืืืืื ืืืืืืื ืฉืืื.
ืืื, ืื ื ืืืืืฅ ืืืืืื ืขื ืืื ืืืจื - ืืฉ ืื ืืจืื ืคืืชืืืื "ืืขืืืื" ืฉืืื ืืขืืืื ืืจืฉืืช ืืฆืืืืจ. ืืื ืืขืืจืจืช ืืฉืจืื ืืืกืคืจ ืขืฆืื ืฉื ืื ืฉืื ืืจืืื ืืขืืื ืืืืฆืขืืช ืืืืืื ืฉืื. ืืื ื ืื ืืืฆื ืืืคื.
ืืืจื ืืฉื ืืื ืืืฆืื ืืืืืื ืืื ืืืืฆืขืืช ืืชืจื ืืืกืื ืืืืื, ืืื ื ืืชื ืืืฆืื ืืงืืืืช ืฉื ืื ืกืื ืื ืืฉื ืืจืฆืื. ืึถื
ืืฉืื ืขื ืืืืื:
- ืืื ื ืื ืืืืืืื. ืืืคืฉ:
ืื ืก ืืืืชื - ืืืคืืฉ ืืคืงืืืื ืขืืื ืื ืืื, ืืืกืืจ ืืืื ืื ืืืชื. ืืืจ: ืืกื ื ืื โ ืขืจืืฆืื
- ืืื ื ืืงืืืื ืจืฉืืื ืฉื ืขืจืืฆืื ืืืืงืืฉืื ืื ืืฉื ืื.
- ืืืืืื: Front-Trends โ ืจืฉืืืืช ืืฉืืขื โ
ืคืจืื ื-ืืจื ืืื 2017 - ืื ืื ื ืืืืจืื ืื ืจืืงืื. ื ื ืื
ืืื ื ืงืจืืืก - ืืื ืืืืืืช ืืขืืื ืฉืืฉ ืืจืื ืื ืืืืื ืืื ื. - ืืืืื.
ืื ืชืืืื ืืืฆืื ืื ืฉื ืืงืฆืืข ืืชืืื ืื ืืื ืืืงืื ืืืฉื ืืขืืืืชื.
4. ืชืืจืื ืืืื ื ืืืืืืชืืช ืืขืืื ืขืืืจื
ืืื ืืขืฆื ืฉืื ืืื ืืืื ืคืฉืืื ืืืคืืื ืงืฆืช ืกืืชืจืช ืืขืืื ืฉืื ื ืฉื "ืืื ืืืืื" - ืืฉืืจ "ืขืงืืืช ืืืืืืืืื":
- ืืืจืฉื ืืขืจืืฆืื ืฉืืืฆืขื "ืืืืื" ืืขืจืืฆืื;
- "ืืืืชื" ืืกืืื ืื ืกืจืืื ืื ืืืืืจืื;
- ืืืจืฉื ืืืคื ืงืืืืืช ืืงืฆืืขืืืช ืฉืืขื ืืื ืืช ืืืชื ืืจืฉืชืืช ืืืืจืชืืืช.
ืืืืชืืกืก ืขื "ืืขืงืืืช ืืืืืืืืืื" ืชืงืืื ืืฆืขืืช ืืงืฉืืจืืช ืื ืืฉืืื ืฉืืขื ืืื ืื ืืชืื. ืื ืืืืื ืืช ืืืืื ืก ืืงืืืื ืืงืฆืืขืืช ืฉืื ืชืงืื ืืืืข ืฉืืืืฉื ืืืืืืืืช ืืขืฉืืืช.
5. ืงืจื ืกืคืจืื
ืืฉื ื ืืขื ืฉืขื ืืืื ืืช ืืืืืข ืื ืืืฉ ืืืื ืืจื ื ืืืื ืกืคืืจ ืงืืจืกืื ืืงืืื ืื, ืงืจืืืช ืกืคืจืื ืืคืกืืงื ืืืืืช ืจืืืื ืืืช. ืขื ืืืช, ืื ืฉืืื ืืืกืืื.
ืกืคืจืื ืืืื ืืื ืืืฉืืช ืจืืืื ืชืืช ืืืืืืช ืฉื ืืืฉืืื, ืจืขืืื ืืช, ืืขืืืช ืืืื ืืืืืืืช ืืกืืืืืช. ืื ืืจืืืืื ืืช ืืืืคืงืื ืฉืื ืืืืืขืืื ืืืืืื ืืขืืืง ืฉื ืืืืืจ.
ืขื ืืืช, ืืืื ืื ืืงืจืื ืืืขืืืืช.
ืืื ืืืืืจ ืกืคืจืื ืืงืจืืื?
ืืืืงืจ ืชืืืืจืื ืืฉ
ืื ืื ืื ื ืืืืจืื ืขื ืกืคืจืืช ืืื ืืช, ืื ืื ื ืืื ืื ืขื ืืื ืืืืืื ืคืฉืื - ืื ื ืืฉืชืืฉ ืืืืืฆืืช ืฉื ืืงืืจืืช ืืืกืืืื. ืืื ืื ื ืืชืืืื ืืืืืืื ืืืืจืื ืืืชืขืฉืืื (ืื ื ืขืืงื ืืืจ ืจืืื ืืื ืคื ืืื
ืืืืคื ืืืื, ืื ื ืืขืืืฃ ืืงืืจืืช ืืืืืื ื ืคืจืงืืืงื. ืืื ืขื ืืืช, ืืฉืื ืื ืืืื:
- ืื ืฉืฉืคืช ืืืฆืื ืชืืื ืคืฉืืื ืืื ืืฉืืช (ืื ื ืืืื ืกืคืจื ืื ื ืฉืื, ืฉืืื ืฉืืืืื ืฉืืืืช, ืืขืืจืจืื ืืืฉืืืช ืืืื ืืงืจืืื),
- ืืืืืช ืืืืืจ ืืคืจืืก. ืืืืื ืฉืชืืื ืืื ืืขื ืขืจื ืจื ืืืชืจ. ืืื ืืขืืืคื ืืืคืฉืจืช ืื ื ืืืกืืง ืืช ืืืืคืชืืืช ืฉืืืฉืงืขื ืืกืคืจ, ื ืืชื ืช ืืืฉื ืขื ืืืื ืืืืืืฅ ืฉืืืฉืงืขื ืืืชื ืืืื ืืกืคืจ, ืืืืืคืืฉ ืืืจ ืืืจื ืื ืืื ื ืขืืืจ ืืืืืจ (ืืื ืืฆืืืช ืืืขืืจื) ืืืื ืืช ืขืฆืื ืืืืฆืขืืช ืืกืคืจ. ืืื ืฉืืืืจืื, ืืฉืื ื ืืฆื ืืคืจืืื ืืงืื ืื. ืืื ื ืืืฉ ืฉื ืื ืืืืื.
ืื ื ืืื ืืืืืืืช ืืกืคืจืื ืฉืื ื ืืืืื ืืืืืฅ ืขืืืื:
ืื ืื ืงืืืจืง. ืืจื ืืืืจืงืฉื ืืืื ืืจื ื ืืื ืืืจื. ืกืืืืช CSS: ืคืชืจืื ืืช ืืืืื ืืืชืจ ืืืขืืืช ืืืืืืืืืช ืืขืืฆืื ืืชืจืื ืืื ืืืช'ื, ืกืืื ืฉืืืจ. Refactoring ืืืฉืง ืืืฉืชืืฉ ืืืืืื ืคืืงืจืื ื. ืืคืืกื ืขืืฆืื ืืืืืื
6. ืืฉืชืืฉ ืืืืื ืฉืื ืื
"ืื ื ืืืืจ ืจืง ืื ืืืืืื ืฉืื ืขืืฉืืช" - ืื ืืคืฉืจ ืืคืจืฉ ืืช ืขืงืจืื ืืืืจืื "ืืืืื ืขื ืืื ืขืฉืืื", ืืืืืข ืืคืจืงืืืงื ืืคืืืืืืช ืืขืืืืืช.
ืืืืงืื ืื ืืืืืืจ ืชืฆืืจื ืืืืฉืื ืืืืฉ ืืช ืื ืืืืข ืฉื ืฆืืจ ืืคืืขื. ืืชื ืฆืจืื ืื ืืืื ืืืชืืื - ืืื ืืขืฉืืช ืืืช, ืืืฆืื ืืืื ืืืืืืื ืฉืืืคืฉืจื ืื ืืืจืื ืืืืื ืื ืืืื ืืฆืืจื ืืืขืืื ืืืืชืจ.
ืืืื ื ืืชื ืืืฉืื ืืช ืืืืื ืืืื?
ืืืกืชืื ืขื ืืืช ืื ืงืืืืช ืืงืืืืืช - ืืืืืื ืืืืืงืื ืืช ืืื ืืขืืืื ืฉืืื - ืชืืืื ืืืฆืื ืคืจืืืงืืื ืืขื ืืื ืื ืืืืืืื ืฉืืื ืืืืชืจืื ืฉืืื ืื ืืคืจืกืืื ืืช ืืืืืจืื ืฉืืื. ืคืจืืืงืืื ืืื ืืืคืฉืจืื ืื ืืชืจืื ืืช ืืืื ืืืืืืืช ืืฉืืืืช ืืขืืืื ืืืืฉืืช ืฉืืชื ืืืื, ืืืคืชื ืืช ืืืืข ืฉืื. ืืืฉ ืืจืื ืืืื.
ืืื ืืืฆืื, ืืืฉื, ืืฉืื ืื ืืืื ืฉื ืืืคืืื ืืื ืคืฉ ืืชืืืจ ืขื ืืื ืขืงืืื ืืืฉืื, ืื ืืืชืจ ืืืืง, ืขื ืืื ืงืืืฆื ืฉื ืคืจืืืจืื (ืืงืืืื) ืฉืื. ืืืฆืืืืชืืช ืืืืชืจ, ืื ืงืืืช ืืืื ืฉื ืืฆืืคื, ืืคืงืื ืืื ืืืฆืื ืืชืจืืฉืื ืืืืคื ืื ืืื ืืืจื ืืืื (ืืกืคืืง ืืืืืจ ืืงืฆืจื ืืช ืขืงืจืื ืืช ืืื ืืืฆืื ืฉืงืืข ืืืื ืืืกื ื ืืื ืืืฉืชืื ืข ืืื). ืืืืืื, ืืืืืืงื ืืืฉืื ืืชืืื ืืช ืชื ืืขืชื ืืืืจืื, ืืื ืืืืจืืชื ืขืืื, ืืื ืืื ืืชืืื ืืจืืช ืืืืจืื ืืื'. ืืืืื ื ืืชืืืืช, ืชืืืช ืืื ืืชืืืจืช ืืืืฆืขืืช ืขืงืืืืช ืืืืืจ.
ืชืกืชืื ืขื ืืกืืืืืืืจ ืืืื ืืจืืงืืืื
- ืืชืืื ืืืฉืืช (
ืื ืืคืื ) - ืืืืจ ืืช ืืื ืืื ืืืฆืื ื-1,5-2 ืฉื ืืืช
- ืืจืฅ ืืช ืืืืืงื - ืืืฆืจ ืืช ืืคืงื ืืื ืืืฆืื ืื ืืื: ืืฉ ืืื ื ืืชืืืืช ืืคืขืืื, ืืคืขืืื ืขืฆืื ืืืื ืจืฆืื ืขื ืกืืืื.
ืขืื ืืืืืืืช ืืขื ืืื ืืช:
ืคืจืืืงืืื ืฉื ืืื ืืืจื ืืฉืืืฉ JSFiddle ืงืื ืคื StackBlitz ืืจืื ืืื ืฉื ืงืื
ืืชืขืื ืืืชืจ ืคืืจืื ืขื ืืื ืืืืฉืืขืืชืืื ืฉืืื, ืื ืงืืืช ืืืื.
- ืืืืงืช ืืจืืฉืืช ืกืืกืื
RegExplained ืืืจืฉ ืืฉืืงืื :
ืืฉืืื: ืืฉ ืฆืืจื ืฉืฉืื ืืืืคืก ืืืฉืืฉ ืืืื ืช ืกืืกืืช ืืืฉืชืืฉ ืืงืื ืืขืจืืื ืืคืฉืจืืื ืจืง ืจืฆืคืื ืืืืจื 6 ืชืืืื ืืคืืืช, ืืืืืืื ืืคืืืช ืืกืคืจ ืืื, ืืืช (ืืื ืงืฉืจ ืืืงืจื ืฉืื) ืืื ืกืื. ืืืืืงื ืฆืจืืื ืืืชืืฆืข ืืฆื ืืืฉืชืืฉ ืืืืฆืขืืช ืืื ืืคืืคื ืกืื ืืจืืืื (ืืฆืืจื ืื, ืืฉืชืืฉ
- /^.{6,}$/ - ืื 6 ืชืืืื
- /^(?=.*d).{6,}$/ - ืืคืืืช ืืื ืืื ืืื ืกืคืจื
- /^(?=.*d)(?=.*[az]).{6,}$/i - ืืคืืืช ืืื ืืื ืืื ืืืช (ืืืชืืืช ืื ืืฉืืืืช)
- /^(?=.*d)(?=.*[az])(?=.*[W_]).{6,}$/i - ืืคืืืช ืืื ืืื ืืื ืชื (ืื ืืืช ืื ืืืช ืืกืคืจ)
- ืืืืื ื ืืกืคืช ืืื ืืืจืืืช ืืคืืกืื
ืืืจืืืช ืืคืืกื CSS3 : ืืืืื ืืื ืืงืื ืืืคื ืืชืื ืืช ืืืืืืืจืืช!
ืกืืจ ืืคืขืืืืช:
- ืงื ื ืืืื 90%
- ืืื-ืื - ืงืื ืจืงืข
ืืจืขืืื ืืืจืืื ืืื ืืืฉืชืืฉ ืืืืื ืฉืื ืื ืืืืื ืื ืืืืคื ืืืคืฉื ืืืชืจื ืืืืืื ืืืืคืฉืจืื ืื ืืืื ืืช ืืืฉืืจืื ืืื ืชืฉืืื ืืืืืืื.
7. ืืคืื ืืืืืื
ืืืืจ ืฉืืื ืช ืืช ืื, ืงื ืืช ืื ืืฉืื ืืื ืืืคืื ืืืืืื ืืขืฆืื.
ืืื ืืขืฉืืช ืืช ืื? ืึผึฐืงึทืืึผืช.
ืืืืจืื ืืช ืืกืืคืืจ ืขื ืืืืจื: "ืืืจืชื ืืื ืฉืืืฉ ืคืขืืื, ืืืจ ืืื ืชื ืืื, ืืื ืื ืคืฉืื ืื ืืืื ื"? ืืชื ืฆืจืื ืืฉืืจ ืืช ืืืืข ืฉืื ืืื ืืืืฉ ืืืชื. ืืืืื, ืื ื ืืฆืืข ืืืฉืชืืฉ ืืฉืืจืืช StackOverflow. ืืื ืืฉืื ืฉื ืืฆืจ ืืืืืื ืฉืื ืืคืชืืื ืืืคืฉืื ืชืฉืืืืช ืืฉืืืืช ืืืงืฆืืขืืืช ืฉืืื. ืืืืชื ืื ืฉืื ืขืื ืื ืืื - ืืคืชืืื. ืื ื ืืกืฃ ืืืืจ ืืืืข ื ืจืื ืฉื ืืขืืืช ืฉืืื ืืืช ืืื ืืฉ ืคืชืจืื. ืืืชื ืืืื ืืืคืื ืืืืืจ ืืชืฉืืืืช ืืฉืืืืช ืืื, ืืืืื ื ืืฉื ืื ืื ืืืจ ืืืฉืชืฃ ืืช ืืืืืื ืฉืื.
ืืชื ืืืจื ืฉืชื ืฆืืคืืจืื ืืืื ืืืช: ืจืืฉืืช, ืืชื ืืืื ืืคืชืืจ ืืช ืืืขืื ืืื ืืขืฆืื. ืฉื ืืช, ืืื ืืืืจ ืขื ืืืืืจืืชื ืืคืชืจืื ืืืื ืืืืฉ ืืืข ืืืฉ ืืืืืจืื ืืฆืืจื ืืืื ื ืืืชืจ.
ืจืฆืฃ ืคืขืืืืช ืขื
- ืืื ืฉืืืืชื ืืฉืื ืืืืคืืฉ - ืืืืืื: CSS
- ืืชืืฆืื ืืื, ืืฉ ืื ื ืืช ืืคืื ืฉื ืื ืืฉืืืืช ืขื ืชื "CSS".
- ืขืืืจ ืืืฉืื ืืช ืืื ืืขื ื. ืืื ืื ื ืืงืืืื
ืฉืื ืจืื ืืคืขืืืืช
ืืึน:
https://ru.stackoverflow.com/ ืชืืืืช - ืื ืื ื ืขืืงืืื ืืืจ ืืืชื ืชืจืืืฉ.
ืื ืชืฉืื
ืชืืฆืืืช ืฉื
ืฉืืชืคืชื ืืชืื ืืืื ืืื ืืงืืช ืคืฉืืืืช ืฉืืขืืจื ืืื "ืืืืื ืืื ืืืืื" ืืืืคืื ืืช ืชืืืื ืืืื ืื ืืขืฆืื ืืืคืงืืืื ืืืชืจ:
- ืืคืฉ ืืืขืืืืช.
- ืงื ืงืืจืกืื ืืงืืื ืื ืขื ืงืืื (ืืืฉืื ืืืชื).
- ืืคืฉื ืืืืืื ืืื ืชืืืื ืืืืื, ืืืืจ ืืืืชืืืขืฅ.
- ืืฉืชืืฉื ืืืืื ืฉื ืืืื ื ืืืืืืืชืืช: ืืฉืืืจื "ืขืงืืืช ืืืืืืืืื" ืื ืฉืื ืืขืืื ืขืืืจืื, ืืืจืืื ืืช ืืืขืื ืืืงืฆืืขื ืืืืืคืงืื ืฉืืื.
- ืืงืจืื ืกืคืจืื. ืคืฉืื ื ืืืฉ ืืืืืจื ืฉืืื ืืืืืข. ืืื ืฉืืืืจืืื ืฉืืืืื ืืืชื ืฉืืืืช ืืืขืืจืจืื ืืช ืืืฉืืื ืฉืื ืื ืืืชืืืืื ืืืืชืจ. ืื ืชืฉืื ืืช ืืืจืืื ืืืกืชืื: ืงืจืืื ืฆืจืืื ืืืืื ืืืชืจ ืืกืชื ืื ืื ืืื ืืืงืืืืืืช.
- ืืชืืื ืขื ืืืืื ืืืื ืืืืื ืื ืืืืืืื. ืืื ืชืคืืื ืืืชื ืกืืช.
- ืืืกืืฃ, ืืคืื ืืืืืื ืืขืฆืื ืืื ืฉืชืืื ืืืืฉื ืืช ืืืืข ืืืฆืืืจ ืฉืื.
ืืคืฉืจ ืืืฉืื: ืืืืข ืื ืื ื ืืจืฉืื ืืจืืื ืืืจืื ืืืื?
ืื ื ืืขื ื:
ืืฉืจืืช ืคื ืืืืช ืคืชืืืืช ืืืงืืืืืช ืจืฉืช!
ืื ืื ืืืืจืืช ืฉืืจืืชื ืืื ืื ืื ืื ืคืืชืื ืฉืืจืืชื ืืื ืื ืขืืืจ ืื ืื ืืืืจืืช
ืืงืืจ: www.habr.com