Блог Антона Филиппова

Заметки независимого frontend разработчика

Советы по работе на Upwork о которых вы могли не знать

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

На самом деле это не так. На дистанции всегда превалирует ваш набор навыков, как технических — в той сфере, в которой вы работаете, так и маркетинговых — умение найти правильного клиента и выиграть тендер на выполнение его проекта.

Если фрилансеру удаётся поддерживать свои навыки и профиль на высоте — его можно назвать успешным. В этой статье я не буду делать упор на то, как развить собственные навыки, но хочу поделиться небольшими лайфхаками, которые помогут вам выделиться среди остальных фрилансеров, о которых вы, вероятнее всего не знали.

1) Уровень вашего опыта.

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

2) Привязанные социальные сети.

На той же странице можно найти секцию привязки социальных аккаунтов к Upwork. Биржа относится более доверительно к фрилансерам раскрывшим свои профили и также помогает вам продвинуться в поисковых результатах. Пруф(6 пункт) .

3) Первая строчка в Overview.

Этот пункт очень важен, но почему-то многие не уделяет ему внимания. Я часто замечаю, что фрилансеры начинают свои овервью примерно таким образом(имя на скриншоте изменено):

Клиент в результатах поиска видит минимум информации из вашего профиля, и эта строчка может сыграть вам как на пользу, так и наоборот оттолкнуть потенциального заказчика. Не нужно дублировать в ней то, что написано в вашем заголовке, писать своё имя и фамилию или город/страну проживания. Для клиента не важны ни english translation вашего имени, ни ваш возраст.
Постарайтесь уместить в этой строке ту информацию, которая будет выделять вас среди остальных фрилансеров.

4) Стоимость работы в fixed-контрактах

Клиенты чаще всего не будут разбираться в технологиях и будут ставить некорректные стоимости в fixed-контрактах. Если вы ищете работу не только на почасовых проектах и готовы взяться за проект с фиксированной стоимостью — не постесняйтесь указать в заявке ту стоимость, которую считаете нужной. Даже если она будет выше заявленной заказчиком.

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

На удивление, эта тактика очень часто срабатывает. Но не нужно перебарщивать и искусственно завышать цену там где это не нужно.

5) Поделитесь опытом

Этот лайфхак определенно не для всех, но если вы хорошо владеете английским и любите писать — есть возможность отправить статью в блог Upwork, площадку с высокой посещаемостью, как клиентами так и коллегами. Если ваша статья будет качественной и продемонстрирует ваши навыки, потенциальные клиенты обязательно перейдут из статьи прямо в ваш профиль на бирже, что уже может вылиться в последующий offer.

2016   tips   upwork

База знаний по Upwork Job Success Score

Что такое JSS? Почему он упал? Реально ли найти работу с 88%? Что даёт Top Rated?

Эти и многие другие вопросы то и дело возникают в сообществах фрилансеров, работающих на Upwork, и комментарии к ним зачастую состоят из разных, а порой и противоположных ответов.

В этой статье я решил поделиться всем своим опытом работы с этим показателем, исходя из моего ~полуторагодового опыта работы на Upwork. За это время мой рейтинг колебался от 80 до 100% от проекта к проекту меняя свои значения на ±5-10%.

История

Изначально, на oDesk(имя биржи, до слияния с Elance), рейтинг фрилансеров представлял собой оценку по пятибалльной шкале, которая бралась, как среднее арифметическое из всех отзывов фрилансера.

Этот подход многих устраивал и никто не жаловался. Рейтинг фрилансера был прозрачным.

Но вскоре после того, как биржа стала Upwork-ом и пришел новый СЕО, появился мистический Job Success Score(далее — JSS). Вскоре после введения этого показателя комьюнити биржи взорвалось от негативных сообщений непонимающих фрилансеров.

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

Плюсы и минусы

Я начал работать на Upwork, когда JSS уже был в профиле, но рядом с ним ещё были те самые звёздочки(вскоре их убрали из профиля, но они остались в My Stats).
И сравнивая эти 2 показателя по объективности я полностью отдаю предпочтение Job Success-у. И вот почему:

+ Основа JSS — приватные отзывы.

