Watch Interesting People > ‍ Что Нужно Знать И Уметь, Чтобы Работать Фронтенд

‍ Что Нужно Знать И Уметь, Чтобы Работать Фронтенд

Posted 3 years ago

??? ?????????? ??????, ??????? ???????? ????? ?????? ??? ????????, ??? ? ??? ??????????? ?????????????. ????? ????? ?????? ?????? ?????? JavaScript, ? ????? ??????????? ??? ?????? ? ????????.???? ?????-?? ???? ????????? ???? ??????? ???????? (? ???????, ?????????), ?? ?????? ?????????? ?? ? ????????? ?????. ????? ??????? ???????? ?????????? ????????, ??? ??? ?????????? ? ???? ??????????? ????? ???????? ?? 500 $ ?? 2500 $ ? ??????????? ?? ?????? ?????? ? ????? ??????.

?????? ?????????? ?????? ???????? ?? ??????, ??????????? ?? ???-?????????. ?? ????????? ??????? ??? ????????, ??????? ?? ?????????, ?????, ????????, ??????? ? ??????? ????? – ??????????? ???????? ?? ????? ???????? HTML. ? ????? ?? ???????? ??? ??????, ??????, ??????? ? ?????????????? CSS.

????????? backend-???????????? ?????? ???????? ?? ???????. ???? ?? ??????? ?????? ??? ? ????????????? ?????? ????????, ?? ??? ????????????? ??? ???. ?? ?????? ???????? ??????????? ?????? ?? ??????, ? ????? ????? ??? ????? backend-?????????????. ?? ??? ?????? frontend ??????????? ?????? ???????? ???? ??? ?????, ??? ? ???????????. ???? ?? ?? ?????? HTML, ?? ???????? SPA ????? ??? ??? ???-?? ??????????.

• ? ?????????? ??????? ?????? ?? ?????? ???????????? ?????.
• ?? ???? ???????? ????????-???????????? ?????????? ? ??????? 4 (??????), 4,5 (?????-?????????) ? 4,8 (?????? ? ?????) ??????.
• ??? ????? ???? ?????????????? ? ???????? ??????? ???????? ? ????????, ?? ???? ??? ????? ????????? ?????? ??? ???? ????? ?? ???????????? ???????? ????? ???????????????? ? ?????????? ??????????.
• ????? ???? ??????????? ????????? ? ????? IT ? ??? ?? ??????.
• ???????? ???????????? ?????? – ???????? ????????? ?? ??????? ?????????.
• ???? fullstack-???????????? ?????? ?????????? ? ??????? ??????? (?????? ?????????????) ?? ????????, ??????????? ?? ?????????.

????? ????, ? ?????????? ????? ????????? — ??????? ?? ?????????? ?????????? ? ?????????????? ???????????. ??????? ??? ????????? ?????? ????????? ?????, ?? ?????? ? ??? ???? ???????????, ??????? ????????? ?????? ?? ?? ????? ? ??? ?????????. Webpack 5 ?????????? ??? ?????? ??????????? ???????, ??????????? ????????? ????????? ?????????? ??????????? ? ?????????????? ??????? ???? ??? ???????????? ??????? ??????????.

??? ???????? ???? ??? ???????? ? ?????? ?? ????? ?????

??????????? ???????????? — ??? ??????? ???????? ???? ?????????, ?????????????? ?????? ??????????? ?????? ? ? ???????? ???????????? ??? ???????? ??????. ?? ???????????? ?????? ???????? ????????-?????????? ? ????????? ????????????? ???? ??????. ?????? «??????» ?????? ????????? ? ????????????? ?? ??????? ???????.

????????, ?????-?? 15 ??? ????? ? ????????? ?????????? ???? ??? ??????. ???? ?? ? ?? ????? ?????????? ???????, ??? ????? ????????? ?????????? ????????? ????????-????????, ????? ??? ?????? ? ????????, ?? ?? ?????? ?????????. ???? ?????????, ??? ????????? ????? ????????? ??? ?????????????? ? ?????? ?, ?? ???? ?????????? ?????????.

??????????? ? ??????? ???????? ????? ???????? ??? ? ????????????, ??? ? ???????. ?? ?????? ???????? ???????????? ??????? ?? ?????? middle, ? ????? ?? senior-???????????. ?? 5-6 ??? ???????? ????? ???????? ?????????????????? ?????????, ????????, team lead ??? ???????????? ?????????. IT-????????, ???????????? ???????????? ??????????? ??????, ??????????, ??, ????????????? ????????, CRM ? ??.

???????????? ?? ???????????

????? ????? ? ??????? ????? ? ?????????? ????? — ??? ??????? ????? ??????. ??? ???????? ??????, ????? ????????? ?????? ???????????? ? ????????????? ????? ??????? ??????????? ????????. ??????-???????????? ?????????? ???????? ??????? ?? ???? ????, ? ? ?????????? ?? ?????? ?????? ????????????.

??? ??? ??????? ????????, ??? ???????? ?????????, ??????????? ?????? ???? ?? ??? «????????????» ?? ?????. ????? ????? — ??????? ?????????????? ????????, ???????? ??, «?????????» ?? ? ?????? ?????? ??????? ? ??????? ?????.??? ? ?? ???? ???????????? ? ???, ??? ? ??????? ? Angular ? React, ?? ???? ?????????? ??. ??????, ??? ?? ?? ??????? ?? ???????? ??????????, ?????????? ?????? ??????????? ??? Angular ? React.

