Где найти человека способного быстро и качественно научить основам JS за деньги?

Question

[Андрей]

Хочу быстро и качественно научится собирать и разрабатывать простые SPA на js. Интересует только фронтенд.
Для начала наверное мне нужен развёрнутый рассказ (на практических примерах) про
- best practices сборки статичных SPA, т.е. без бекенда и всяких изоморфных извращений:)
- системы сборки (gulp, webpack, brunch, jspm и тп)
- модули AMD, CJS, UMD. Как их правильно подключать и использовать в небольших проектах.
- сборка и подключение css. postcss

Стоит ли на фрилансе размещать такой запрос или есть более подходящие для этого площадки? Или может кто-то конкретных людей знает?
Или может кто-то проводит супер-интенсивный курс по фронтенду.

Comments

[Антон Рейтаровский]

В интернете есть кучи ресурсов по интересующим вам темам в бесплатном доступе, а скорость и качество зависит от желания и времени. Так зачем же платить кому то?

[lukoie]

Антон Рейтаровский: потому что туториалы отличаются от коучинга не только платностью но и качеством материала и его восприятия.

[Андрей]

Антон Рейтаровский: желание есть, а вот время очень ограничено)

[AlikDex]

Андрей: вы провели целый час на тостере, задавая этот вопрос. А могли бы посмотреть ролик и разобрать примеры ;D

Answer 1

[Philipp]

Чувак, идешь сначала сюда https://learn.javascript.ru/
Пока Илья с товарищами по команде тебе надоедают, учишь английский.
Потом переключаешься на бритоголового https://egghead.io/
Потом, если покажется мало, начнешь курить спеки. К этому времени уже освоишь гугл и сможешь сам их найти.

Лучшие практики SPA

1. KISS - использовать только то, что действительно нужно. Например вам не нужен Javascript, если нужно просто сделать выпадающее меню. Достаточно просто CSS. Тоже самое применяется и к JS, вам не нужен Angular, если есть просто форма обратной связи. Такая задача решается на vanillajs.
   
2. Использование фреймворков, например bootstrap, foundation и т.д. Обычно из них берется типография и сетки. Иногда формы. Я обычно беру bootstrap-stylus и собираю из него.
   
3. Critical rendering path - минимальный набор CSS, который требуется для отображения первого экрана страницы, который потом будет встроен внутрь html-файла. Пример.
   
4. Применение систем сборки, например gulp. Основной смысл заключается в том, что сначала вы дробите SPA на множество мелких компонентов/модулей/блоков. Затем унифицируете их. В итоге получается набор небольших файлов. Затем из этого набора собирается два больших файла (css, js) и они прогоняются через оптимизатор и минификатор.
   
5. Использование CDN. CDN позволяет ускорить загрузку для часто-посещаемых и популярных страниц за счет уменьшения времени доставки контента. Особенно актуально для SPA, поскольку они представляют собой статический контент, который можно кэшировать без последствий.
   

Системы сборки

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

Модули AMD, CJS, UMD

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

Сборка и подключение css

Здесь и так ясно, что нужно сначала освоить сборщики. postcss - это когда обычный css скармливается фильтру, который разбирает его, добавляет префиксы к свойствам, оптимизирует наименования цветов и т.д. Убирает дублирующие свойства.

В целом очень толково про оптимизацию расписано здесь https://developers.google.com/web/?hl=ru

Comments

[Frel]

А как английский учить?

[Philipp]

Frel: вот тут много всего на эту тему https://toster.ru/tag/%D0%B0%D0%BD%D0%B3%D0%BB%D0%...

[Moe Green]

на egghead.io - и все бесплатно?! как классно! ))

[Kamil Mugutdinov]

Valery Semenencko: egghead не весь бесплатный

Answer 2

[Максим]

Есть codementor.io , там можно отсортировать по "русский" и "javascript", например. Потом думаю сможете договориться работать без системы.

p.s. в целом сложно найти ментора. Обычно два пути: платить больше чем человек получает по ставке в час на "подработках", либо пройтись по знакомым разработчикам, которые смогут порекомендовать кого-нибудь (но тут неизвестно, насколько хорош или плох уровень будет)

Comments

[Андрей]

codementor.io - прямо открытие) если найду там кого-то с приемлемым рейтом так вообще круто! а то 2000 руб за 15 минут немного больше чем я ожидал, хотя и в пределах бюджета

[abbrakadabbra]

Максим Мне интересно что можно сделать за 15 минут и 2500 рублей, которые они стоят? Т.е. практически чем эти 15 минут отбиваются? Недавно заказывал консультация, но не в рамках программирования (юридическую), заплатив более 3500 за 1 час, так мне ответили на все вопросы, но потом было куча непонятных моментов, которые пришлось узнавать уже после.

[Максим]