Рейтинг фрилансера формируется из приватных оценок клиентов, которые фрилансер не видит и не сможет узнать. Часто, чтобы не портить отношения с фрилансерами, клиенты ставят 5 звёзд и пишут красноречивые дифирамбы в публичные отзывы. Причины могут быть и другие, например, просо вежливость или нежелание обидеть, но это не характеризует работника как профессионала, поэтому приватные отзывы в целом можно назвать более искренними.

Очень часто возникают ситуации, когда фрилансер получает 5-тизвездочный отзыв в историю, но после пересчёта рейтинга обнаруживает его уменьшение, это чаще всего и будет означать, что клиент не совсем доволен работой (или по ошибке, но об этом в минусах)

+ Актуальность

Job Success формируется сразу в трёх версиях — за предыдущие полгода, год и 2 года работы. Далее берётся лучший показатель из трёх и он становится вашим рейтингом.

Это означает, что любое значение JSS можно исправить и сделать 100-тным рано или поздно. В случае со звёздами, если вы однажды получили оценку, отличную от максимальной, вы уже никогда не смогли бы иметь 5.00 рейтинг, так как имея даже 100 пятизвездочных отзывов и один четырёхзвездочный, среднее арифметическое будет 4.99.

Если вы получили плохой по вашему мнению JSS, то через полгода усердной и качественной работы вы всё равно можете иметь 100%.

Естественно, система имеет и свои минусы:

— Непрозрачность

Большинство фрилансеров не знают как формируется их рейтинг.
По моему мнению, работники могли бы лучше регулировать свой рейтинг, если бы видели причины изменений JSS. Например, как это сделано у StackOverflow:

— Возможное непонимание важности приватной оценки клиентом

Клиенты в большинстве своём не знают как формируется рейтинг фрилансера, и как повлияет та или иная приватная оценка на рейтинг фрилансера. У меня был случай, когда мой JSS обрушился на 8% по причине того, что заказчик не так понял, что именно это за оценка и решил, что это отзыв о самой бирже, а не о моей работе. Он поставил 8/10 и я это выяснил уже после того, как потерял львиную долю репутации профиля.
В таких случаях нет смысла писать в саппорт, даже если сам заказчик напишет, что он ошибся и на 100% доволен вашей работой, рейтинг уже не вернуть.

Решением этой проблемы я вижу выскакивающее окошко для клиента, когда он ставит оценку, которая негативно повлияет на Job Success, что-то в духе текста с красными буквами «Вы действительно хотите поставить такую оценку? Это понизит рейтинг фрилансера».

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

Ответы на самые популярные вопросы

Как рассчитывается JSS

Когда Job Success только появился, некоторые люди быстро догадались как легко подсчитать свой рейтинг и предугадать насколько процентов он повысится/понизится.

Считалось это по такой формуле: M/N, где M — сумма баллов по закрытым проектам, а N — количество закрытых проектов.

Баллы за проекты давались в зависимости от оценки в приватном отзыве:

  • 0-2: 0 баллов
  • 3-8: 0.5 балла
  • 9-10: 1 балл

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

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

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

  • Деловые отношения с регулярными выплатами на протяжении 90+ дней повышают JSS
  • Неактивные контракты без выплат в течение 90+ дней понижают его.

Мой JSS упал до N %, меня теперь не инвайтят, а конверсия с заявок сильно снизилась, что делать?

Не унывать! Как упоминалось выше, всегда можно вернуть 100% JSS, но для этого потребуется время и усердие. Люди на моих глазах поднимали по 40% рейтинга за несколько месяцев, порой даже в очень узких сферах.

В принципе, комфортно работать можно с JSS 50+, но уже на этой отметке нужно концентрироваться на повышении рейтинга.


По каким причинам может понизиться JSS?

JSS может понижаться из-за неактивных на протяжении 3 месяцев открытых контрактов, средних или плохих приватных отзывов, а также проектов закрытых без отзыва(No feedback given).


Какая разница между 80-90-100% в конкретных цифрах по собственному опыту?

Разница определённо есть, если JSS ниже 90%, то вероятность получить приглашение понижается на порядок. Также, стоит заметить, что JSS пропорционально влияет на конверсию с заявок.

По своему примеру могу сказать, что при 90% мне отвечали на 5 заявок из 10, а при 80% — на ~3.

При показателе 100% меня заваливают приглашениями на работу, несмотря на то, что в моём профиле даже нет портфолио.


Насколько часто обновляется JSS?

Обычно Job Success обновляется раз в 2 недели по воскресеньям после полудня по MSK, но не исключен пересчёт рейтинга в любой другой день. Увидеть дату последнего пересчёта можно в My stats.

Есть ли ещё какие-то привелегии у людей имеющих высокие показатели Job Success?

Если достаточно долго поддерживать JSS > 90%, рано или поздно вы получите бейдж Top Rated, что даст вам некоторые привелегии, такие как доступ к дополнительному разделу на форуме, приглашения на вебинары, а также главная фишка — возможность влиять на свой Job Success, подробнее об этом я писал в анонсе ранее.


Каких клиентов нужно избегать, чтобы быть спокойнее за свой рейтинг?

Если у вас есть предчувствие, что клиент неадекват — не принимайте оффер.
Если клиент торгуется — не принимайте оффер.
Если клиент не может предоставить хорошо оформленные данные для работы(нет исходников, проект имеет плохую структуру и т.д) — не принимайте оффер.
Работайте только с идеальными клиентами если вам важен ваш рейтинг и нервы. Только взаимные доверительные отношения приведут вас и клиента к вашим целям.


Мне понравился проект, но в нем есть требование JSS>90%, а мой рейтинг ниже, стоит ли писать заявку?

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


Как быстро и эффективно поднять JSS?

Лучший способ поднимать JSS это закрывать проекты с 10-балльными приватными отзывами. Когда близится завершение проекта — поинтересуйтесь у клиента насколько он доволен вашей работой и скажите, что его оценка очень важна для вас. Предоставьте ему гарантию, например, что в течение месяца после закрытия проекта вы поправите любые баги бесплатно(не путать исправление собственных ошибок и недочётов с дополнительным объемом работ).

Если у вас есть контракты, которые длятся уже пару месяцев — обязательно постарайтесь проработать по ним столько, чтобы они вошли в категорию долгосрочных работ(90+ дней), это очень положительно повлияет на ваш рейтинг.

Чтобы удержать рейтинг на высокой планке — не забывайте закрывать неактивные контракты.

Есть мнение, что быстро и эффективно повысить рейтинг можно закрыв большое количество контрактов с низкими суммами. Действительно, если у вас есть гарантия, что клиенты будут ставить вам десятки в приват на этих проектах — вы быстро подниметесь по лестнице JSS. Но как раз такую гарантию очень сложно получить, ведь чаще всего на низкооплачиваемых контрактах находятся самые противные и привередливые клиенты, которые с бóльшей вероятностью, наоборот, сделают только хуже.


Официальные ссылки

https://support.upwork.com/hc/en-us/articles/211068358-My-Job-Success-Score
https://www.upwork.com/blog/2015/06/job-success-score-upwork/

Вывод

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

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

2016   jss   upwork

Что должен знать фронтэнд разработчик?

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

Меня часто спрашивают, что нужно изучить, чтобы начать работать как верстальщик или фронтэндер, и по статистике, в моем FAQ одноимённый вопрос один из самых популярных.

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

Инструкция в некоторой мере повторяет мой путь, что гарантирует как минимум 25$ рейт для человека, который основательно и дисциплинированно пройдет по ней(это мой фактический по часовой рейт на бирже на момент написания статьи).

Примечание: Я неспроста выбрал именно такой порядок изучения, и поэтому желательно придерживаться именно такой последовательности, не перепрыгивая через пункты, если вы не владеете ими на необходимом уровне. Это не касается пунктов 0 и 3.

Если у какого-либо пункта стоит невысокий показатель важности, это не значит, что его нужно пропускать, просто незнание этого пункта усложняет процесс разработки в той или иной степени.

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

0. Английский язык

Сложность 3/10
Важность 10/10

Английский язык — самый фундаментальный навык для айтишника.
Можно изучать языки программирования, технологии и различные инструменты с помощью переводов, но это очень сильное ужатие себя в рамки как по количеству, так и по актуальности информации.
Большинство публикаторов из любой страны мира публикуют информацию на английском языке. В российском же сегменте остаётся полагаться на русскоязычный контент либо на возможные переводы.

В случае с фундаментальными книгами, типа JavaScript. Definite Guide — вы с лёгкостью найдёте локализованную версию, но если это статьи из блогов, новостных сайтов или тематических сообществ, то как минимум перевод вы увидите через некоторый период после публикации, а как максимум его просто не будет.

Если уж говорить о видеокурсах, ответах на вопросы на StackOverflow и дискуссиях в сообществах — перевода можно и не ждать с 99% вероятностью.

Английский язык также пригодится при общении с клиентами из разных стран.

DuoLingo

Основы грамматики, начальный словарный запас, тестирование своих навыков

LinguaLeo

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

• Технические статьи

Можно начинать изучать технические статьи и видеоуроки из списка ниже, держа под рукой словарь. Первой технической книгой, которую я читал на английском языке была ФЛЭНАГАН РУБИ, поначалу я заглядывал в словарь по несколько раз на страницу, но уже к середине книги я отложил его и скорость моего чтения и усваивания информации возросла. Техническая литература ПРОЩЕ художественной, а учитывая, что подобные книги как минимум на треть состоят из фрагментов кода, порог вхождения в мир технической литературы снижается пропорционально.

• Переводы

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

1. HTML/CSS

Сложность 4/10
Важность 10/10

HTML и CSS это язык разметки и таблицы стилей. Ключевая связка не только для фронтэндера, но и для веб-разработчика/веб-дизайнера.

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

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

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

HTMLAcademy

Лучший русскоязычный ресурс по изучению разработке, и в то же время лучший способ быстро понять принципы вёрстки, а также начать привыкать к тэгам, свойствам и значениям.
Интерактивное обучение с интересными задачами не дадут вам заскучать. А после прохождения бесплатных курсов вы скорее всего захотите купить подписку на сайте(300₽), которая даёт доступ к изучению дополнительных тем.

• Codeschool, FreeCodeCamp, Codecademy

CS
FCC
Codecademy
На этих ресурсах тоже есть курсы по вёрстке, они несколько уступают HTMLAcademy, но всё же тоже дают некую базу. Ресурсы перечислены в порядке убывания качества информации.

• Справочники, спецификации

HTML Book
W3C Schools
MDN
Подробное описание всех CSS селекторов
Сюда вы будете заглядывать, чтобы подглядеть параметры свойств и аттрибуты тэгов.

• Практика

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

2. Twitter Bootstrap

Сложность 2/10
Важность 7/10

Самый популярный css-фреймворк, и скорее всего первый фреймворк на вашем пути.
Bootstrap — это набор стилей, а также JavaScript ШТУЧЕК, которые ускорят вашу разработку.

Существует множество других css-фреймоворков, но владеть Bootstrap'ом должен каждый веб-разработчик или веб-дизайнер.

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

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

• Документация

Bootstrap 3
Bootstrap 4 alpha

Курс на CodeSchool

• Другие CSS-фреймворки

Foundation
Semantic UI
сравнение

3. Работа с командной строкой и системами контроля версий(СКВ)

Сложность 5/10
Важность 9/10

Для полноценного воркфлоу вы должны уметь пользоваться командной строкой и СКВ хотя бы на среднем уровне.

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

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

• Codeschool

Git Path
На кодскуле есть ветка посвященная git и github, очень подробно разбираются все моменты, первый курс из четырёх доступен без платной подписки.

ProGit 2

Переведённая на русский язык версия популярного учебника.

• Курс по основам командной строки

Command Line Power User
Серия бесплатных уроков, чтобы получить их — нужно оставить свой почтовый адрес.

4. JavaScript

Сложность 8/10
Важность 8/10

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

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

• Codeschool

JS Path
Множество отличных курсов в специальной ветке, посвященной языку.
(CoffeeScript, Node, Express можно пропустить, если вы пока не хотите писать бэкенд)

Learn JavaScript

Замечательный источник для изучения, да ещё и на русском языке. На мой взгляд не имеет аналогов. В конце каждой темы есть задачки на отработку.

• Книги

