aoberon
@aoberon
Database Developer

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

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

Стоит ли на фрилансе размещать такой запрос или есть более подходящие для этого площадки? Или может кто-то конкретных людей знает?
Или может кто-то проводит супер-интенсивный курс по фронтенду.
  • Вопрос задан
  • 7359 просмотров
Решения вопроса 3
zoonman
@zoonman
CEO @ LinuxQuestions.ru
Чувак, идешь сначала сюда 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
Ответ написан
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании
Есть codementor.io , там можно отсортировать по "русский" и "javascript", например. Потом думаю сможете договориться работать без системы.

p.s. в целом сложно найти ментора. Обычно два пути: платить больше чем человек получает по ставке в час на "подработках", либо пройтись по знакомым разработчикам, которые смогут порекомендовать кого-нибудь (но тут неизвестно, насколько хорош или плох уровень будет)
Ответ написан
VortomS
@VortomS
I want to find myself
Здесь глянь. https://mkdev.me/mentors
Есть 4 ментора по frontend.
1 правда постоянно забит очередью - ибо девушка )))
Ответ написан
Пригласить эксперта
Ответы на вопрос 5
dimonchik2013
@dimonchik2013
...а ну-ка пыль сдуй отсюда...
внутри тебя

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

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

Я бы даже сказал, JavaScript не обязательно означает frontend. Если нужен фронтенд, так и пишите.
Кстати последние три пункта можно освоить за 1 день.
Ответ написан
@Elizavetta
Matroid: gamedev/js-разработка
- best practices сборки статичных SPA, т.е. без бекенда и всяких изоморфных извращений:)
- системы сборки (gulp, webpack, brunch, jspm и тп)
- модули AMD, CJS, UMD. Как их правильно подключать и использовать в небольших проектах.
- сборка и подключение css. postcss

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы