angelzzz

В нашей компании UX/UI дизайнер развивается скорее больше в сторону PM или бизнес-аналитика, т.к. больше работы с клиентом. Базовых знаний верстки вполне достаточно, чтобы не получать косых взглядов от отдела разработки. В любом случае, всегда можно пообщаться с ребятам из фронта, если сомневаешься в реализации. Наши фронты всегда помогают и объясняют. Они крутаны.

P.S. Я бы не слушал человека, который в 2018 году говорит, что дизайнеру необходимо знать фотошоп:)

Мой любимый пример - это lib.ru
Это пример того, как надо плевать на дизайн

Есть пример покруче:)

Лучшую реализацию сервиса наставников я нашёл на codementor.io - а русских реализаций аналогичных или более качественных нет, и пожалуй кодментор самый раскрученный, поскольку в самом начале развития получил несколько $M инвестиций как стартап и знатно вложились в функционал и раскрутку.

Плюсы:
* Можно разово консультации получить
* Можно запланировать longterm на несколько месяцев вперёд
* У них есь краудсорсный сервис codereview
* Можно захантить спеца
* Можно нанять на фриланс
* Много статей интересных - по ним можно определить уровень специалистов-менторов
* Менторы могут устроить аукцион
* Менторы даже могут дать подсказку (текстом в чате) ещё до начала митинга

Минусы:
* английский в основном, но есть менторы из России и Украины - с ними можно на русском общаться
* стоимость больше 1000 р в час, но единица тарификации - 15 минут, иногда первые 15 минут бесплатные (зависит от ментора)
* мобильное приложение глючное

P.S. Я работал там и как бы со стороны ученика скажу - очень ненадёжно ориентироваться на одного ментора. Ментор то занят, то устал. Редкий ученик ждёт часы или сутки, чтобы встретиться. Чем сложнее тема, чем больше она приближена к реальным производственным задачам, тем нетерпеливей ученик. И выбор - это лучшее, что можно придумать.

Единственно правильного способа не существует, но ваш способ однозначно неправильный. Копировать node_modules с локальной машины на хостинг — это в корне неправильный подход.

По хорошему, надо начинать с одного из двух:
1) Код в репозитории GitHub/BitBucket/GitLab. При каждом деплое на сервере DO вручную выполняется git pull, npm install
2) Код в репозитории Git. Скрипт на ansible, который устанавливает на дроплете node, npm, выполняет git pull, npm install

От одного из этих вариантов можно плясать уже дальше.

Почитать:
webpack dev server
webpack hot module replacement

Библиотека для горячей замены модулей React: react-hot-loader
В папке examples есть куча примеров.

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

Тоже столкнулся с проблемой валидизации телефонных номеров.
Телефоны берутся с участников вебинаров, на которые записываются люди из очень разных стран.
Соответственно, со всеми предыдущими схемами возникают проблемы:
1) а что если телефон с Украины (не +7-, а +38-)? А из Казахстана? А США (1-)? А Уганда ( +233-)? (из Уганды, правда, пока слушателей не было, но все впереди).
2)В разных местностях приняты самые невообразимые способы разбиения телефона на группы цифр:
8(8888)8-88-88-88 например. или 888(88)88888-888. Да и какие угодно могут возникнуть в будущем.
Поэтому вариант с "дефолтным разбиением типа "8(888)888-88-88 ну совершенно не катит.

Соответственно, я придумал следующий валидатор:
1) В начале могут быть пробелы, после них может быть "+" (а может и не быть)
2) Дальше должна идти группа цифр в количестве от 10 до 14 (мне нужны номера в международном формате; но если кому-то нужны более короткие - можно исправить диапазон длин).
3) Поскольку я не знаю, как люди группируют цифры - до и после каждой цифры может быть один из 8 знаков ("-", " ", "_", "(", ")", ":", "=", "+"). Это значит, что между двумя цифрами могут быть любые два из этих знаков.

В итоге получилось очень коротко и понятно )) :
/^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){10,14}(\s*)?$/

Съедает следующие телефоны:
+7(903)888-88-88
8(999)99-999-99
+380(67)777-7-777
001-541-754-3010
+1-541-754-3010
19-49-89-636-48018
+233 205599853

Создайте третий package.json в основании проекта. Подробнее тут.
Вот пример содержания package.json

"scripts": {
        "dev": "concurrently \"cd server && npm start\" \"cd client && npm start \"",
        "build": "cd client && npm run build",
        "install": "(cd server && npm install) && (cd client && npm install)",
        "start:prod": "cd server && npm run start:prod",
        "heroku-postbuild": "npm run build"
    },
    "dependencies": {
        "concurrently": "^3.5.1"
    }
}

Ищите в области нейронных сетей, но для фронта вы такое не найдете.

https://ravenjs.com/
https://sentry.io/welcome/

перехват глобальных ошибок:

function globalError(e) {
    e.preventDefault();
    window.ga('send', 'event', 'logs', 'error', JSON.stringify({
        reason: e.reason,
        message: e.message,
        filename: e.filename,
        pos: `${e.lineno}:${e.colno}`,
        href: location.href
    }), {
        nonInteraction: true
    });
}
window.addEventListener('unhandledrejection', globalError);
window.addEventListener('error', globalError);

Гугл аналитику можно заменить на любой другой сбор логов

перехват ошибок конкретного элемента (скрипт, картинка, медиа):

element.onerror = function(e) {
  // обрабатываем ошибку
};

const consoleLog = console.log
console.log = (...args) => {
    // то что ты хочешь с аргументами делать
    consoleLog(...args);
}

аналогично для error
важный момент это надо цеплять в прелоад в браузере на нужные тебе страницы.

Знаю этот