Носорог
Выразительный JS
Good parts

• JS Right Way

Лучшие практики языка

Ооочень много всякого разного

Задачки по JS

FreeCodeCamp

Основной упор ресурса идёт как раз на JavaScript, очень много задач как алгоритмического характера так и практического(т. н. Ziplines).
Можно получить бесплатный сертификат, а также поработать в опен-сорс проектах.

5. Gulp, Webpack

Сложность 5/10
Важность 9/10

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

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

Я выбрал именно эти 2 инструмента, потому что они самые передовые в своей отрасли, а также не исключают друг друга.

• Илья Кантор

Gulp
Webpack
Замечательные бесплатные видеокурсы посвященные обоим инструментам научат вас пользоваться ими на хорошем уверенном уровне.

Официальная документация Webpack

Разбор сложных моментов Webpack

6. Препроцессоры

Сложность 2/10
Важность 8/10

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

Код с использованием препроцессоров Jade и Stylus

Код написанный на чистом HTML и CSS

Я думаю, визуальная разница очевидна.

Помимо отличий в синтаксисе, препроцессоры также дают возможность использовать наследование, переменные, циклы, функции, миксины и многие другие фичи, упрощающие жизнь верстальщика.

Существует множество препроцессров, я предпочитаю использовать Jade и Stylus, они позволяют мне не писать лишние символы в проекте, поддерживая код чистым и легкочитаемым.

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

Курс Sass на Codeschool

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

• Официальные источники с документацией

Sass(SCSS)
LESS
Stylus
Jade

7. jQuery, jQuery UI, основы AJAX/JSON

Сложность 7/10
Важность 9/10

jQuery — самая популярная библиотека для JavaScript, она значительно упрощает работу с DOM-элементами, обменом данными с сервером(AJAX/JSON) и другими каждодневными задачами.

jQuery UI — это набор функций, предоставляющих различные визуальные эффекты, стоит научиться ими пользоваться, чтобы не изобретать каждый раз новые и не всегда надёжные решения.

Ваше приложение уже живое и интерактивное, но оно также должно уметь управлять данными. Поэтому в этом этапе я предлагаю научиться работать с AJAX, так как это самый популярный метод для обмена данными.

В очередной раз несколько курсов на CodeSchool

Официальная документация jQuery

Официальная документация jQuery UI

Примеры использования jQuery(тут же есть и AJAX)

Курс на Codecademy

Кратко о JSON

8. ES2015(ES6)

Сложность 4/10
Важность 7/10

Ecmascript2015 — новый стандарт языка JavaScript, добавляющий синтаксический сахар и дающий новые возможности.

Если вы купили подписку на CodeSchool, то наверняка видели раздел посвященный этому стандарту, если нет, можно посмотреть это:

Статья на CSS-Tricks

Нужно знать, что ES2015 синтаксис не полностью поддерживается современными браузерами, поэтому код приходится компилировать, для этого нужно использовать Gulp или Webpack из пункта 5.

9. Тесты

Сложность 5/10
Важность 6/10

Я не буду много говорить о тестах, просто посмотрите этот видеоролик:

10. JS-фреймворки

Сложность 9/10
Важность 9/10

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

Для эффективной работы вышеупомянутых действий необходимо использовать фреймворки. Фреймворки бывают разные, но самые популярные сейчас это React, Angular 1-2, Vue, Ember. Все они относительно похожи, но имеют свои особенности. Вам стоит выбрать понравившиеся и развиваться в них.

P.S. React это не совсем фреймворк, фактически это библиотека для рендеринга данных, но он часто используется в таком контексте, а связка с использованием Redux/Flux и других архитектур позволяет реализовывать любые хотелки клиента.

Официальный туториал по Angular 1.x
Документация Angular 2
Официальный туториал React
Раздел JS на CodeSchool

Содержит много курсов по фреймворкам, скоро появится курс по Angular 2. Я думаю, Backbone можно не рассматривать, ну а курсы по Angular и React пройти надо.
Кстати, первый курс по Angular полностью бесплатный.

Вопросы на собеседование по Angular 1.x
Шпаргалка по React


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

http://frontendbookshelf.ru