abbrakadabbra: на самом деле - многое. Когда у вас уже все приготовлено (например есть репозиторий с проблемным кодом, либо вы готовы пошарить экран с ошибкой) - за 15 минут знающий человек может много объяснить. Еще стоит понимать, что 40$ (±2500) - не самая дешевая ставка. Есть ставки ниже, есть "первые 15 минут бесплатно", есть возможность решать проблему 30 минут, но оплатить только 15 (например, если вы попутно успели обсудить какой-то вопрос общий и например, минут 5 обсуждали где это есть в документации и как вообще искать такие вещи). Если мы говорим, о том, что есть ставки ниже 40$, например 20$, стоит понимать, что ставка в 20$ - это очень низкая ставка для "зарубежных". По своим консультациям, могу сказать, что показатель "второй покупки" самый высокий в области консультирования. Люди приходят еще и еще, иногда на час, а потом возвращаются с "кучей непонятных моментов", которые у них родились в процессе решения задач самостоятельно, иногда на 2 часа (больше 2х часов - не результативно), иногда 30 минут. Меньше 30 я сам лично еще не консультировал, но на код-менторе уже брал консультацию на 15 минут и на 30 (уложились в 23). "Чем они отбиваются" - здесь все просто. Допустим ваш час стоит 1000 рублей, вы прикидываете, что на решение проблемы у вас уйдет 3 часа гугления и экспериментов, и возможно, результата не будет, либо вы уже потратили больше 2500 рублей в часах на это... Значит пора взять ментора и спросить. Один минус - это затягивает! P.S. извините за то, что мысли написаны "рвано". Сам я созрел на консультации (их было всего 2 на данный момент) только после того, как сам начал консультировать. Когда ты экономишь людям за 1 час больше дня поисков и разбирательств - начинаешь верить, что ментор это очень круто. P.P.S. так же в любой другой сфере. Например, пишите вы музыку, смотрите туториалы на ютубе - но не понимаете какой-то момент и у вас все дело встало. Идете к ментору, он при вас крутит ручки, и вы задаете вопросы - а это почему крутанули, а вот это где посмотреть? И опять же временной промежуток может быть очень маленьким, а выхлоп очень большим.

[abbrakadabbra]

Максим: возможно нужно попробовать. Остается момент, что если ты начинающий, то вопросов будет много, поэтому обращаться по каждому вопросу выйдет очень дорого.

[Максим]

abbrakadabbra: конечно! Так же в любой сфере (спорт, программирование...мм...кулинария.. =) ) Если ты начинаешь сразу с кем-то 1 на 1 заниматься - это очень дорого, но быстрый прогресс. Если же хочется минимизировать расходы вообще - занимаешься сам, но долго. Золотая середина - занимаешься сам, есть вопросы - идешь к "сенсею".

Answer 3

[Сергей Vortoms]

Здесь глянь. https://mkdev.me/mentors
Есть 4 ментора по frontend.
1 правда постоянно забит очередью - ибо девушка )))

Answer 4

[Владислав Балабанович]

Пройти интенсив с наставником – https://htmlacademy.ru/intensive/javascript

Answer 5

[Dimonchik]

внутри тебя

ищи youtube sorax javascript

Comments

[Moe Green]

не понимаю, как можно что-либо учить по Sorax )) в лучшем случае - это видео-справочник по js )) но тогда лучше learn.javacript.ru ))

[Dimonchik]

книга лучше всегда

но на дорожке или в машине книга неособо

Answer 6

[Yustas Alexu]

Для начала наверное мне нужен развёрнутый рассказ (на практических примерах) про
- best practices сборки статичных SPA, т.е. без бекенда и всяких изоморфных извращений:)
- системы сборки (gulp, webpack, brunch, jspm и тп)
- модули AMD, CJS, UMD. Как их правильно подключать и использовать в небольших проектах.
- сборка и подключение css. postcss

Это далеко не основы JS. А заголовок вопроса:

Где найти человека способного быстро и качественно научить основам JS

Я бы даже сказал, JavaScript не обязательно означает frontend. Если нужен фронтенд, так и пишите.
Кстати последние три пункта можно освоить за 1 день.

Answer 7

[Елизавета Борисова]

- best practices сборки статичных SPA, т.е. без бекенда и всяких изоморфных извращений:)
- системы сборки (gulp, webpack, brunch, jspm и тп)
- модули AMD, CJS, UMD. Как их правильно подключать и использовать в небольших проектах.
- сборка и подключение css. postcss

Все перечисленные вопросы к качеству приложения отношения не имеют, чисто технический момент. Если нужно качественные приложения научиться делать, надо качать что-то другое, с упором на тестирование и пятую точку. Чтобы качество возникало быстрее, чем у других, в любом случае потребуется 1-3 года практики, чтобы столкнуться с распространенными подводными камнями. За практическими заданиями и codereview можно ко мне обратиться.

Answer 8

[Frel]

loftschool

Comments

[Kamil Mugutdinov]

яма

[Ольга Ветер]

не стоит

[Frel]

Роман Иванов, обоснуй?