ืฉืืื, ืืืจ! ืื ื ืงืืจื ืืืชื ืืจืื ืืื, ืืื ืขืืืื ืื ืืฆื ืื ืืืชืื ืืฉืื ืืฉืื. ืืจืืื - ืืืช, ืขืืืื, ืขื ืืื ืื ืืืฉืืื, ืคื ืืฉื - ืืขืืฉืื ืฉืื ืืืช ืืช ืืชืืืช ืืืชืื ืืืื ืื ืืืืื ืืืชืจ. ืืืืจืื ื, ืืฉืื ืืฉืชื ื ืืื ื ืืืื ืืื ืื ืื ืืข ืืืชื ืืชืืจ ืืืง ืงืื ืืืื ืขื ืืคืืืชื ืืืคืชื ืขื ืืืืืืืช, ืฉืขืฉืืืืช ืืืืืช ืฉืืืืฉืืืช ืืืชืืืืื, ืกืคืงืื ืืืืืจืื ืฉืืืขื ืืืืช ืื ืืืืื ืื ืืขืฆืื. ืืืืช!
ืืชืืื ืืจืืืง - ืืืืืืชื ืืืจื ื ืชื ื ืื ืืกืคืจ ืขืฆืื ืฉื ืื ืฆืืงืืืคืืืืช ืืกืคืจืื - ืืื ืืืจืืข. ืื ืกืืื ืืชืช ืืชื ื ืืื ืกืคืจ. ืืื, ืืืืื, ืื ืืืืชื ืืกืืจ ืชืืื ืืื, ืืื ืคืฉืื ืืงืืชื ืืช ืื ืืืืื ืืืืื. ืืื ืขื ืืืื, ืืฉืืื ืขื ืื ืฉืื ืืืจืื, ืืืขืชื ืืืกืงื ื ืืืืจื: ืจืืื ืื ืืืขื ืื ืื ื ืืืืข, ืื ืฉืืขื ืฉืืืช, ืืืฉืืื, ืืืฉืืื, ืื ืงืจืื ืืืืจืื ืืื ืฆืคื ืืกืจืืื. ืืจืืข ืื ืืืืืง ืืืืขื ืชืืื ื: ืื ื ืื, ืืืข. ืืจืื ืืื ืื ืืืขืชื ืืืคื ืื ื ืืืื ืืืืฉื ืืช ืื ืื, ืื ืคืฉืื ืืชืงืฉืจ ืขื ืื ืฉืื ืื ืืฉืชืื ืืฉืื ืฆืืจื, ืืืืงืฆืืข ืฉื ืืกืคืจ ืกืืคืืจืื ืืขื ืืื ืื ืื ืืื ืงืืื ืื (ืขืืฉืื ืืฉ ืืื ืืืืืจืื , YouTube, TED-ED ืืื'). ืืืืชื ืื ืืืืช, ืืื ืจื ืืงืคืื ื, ืื... "ืื ืืื ืืืืื ืืืืื ืฉืืืืฉื ืืขืชืื" - ืืืืชื ืชืงืืคื, ืืืืื, ืื ืืื ืืืื ืืืงืฆืืข ืืขืชืืื ืฉืื, ืื ืืจื "ืื ื ืื ืจืืฆื" ืื ืืกืืขื ืืืชื ืืฉืืขืืจืื ืฉืื ืืฉืื. ืขืืฉืื, ืืืืื, ืื ื ืืกืืจ ืชืืื ืขื ืื ืฉืื ืงืคืฆืชื ืืืืชื ืืจืืข ืืืฆืืืชื ืืืฉืื ืืกืืก ืืื, ืฉืืืืื ืืืื ืชืคืงืื ืืฉืื ืืืืืจืช ืืืงืฆืืข ืืขืชืืื ืฉืื.
ืื ื ืื ืืืื ืืกื ืคืฉืื, ืืื "ืืืืจืืืืช": ืืขื ืืืฉืืจืื ืจืืื ืืชืงืืืื ืืืืื ืืืจืื ืคืขืืืืืืช ืฉื ืื ืฉืื, ืื ื ืืชืขื ืืื, ืืืงืืื, ืืคืืืืงื, ืืืืื, ืชืืคืขืืช ืืืืืืืช, ืืืขื ืืืืฉื ืืืืืจื ืืืข ืคืืคืืืจื. ืืืืช ืืกืคืจ ืืคืืื ืขืืจืชื ืืืื ืื ืืคืืืืงื ืื ืื ืกืชื ืืืื ืืืจืกืืื ืืื ืืช ืืชืงืฆืื! ืืืืจ ืฉืคื ืืชื ืืืกืคืจ ืืื ืืืจืกืืืืืช ืืืช ืืืช ืืคืงืืืืืช ืื ืืืืืช ืืชืืืืช, ืขื ืืจืืข ืืืืจืื ืื ืืืืชื ืืืื ืืื ืืืืืจ. ืืืืจ ืืืฉืช ืืงืฉื ืืชืงืฆืื, ืืชืื ืขื ืื ืื ืืืจืืช ืืืืืจื ื ืขื ืืืืงื, ืืื ืืื ื ืืืจื ื ืืืืชื ืืืืื ื ืืขื ืืื ื ื ืืชืืืฉืช ืืืฉื.
ืขื ืืืช, ืืฉืืชืขืืจืจืชื ืืืืงืจ, ืืืคืชืขืชื ืืืืื ืฉืืชืืืฉืื ืืจืืฉื ืืืฉืื ืืขืฆืื ืช ืืขืืงืฆื ืืช: "ืื ื ืฆืจืื ืืืืช ืืคื (ืคืืืืื)". ืืื ืื ื ืืฆืจ ืฉื: ืืืืคื ืขืฆืืื ืื ืืชืืฆืื ืืชืืืืื ืฆื ืืื ืื ืืืืื, ืืืฉืจ ืืื ืขืฉื ืฉืืืชืืืช ืฉื ื ืชืื ืื ืืืืื, ืจืืฉ ืืืข ืขื ืืืืช ืืืกืืืืช ืืืืืืจืืื? ืืขืืื ืื ืืืข, ืืื ืืืืชื ืืืืจืื ืฉืื, ืชืืืจืชื ืืื ืืช ืืืขืื, ืงืืืืชื ืืขืจืืืช ืื ืขืกืืกืืืช ืฉื ืชืืืืื ืืืฉืืื ืื ืืืืืื ืฉืื, ืืืืืื ืืืืชืคืชืืืช ืืืืืืช ืฉืืื, ืืื ืื ื ืกืืืชื.
ืืกืืคื ืฉื ืืืจ ืืืขื ื ืืืื ืืืจืกืืื, ืืงืื ื ืืช ืืืกืืืื (ืื ืื ืื ืื ืจืื ืื ืืื ืืืงื, ืื ืืืจืฉืื ืขืืจื) ืืืืื ื ืืืืืฉ ืืงืฉื ืืืื ืืืจืกืืื ืืืจืช. ืืื ืืกืชืคืจ ืื ืงืฆืจ ืืืื, ืืืืืง ืขืืจ ื ืืชืื ืขืื ืืื ืืืกืืจ ืืช ืืืฉืงืคืืื, ืืืืื, ื ืจืื ืืื "ืื ืืฉื ืืช ื-90" ืืืคืืกื, ืืืจืืช 2 ืืฉืืื ืืืืื ืืจืงืข ืืืจืื. ืืืืื, ืื ืื ืืืื ืืกืจื ืืืืืช ืฆืืขืื ืืช ืืื. ืืื, ืืขืืื ืื ืืชืืจืืชื ืฉื ืื ืกืชื ืืคืงืืืื ืืฉืคืืช ืืจืืช.
ืืขืืืื ืขื ืืืืื ืืื ืชื ืฉื ื ืืืจืื:
- ืื ื ืืืื ืืืื ืืช ืื, ืื ื ืืืื ืืกืคืจ ืกืืคืืจ ืืขื ืืื, ืืฉืืืจ ืืืืข ืฉื ืืกืฃ ืืกืคืจืื ืืื ืฆืืงืืืคืืืืช ืืชืื ืืกืืคืืจ ืืืื ืืฉืื ืืืฉืื ืชืืฆืืืช ืืชืืื ืืืจืืช ืืื ืืืืช
- ืืฉ ืืืกืจ ืงืืกืืจืืคืื ืืืกืฃ, ืื ืื ืืชื ืขืืื ืืืฉืจื ืืืงืืช (ืฉืืขืืจืื ืคืจืืืื + ืงืืืื ืช ืฉืคืืช ืืื ืขืื ื ืืืืืื)
ืืชืืฆืื ืืื, ืืืืจ ืืกืคืจ ืฉื ืื ืฉื ืขืืืื ืืืืจื (ืื ืืืืช, ืืจืื ืืช ืืงืฆืช ืกืคืจืืืช), ืืืืืชื ืืขืืื ืืช ืืืงืฆืืข, ืื... ืคืฉืื ื ืฉืจืฃ. ืื ืจืื ืฉืจืืื ืืื ืืืืจืื ืืช ืืชืืืฉื ืืื: ื ืจืื ืฉืืขืืืื ืืื, ืืืชื ืื ืฉืื, ืืขืืืื, ืื ืื ืฉืืชืืื ืืื ืืชืืื โ ืืื ืื ืฉืื ืืชื ืืืช ืื ืืื ืขืืืื, ืืืขืืืืช ืฉื ืืืืืื ืืคืื ืืขืฆืื ืืช ืคื ืืืืช, ืฉืืื ืฉืชืืื ืืื ืืืคืฉืื ืืคื ืื, ืืื ืืืืขืื ืืืืฉืืืช ืืืื ืืืคืืขื ืขื ืืจืืื ืืื ืฉืื.
ืืืืื ืืงืจืืืจื ืฉืื ืฉืงืืชื ืืช ืืืคืฉืจืืช ืืฉื ืืช ืืช ืืืงืฆืืข ืฉืื ืืืฉืื ืจืืืื ืื ืืืชืจ, ืื ืงืฉืืจ ืืขืืืื ืขื ืื ืฉืื, ืืืืจ ืฉืขืฉืืชื ื-10 ื ืืกืืื ืืช ืืืืื ืืืืคื ืขืฆืืื ืฉืคืืช ืชืื ืืช. C++, C#, Delphi, Python, Pascal, Java - ืื ืื ืืื ืืืจืื, ืื ืืืื, ืืืืื, ืืืื ืืื ืืื ืคืจืืืืงืืืื. ืืืขืฉื, ืคืฉืื ืื ืืืืชื ืื ืืกืคืืง ืืืืืืฆืื: ืื ืืืฉืืจ ืฉื 2008-2009 ืืื ืืืขืืืช ื-2014-2015 ืฉืื ื ืืช ืืืืฉื ืฉืื ืืขืืืื. ืืืฉื ืื ืกื ืืฉืืืงื ืืจืืฉืืช, ืืชืืจืจ ืฉืื ื ืื ืืืื ืืืืฉืื ืืขืืื ืืื, ืืืขื ืืืืืื, ืฉืื ืจืฆืืชื ืืคืืืข ืืื.
ืืฉื ืช 2018 ืขืืจืชื ืืืืกืงืื ืืงืจืกื ืืืืจืกืง ืขื ืืืจืชื, ืืื ืขืืจื ืืืื ืืืจืกืืื ืืงืืืืช ืืืฆืืชื ืขืืืื ืืืืช ืกืคืจ ืคืจืื ืืฉืคืืช ืืจืืช. ืืงืื ืืืฉ, ืืฉืืืจืช ืจืืืื, ืื ืฉืื ืืจืืฉืืช ืืืฉืื - ืื ืื ืืคืฉืจ ืื ืืืคืื ืื ืืืื ืืืฉื ืืืฆื ืฉื ื, ืืืืืจ ืืื ืืืขืืืช ืืืฉื ืืช ืืืจื.
ืืืืืื ืืกืืคืืช ืืืืืืฃ ืืงืฆืืข ืืืฉืืื ืืชืืื, ืืชืืืชื ืชืืื ืืช, ื ืืืื ืฉืืง ืืขืืืื ืืืืจืืฉืืช ืืืืขืืืื, ื ืืคืจื ืงืฉืจืื ืฉื ืืืจืื ืืืืจืื ืืคืืืช ืืืืฉืื ืืงืฉืืจืื ื-IT, ืื ืืงืืชื ืืื ืืช ืืืื ืืืกืืืืืช ืขื ืฉืืืืชื ืืืืืงืืงืืช. . ืืืืคื ืืืื, ืืชืืื ืืช ืืฆืื ืื:
- ืืืจื ืืช ืืคืฉืืื, ืืืืืจื ืืืืชืจ ืืืืื ืช ืชืืฆืืืช ืืืืจ ืืืืชืืื ืงื ืขืืืื ืืฉืชืื ืื ืคืืืช ืืืฉืจ ืืืงืื ืืงืืื ืฉืืื. ืื ืืคื ืืคืืชืื ืืืืชื. ืชืฉืคืื ืืขืฆืืื: ืืืขืช ืื ืืืืช ืืจืืช C2, ืจืื ืืงืื ืืืฆื ืขืืืจื ืคืงืืืืช ืื ืืืืช ืืขืืจืืืช ืืชืืืืจ ืฉืืื ืืืืจ ืืืื (ืืื ืข ืขื ืืื ืืืฉืืืช ืืกืื ืื "ืื ืื ืื ืฉืืชื ืื ืขืืื ืืืื"). ืืชืืฆืื ืืงืฆื ืืงืืื ื ืจืืืช ืืื - ืืื ืืฃ ืืืืจ. ืืชืฉืืื ืื ืื ืจืข, ื-40 ืืืฃ ืจืืื (ืืคื hh.ru). ืืืฉืืืจืช ืฉืื ืืืืชื ืชืงืืคื ืืืืชื ืืขืจื 60-65 + ืืฉืจืืช ืืืงืืืช ืืืฉืืืช ืขืืืจ ~20 ืืืฃ. ืื ืื ืืกืคืืง, ืืื ืืฉืืชื ืฆืจืื ืืืืืื ืขื ืขืฆืื ืจืง ืืื ืืืื ืืขืืืื, ืฉืื ืกืืื ืืกืฃ ืื ืืฉืื ืืืชื.
- ืชืืื ืืช ืชืฉืืื ืืคืขืืื: ืืืืื ืชื ื-60+ ืจืืื, ืื ืืชืืืชื ืืืืื ืืช ืจืฉืืืช ืืืื ืืืืืืืช ืืืืืชืืืช ืืจืืืื ืืืืช: HTML, CSS, JavaScript (ES5-6), React. ืืื ื ืืกืคื ืืืืื ืืืงืืื ืขื ืืชืืืื ืืืขืืืื ืขื ืงืื ืืฉืืืื ืฉืื ืื: jQuery, Git, SASS, webpack, VS Code. ืื ืืืคืฉืจ ืืืชืืืช ืชืืื ืืช ืืืืืื ืื ืื ืืืืจืื, ืชืื ืืืฉืื ืืืข ืืืฆืืจืช ืืชืจืื, ืคืืจืืง ืืืืฉืื ืคืจืืกืืช ืืงืื, ืืืชืืืขืฆืืช ืขื ืืืจืื.
- ืืืืื ืขืฆืื: ืืคืืจืืืจ 2019 ืขื ืืื ื 2019, ืืืืชื ืืช ืื ืื, ืืืืชื ืืฉืงืืื ืืช ืืชืืขืื, ืงืจืืชื ืืช StackOverFlow ืืืืคืฉืชื ืชืฉืืืืช ืืฉืืืืช ืืื ืืืืคืฉืืช ืฉืืืืืืช ืืืชืขืืจืจ. ืืื ืื ืงืฉื - ืืคืขืืื ืืงืื ืคืฉืื ืื ืจืฆื ืืขืืื ืืื ืฉืืืืื ืชื. ืืื ืื ืืชืืืืฉืชื - ื ืืชืื ืืืืืช ืืงืื + ืชืืขืื ืืขืื ืืืื ืขืฉืืชื ืืขืืช, ืื ืืื ืกืชื ืื ื ืืื ืืื ืื ืืฉืืืชื. ืื ืฉืืืืชื ืืช ืืืืจืื ืฉืื ืื ืืื ืขื ืฉืืชืขืงืฉื ืฉืืืื ืื ืืืืช ืืืืืืช โ ืืจื ืื ืืชืืขืื ืืจืืืื ืื ืืื ืืื ืืืืช.
HTML ื-CSS ืืื ืืงืืื ืืืืชืจ ืขืืืจื - ืืขืจื ืฉืืืขืืื. ืืืืื ืืืื ืืื, ืืจืืืชื ืคืจืืกื ืืืชืจ ืฉื ืืขืฆื ืืืฉืื ืืืืฆืขืืช HTML ื-CSS ืืืืจืื ืืืกืคืชื ืืช ืื ืืงืืืื ืืืคืฉืจืืื, ืืืืชื ืืืืจื ืฉื ืืืฉืืช ืืืื ืชื ืฉืืชืืืช ืื ืืฉืืจืืช ืืืื ืืืืคื ืืื ื ืืืืืช ืืื ืจื ืืืื. ืืืืจ ืงืฆืช ืืืคืืฉืื ืืืืื, ื ืชืงืืชื ืืื ื-Bootstrap 2 ืืืืืจ ืฉืืืจืชื ืืช ืืืืืืืช, ืืชืืืชื ืืงืจืื ืืช ืืชืืขืื. ืืืจื ืืื ืืืื ืฉื ืขืืฉืื ืืืืจืืจ, ืขื ืฆืคืืื ืืกืจืืื ื ืืืจืื ืฉืื ืื ืืืืืืื, ืืชืืืชื ืืืฆืืจ ืืชืจ ืืื ืืจื ื ืจืกืคืื ืกืืื ืืฉืื, ืขื ืชืืื ืืช, ืืจืืืกืื ืืื ืืืฆืืืช. ืื ืืงื ืืขืจื ืฉืืืขืืื, ืืืืืื ืืืืืชื ืืช jQuery ืืืื ืืื ืืคืืืฆืื ืฉื DOM.
ืืืืื ืฉืื ืื ืืืืชื ืืืืืจื ืืืืื ืืืืชืจ, ืืื ืืื ืืื ืคืฉืื ืืืืื, ืืืชืืฆืื ืืืืชื ืืฉืืื ืื. ืืื, ืื ื ืืืืืฅ ืื ืืืงืฉืื ืืฉืื ืื ืืืชืื ืชืื ืืื ืืืื ืฉืืฆืืขืื ืืืคืืืืืืฆืืืช ืืฉืืคืืจืื, ืืื ืคืฉืื ืืืฆืื ืืช ืืงืจื ืืฉืืืืฉ ืื ืคืืฅ ืืืืชืจ ืืงืื, ืืืกืชืื ืขื ืืืืืืืช ืืคืฉืื ืืืขืชืืง ืืช ืืกืื ืื. ืืืฉืืื ืืฉืื ืืจืืฉืื ื ืืื ืืืช: ืื ืขืื ืืื ืขืืืืช. ืจืง ืื ืชืืืื ืืืฉืื ืขื ืื ืืฉืืจ, ืืืฉืชืขืืื ืืืืจื ืื ืืกืืืจื ืืืจืื ืืื ืกืื ืืจืืื ืืงืืืืื ืฉืชืฆืืจืื ืืขืืื ืืื.
ืืืืจ ืืงืฉื ืืืืชืจ ืืชืืื ืืฉืื ืฉื ืืืืื ื'ืืืื ืกืงืจืืคื ืืืืจ - ืฉืืื ืจืฆืื ืืช ืืืื ืขืืชื ืื ืืจืืฉ: ืืื ืืืืื ืืช ืื ืื jQuery ืงื ืืืชืจ? ืคื ืืชื ืืืืื ืืื ืืงืื ืชืฉืืื: ืืชืืจืจ ืฉ-jQuery ืืขืืืจ ืืงืจืื ืืขืืื ืืืจ, ืืืขื ืงืื ืืืืจ ืงืืื, ืืื ืืืชืื ืชืื ืืืืืชืืื ืืฉืชืืฉืื ื-JS, ืื ืืกืืจืืช ืืืืช ืืืืืืืช, ืืื JS ืืืืจ ืขืืืื ืจืืืื ืื. ืื ืื ื ืจืืฆืื ืืืฆืื ืขืืืื ืืืขืฉืืช ืืืชื ืืืจืื ืืื, ื ืืื? ืื ืืชืืืชื ืืฆืคืืช ืืกืจืืื ืื, ื ืืกืืชื ืืืชืื ืงืื ืืคืื ืงืฆืืืช ืืืชืจื ืืืจืืืช, ืืืฉืืชื ืืช ืืคืจืืืงืืื ืืงืืืืื ืฉืื. ืืืืคื ืืืขื, ืืืชืืื ืื ืืฆื ืงืฆืช ืคืืืช ืืืืื, ืืื ืืืจื ืืื ืืืื ืืืจ ืื ืืฉืืชื ืืืชืื ืื ืืื ื ืคืื ืงืฆืืืช ืืฆืื (ืฉืืชืืจืจื ืืคืฉืืืืช ืืืชืจ ืืืื ืืจืืืืืช), ืืขืืื ืขื ืืืจืจื document.getElementById , ืืืื ืืขืจืืื ืืืืืืฅ ืจืืืื ืืืืืืงื ืืืืฆืขืืช .map, .filter, .reduce, ืขืืืื ืขื API ื-AJAX ืืื'.
ืืื ืืขืืชื - ืชืื ืืื ืืืืื React, ื ืชืงืืชื ืืืืื ืงืื JS ืฉืฆืจืื ืื ืชื ืืืืืื, ืืืจืช ืฉืื ืืืจ ืื ืืขืืื. ืืืงื ื ืฉืืื ืขืืืงื ืืืจืื ืืขื ืขื ืขืฆืื, ืืชืืืชื ืืืชืขืืง ืืืืืช ืืชืืืื ืืืื ืืืืคื. ืืืจ ืืืื ืืชืืจืจ ืฉ-React ืืื HTML (JSX) ืฉืื ื ืืืงืฆืช + ืขืจืื ืฉื ืืืื ืฉืื ืื ืฉืืงืืื ืขื ืขืืืื ืขืืื ืืืฆืืจืช SPA (ืืืฉืื ืขืืื ืืืื). ืืืกืฃ ืงืืจื ืฉื JS ืืืฉ ืื ื ืื ืืืฆืืืช, ืืขืื ื ืืืขืืจืื. ืืืืจ ืฉืืชืจืืืชื ืืชืืืืจ, ืืงืืชื ืืช ืคืจืืกืช ืืื ืืช ืืืงืืื ืช ืืจืืฉืื ื ืฉื ืชืงืืชื ืื ืืืชืืชื SPA ืคืฉืื ืฉืืคืฉืจ ืื ืืืืืจ ืงืืืืจืืืช, ืื ืืื ืืืชืจ ืืืฉื ืืช ืืื ื ืคืจืืืื ืืขืืื.
ืืืืคื ืืืื, ืืื ืฉืื ืืืจ ืจืข ืืื ืฉืืขืืื ืื ืชืื ืชืช ืืืืื, ืื โ ืื ืชืขืืื ืขื ืขืฆืื ืืืืจืื, ืื ืืื ืืคืฉืจื. ืื ืืื ืืืืขืช ืื ืืืืช, ืืฉื ื ืืชืจืื ืจืืื ืืฉืคื ืืจืืกืืช ืฉืืกืคืืงื ืืฉืื ืืจืืฉืื ื. ืืืฆืืื!
ืืงืืจ: www.habr.com