https://frontendfront.com
https://new.vk.com/jsraccoon
https://css-tricks.com
https://scotch.io/
http://www.unheap.com/

https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9#.a4tu4t2iq
https://github.com/bolshchikov/js-must-watch
http://www.clock.co.uk/blog/javascript-frameworks-in-2016
https://egghead.io/series/getting-started-with-redux
http://codepen.io/enxaneta/full/adLPwv/

Благодарю за внимание, если вам понравилась эта статья — сделайте репост и напишите комментарий :)

2016   code   css   english   es6   frontend   git   html   jquery   js   learn

Новые требования и плюшки для Top Rated фрилансеров на Upwork

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

Кратко — теперь получить бейджик Top Rated сложнее.

Предлагаю свой вольный перевод анонса:


Прошел один год с момента запуска программы Top Rated, которая определяет и поощряет фрилансеров и агентства с постоянным высоким уровнем работы.

Читая ваши отзывы на форумах о программе, мы поняли, что вы хотели бы иметь больше работы и возможностей развивать свои дела во фрилансе. В свете годовщины Top Rated и благодаря вашей обратной связи, сегодня мы представляем новые плюшки и требования для програмы. Ознакомьтесь с объявлением здесь, в блоге, мы перечислим обновления ниже.

Новые плюшки:

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

  • Эксклюзивный Дайджест Работ по email, сформированный конкретно по вашей профессиональной области поможет вам проще находить привлекательные предложения.
  • Эксклюзивные Офисные Часы Top Rated, включая вебинары, небольшие дискуссии, диалоги с участниками Upwork Team. Детали, даты и время встреч будут публиковаться в ветке Top Rated на официальном форуме.
  • Удаляйте публичные отзывы, чтобы контролировать ваш показатель Job Success. В роли Top Rated фрилансера или агентства, вы можете послать запрос на удаление публичного отзыва из вашего аккаунта. Отзыв клиента в виде звёзд и комментария(если он есть) будут скрыты из вашего профиля, а контракт потеряет своё влияние на ваш JSS. Вы можете удалять одну работу за каждые 10 завершённых контрактов, не чаще чем раз в 3 месяца.
  • Возможность проведения Top Rated встречи в вашем городе. Мы впервые проводим провести такое событие в Июне и надеемся расширять границы сообщества везде к концу этого года.

Новые требования

Мы добавили новые требования, чтобы быть уверенными, в том, что сообщество Top Rated стойко выполняет высокие стандарты профессионализма и качества работы для их клиентов, делая бейджик Top Rated еще более значимым.

  • В дополнение к предыдущим требованиям, фрилансеры и агентства теперь должны поддерживать значение Job Success выше 90% (или бейдж Rising Talent) на протяжении 13 недель из прошедших 16. Мы считаем, что фрилансеры и агенства, поддерживающие высокий статус на протяжении времени, более вероятно предоставляют качественную работу на постоянной основе.
  • Вы можете отслеживать прогресс на странице My stats. Текущие Top Rated фрилансеры и агентства имеют 90 дней на то, чтобы выполнить новые требования.
Прим. Это выглядит вот так

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


Примечание:
Удалить работы из профиля можно при наличии 10 уже закрытых контрактов, то есть правило распространяется для уже завершенных проектов.
Чтобы удалить работу — отправьте запрос на адрес freelancersuccess@upwork.com
Поддержка предоставляет 2 варианта:

  • Оставить отзыв и оценку, исключив влияние проекта на Job Success
  • Убрать оценку и  отзыв, заменив на строчку: «This feedback has been removed by the freelancer», также удалив влияние на JSS

Официальная новость
Обсуждение на форуме

2016   jss   top-rated   translation   upwork

Сравнение международных бирж для работы программистом

Всем привет!

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

Я буду рассматривать только международные биржи, ведь все знают, что на российском IT-рынке сейчас творится полнейшее безобразие, процент неадекватных проектов зашкаливает, а если взять в расчёт ещё и получение гонораров в российской валюте — становится совсем печально.
Стоки и сайты по найму на удалённую(remote) работу не будут участвовать в этом обзоре.

Итак, поехали.