?????? ??? ??, ? ??? ?? ?? ??? ??? ????????, ??????????? ? ??????-????????? ? ? ???, ??? ????????? ????????????? ???-??????????. ??? ??????? ????????, ??? Redux, Mobx ? Rx.js ?? ????????? ? ??????????????? ???????????. ??? ?????????? ????? ???????????? ? ? ???????????, ?????????? ?? ?????? JavaScript. ?, ???? ?? ??????? Angular — ???????? ???????? ?? ??, ??? ??? ?????? ???? Angular 2+, ? ?? Angular 1+. ????? ????, ??? ?? ??????? ??? ??, ? ??? ??? ???? ????, ?? ????? ?????? ????? ??? ?????????????. ???? ?? ???????????? ??????? ? ???????? HTML, CSS ? JavaScript, ?? ??? ?????? ????? ???? ?????-?????? ??????, ???????? — ??? ????? ???????, ? ????? ???? — ? ????????? ??????.

??? ?????? ????? ????????

? ???????? ??????? ????? ???????????? ? ?????????? ???????????. ? ?????????? ????????? ????????? ? ???????????????? ? ???????????????????. ???? ??? ???????? ?????? ?? ???, ????? ??? ?? ???????? ??????? ????? ??????? ???????????? ?????????? ???-????????. ??????????????? ????? front end ???? ??? ????? ???????????? ????????? HTML-????????. ????????? ????????? ??? ?? ??????, ??????? ?????? ? ???. ????? ???????? ??????? ????????? HTML, ??????, ??? ???????? ???? ? ????? ??? ?????, ????? ??????? ????????? ????????, ??? ????????? ????? ? ?.

? ?????????? ? ????????? ????????? ???? ???? ? ?????? ??????? ???????. ????? ????? ????????? ????????? ????? ??????? ???? ?? Codepen. ? ?????? ??????? ????? ???????????? ? ???????? ??????? ??? ???????????? ?? ???? ??????????. ????? ??????? ??????? ????? ????????? ? ???????????????? ?? ????????. ?????? ???????? ?????? ??????? ??? ????????? ?????????. ?????, ????? ??????????? ???????? ?? Youtube ??????? ??????? ???????? ? ????????? ?? ???????.

??? ???????, ?????? ?????? ??? ???? ?????? ??????? ???????? ? ????????? ?? ?????????? ???????? ???-????????, ??????-????????? ?????????? ? ????????? ????????. ????? ??????? ???????? ?????????? ????????, ??? ??? ?????????? ? ???? ??????????? ????? ???????? ?? 500$ ?? 2500$ ? ??????????? ?? ?????? ?????? ? ????? ??????. ????? ?????? ?????, ???????????, ??????????? ????? ???? ???? ? ????????? ? ???????????? ?????????????? ?????? ???? ??????. ?????????? ????????? ????????-????????, IT-????????, ??? Frontend-??????????? ????? ????????? ???? ??????. ??????? ???? front end developer ???????? ???????? ???????? ? ????????????, ? ?????? – ??????? ???????, ? ????? – ??????????????. ????? ??????????, ???? ??????????, ?????? ????? ????????? ????? ?????, ????????? ???-??????????, ????? ???? ????????? ??????? ???????, ??????????? ????????? ????????????, ??? ????????????? ????????? ???????.

? ??????? ? Git ?? ????????? ????????????? ????????? ???? ??? ??????, ? ????? ????????????????? ? ??????? ?????????????? ? ?????? ????????. «? ??????? frontend-????????????? ? ????? ??????? ? ??????????. ?????? ????? ? ?????? ??? ????????, ??? ????? ?????? ????????? ????? ?? ????? ????????? ????. HTML, CSS ? JavaScript ????????? ??????????????? ???? ??? ???????????? ????, ??????? ????????? ?????????? ??????? ? ???????? ??? ????????????».

Soft Skills ????????????? ??????

????????? ??????????? ????? ???????????, ???????? ??????. ??????, ?? ???????????????? ? ??????????? ???????????? ? ????????, ??? ? ???????? ????? ?????? ? ????????? ?????? ????? ??? ???. ????????? ?? ??????? ??????? – ??? ????????? ??? ????????????????, ??? ? ???????????? ?????????? ? ???????, ????? ?????? ??????????? ????????. ??? ?????????????? ?????????? ????? ???????????? ????? HTML-????????, ??????? ????? ???? ?????? ???????????????? ?????????? ?????????? ??? ???????????? ??????????. ??????? ?????? ??????????/????????? ?? ??????? ???????.

????? ?????????? ? ??????? Frontend

??? ?????????? ??????? ??????????? Front-end ?????? ????????? ??????? ?????? ?? ??????????, ???? ????????? ???????????. ????? ???? ??????????? ????????? ? ????? IT ? ??? ?? ??????. ?? ?? ??????? ???????? ????? https://deveducation.com/ ???????????, ? ?????? ??? ? ???? ??? ???? ?????-?? ????? ?????? ?? ???????. ?????? ?????? ????????? ???????? ???????, ???? ??????? ?? ??????????. ?? ??? ???? ?????, ??? ?????? ???? ? ?????? ?? ??????.

?? ??? ??????? ? ??? ??????? Frontend

???? ?????????? ??????, ?? ????? ????? ?????????? ????? ??, ?? ?????????? ?? ?????. ??? ???????????, ?? ?????? ????? ?????? ?????? ???????? ???????? ??? ???? ????????? ??????? ???????? ?? ??????????? ???????????? TDD. ???????? ???????????? ?????? – ???????? ????????? ?? ??????? ?????????.

????? ?????? ??????????? ? ?????? ???? ??????, ???????? ?? ??????????? ? ????????. ?? ????? ???????????? ??????? ?????? ?? ?????????? ??????????? ????????????, ???????????? ??? ???????????? ???????????. ??? ???????????, ???????? ??????? ?????????? ???????????, ????? ???? ??????? ??????? ??????????????. ??? ? ????? ?????????????? ??????? ????????? ? ???????? ???????????????? ????.