asdf

asdf


если ты хочешь именно во фронт лезть, то из вариантов либо reactjs, либо vuejs.

вью попозже появился, но в принципе сейчас уже довольно много проектов на нем, и работы вроде достаточно. хотя куда меньше, конечно, чем на реакте/ангуляре


выучить сами фрэймворки можно оба за неделю не напрягаясь, я думаю 🙂

глянуть официальные доки + можно посмотреть/почитать какой-нить туториал небольшой, их куча в интернете


дальше имеет смысл посмотреть, как обычно строятся проекты с их использованием

транспиляторы всякие(babel),

рендеринг на сервере(на express/koa),

работа c css(css-modules, css-in-js),

роутинг(react-router),

структура папок ну и в таком духе вещи..


в частности стоит глянуть на webpack и ужаснуться 🙂

можно посмотреть как сделаны всякие готовые боилерплейты/стартеры. в них уже запихан какой-то минимальный(хотя бывает и не минимальный, а с кучей всякой нужной и ненужной херни) набор библиотек для решения основных задач(https://reactjs.org/community/starter-kits.html). некоторые компании юзают такие для своих проектов(особенно если проекты небольшие/их много)


посмотреть основные библиотеки, которые есть в большинстве проектов

- в redux обязательно стоит врубиться, к нему минимум посмотреть redux-thunk и факультативом reselect, redux-saga. у него по сути единственная альтернатива - mobx и она(слава богу 🙂) вроде не оч популярна

- react-router. ну или какой там сейчас роутер юзается в вебе, у меня в реакт-нэйтиве просто свои библиотеки для этого

- styled-components для стилей оч приятная штука и вроде многие юзают их или подобные библиотеки

- для реквестов иногда юзают axios, но чаще я думаю обычный fetch

- momentjs, lodash потому что стандартная библиотека яваскрипта оставляет желать

- enzyme, jest для тестов. требовать сходу никто, наверное, не будет. по ходу дела это можно изучить без проблем. многие, один хер, забивают на тестирование - я работаю уже в третьей компании и покрытие приложений тестами во всех ~1%


юзать нормальный редактор/ide + prettier(автоматическое форматирование) + eslint(самый популярный линтер) :)


зарываться глубоко особо во всё это не стоит, инструментов и библиотек херова туча и постоянно появляются новые. достаточно просто иметь представление об основных.

вся эта мишура в принципе легко изучается в процессе работы, а основным отличием junior’a от senior’a остается тупо навык разработки/программирования, т.к. react/vue сами по себе мелкие и отвечают тупо за отображение, а большая часть логики/архитектуры пишется своими руками в отличие от какого-нить ангуляра. пишется всё это, кстати на es6 и, бывает, юзаются какие-то вещи из es7/8(async/await, например)


можно посмотреть всякие околофрэймворчные штуки

- graphql - язык запросов на замену REST, потихоньку набирает популярность

- typescript - яваскрипт со статической типизацией. часто юзается ангулярщиками(он туда вроде даже изначально вкручен), и в последнее время многие резко начали юзать его в реакт-проектах. пока, в принципе, особо не горит его учить, но в будущем скорее всего придется, ибо народ начал понимать, что писать большие проекты на голом js это ад 🙂

- рендер реакта на разных платформах: react-native, https://microsoft.github.io/reactxp/, https://proton-native.js.org/, https://github.com/ptmt/react-native-macos. скоро везде и всюду будут кривые, медленные, жрущие всю свободную память приложения написанные на js 🙂


это на примере реакта.

вью я смотрел, но изучать глубоко не стал. на работе мы его все равно не юзаем, да и мне не оч понравилась верстка на шаблонах, возвращаться к ним после jsx нет особого желания.

но вообще его хвалят, в том числе за то, что он простой и быстро учится. аудитория как и у реакта - берут для проектов любых размеров, но всякие крупные компании/приложения/корпорации больше юзают ангуляр