Я выделю 5 самых популярных бирж, где вы можете работать в качестве IT-специалиста:

  1. Upwork
  2. Freelancer
  3. Toptal
  4. Guru
  5. PeoplePerHour, далее PPH

Совсем кратко о них (мои субъективные оценки по десятибальной шкале + значения комиссий) :

Биржа Количество проектов Надёжность Размер комиссии Работа сайта/саппорта
Upwork 10 9 20%/10%/5% 8
Freelancer 8 4 10% 7
Toptal 5 5 (0%) 8
Guru 3 4 8.95%-4.95% 2
PPH 2 3 15%-3.5% 2

А теперь подробнее.

Upwork

Единственная биржа, которую я признаю пригодной для работы. Сумасшедшее обилие проектов в любых сферах, на которой очень просто начать работать. (Пока писал этот пост в моей ленте появилось больше 200 проектов).
Ранее она именовалась oDesk, затем её выкупила биржа Elance и совместный проект стал именоваться Upwork.

С начала работы под новым именем биржа претерпела немало изменений, все сугубо положительные. Было немало багов и нестабильности в работе системы, но в 2016 году их почти не осталось.

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

Каждый месяц фрилансеры имеют возможность отправить 30 заявок на интересующие проекты. С помощью тарифного плана Upwork Plus эти заявки можно накапливать, а также количество заявок в месяц увеличивается до 35.
Продвинутый план стоит 10$ в месяц, дополнительно предоставляется возможность выбрать красивый url для своей страницы, а также скрыть заработанные суммы и рейты в профиле.

Вывод

Лучшая мировая биржа на данный момент, самые комфортные условия для фрилансера, но следственно наибольшая конкуренция.
К счастью, 90% ваших конкурентов индусы или демпингующие соотечественники, поэтому если вы хороший специалист — вас это не коснётся.


Freelancer

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

Также от этой биржи меня отталкивает то, что с фрилансера в качестве залога взимается некоторая денежная сумма. Этот момент может привести к неудобным ситуациям, когда вы взяли проект, зарезервировали средства и заказчик пропал.
Подробнее о всех сборах и комиссиях можно детально прочитать на специальной странице.

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

Вывод

Неплохая биржа с некоторыми рисками, если научиться обезопашивать себя от них, выбирая надёжных клиентов — определённо стоит рассмотрения.


Toptal

Биржа с нестандартным подходом к организации работы. Чтобы начать работать через toptal нужно пройти ряд процедур, подтверждающих вашу квалификацию. Есть спорные моменты по поводу оплаты труда, но для среднего разработчика — довольно неплохой вариант. Никакие комиссии с фрилансера не удерживаются.

Это как раз такие и есть спорный момент. Топтал берёт с клиентов по 60-95$/час за работу фрилансера, а платит фрилансеру в районе 20-30$ за час работы(в зависимости от региона проживания фрилансера, например, для россиян это 22-25$). Формально это самая большая комиссия для подобных сервисов, но по факту, они берут эти деньги за поиски клиентов и сопровождение работы.

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

Вывод

Интересный вариант, подразумевается некоторая стабильность, если вы ищете долгосрочные проекты и готовы работать по среднему ценнику только из-за того, что вы живете в стране СНГ, то обязательно рассмотрите этот вариант.


Guru

Биржа с небольшим количеством, но неплохим качеством проектов, по отзывам фрилансеров и клиентов довольно спорная. Представлена интересная линейка тарифных планов, ограничение на количество заявок — 600 в год.

Вывод:

Вывод — можно попробовать, если вас забанили на всех биржах выше по списку.


PPH

Самая маленькая биржа из списка. Маленькое количество проектов. Комиссия 15% на первые 280$ в месяц, затем только 3.5%. Почти все отзывы о бирже плохие.

Тарифные планы:

Вывод:

Не знаю зачем нужно идти на эту или более малоизвестные биржи.


Итог

Три из пяти рассмотренных бирж оказались хорошими вариантами, у каждой есть свои нюансы, поэтому тут каждый должен выбрать для себя ту площадку, которая больше подходит под его предпочтения.
Upwork — надёжность,
Freelancer — подобие руфриланса, с оплатой в валюте,
Toptal — стабильность.

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

Ctrl + ↓ Ранее