Как я превратился из графического дизайнера в фронтенд разработчика за 5 месяцев

1656666976 kak ya prevratilsya iz graficheskogo dizajnera v frontend razrabotchika za

2017 год был для меня сложным, но увлекательным. В марте я бросил работу графического дизайнера и вошел в лабиринт мира программирования. Через пять месяцев я наконец-то получил работу фронтенд-разработчика в Tenten.co.

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

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

Помните, что идеального (универсального) пути для всех людей не существует.

Мой фон

1*c0Fyn78L-3mAwOI7Y0I5-Q
Моя страница на Behance

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

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

Почему я хотел кодировать

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

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

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

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

Я устал от этой игры через два года своей карьеры графического дизайнера.

Именно тогда я решил взглянуть на всегда актуальную тему фронтенд разработки на Medium.

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

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

Что делать

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

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

Итак, я поставил цель и составил список обязательных задач с моим глубоким пониманием front-end разработки:

1*ehSmyC2xi9z8bG9otjGrWA
1*CCaJtFsUPWsVG-8EFCzYnw
Список навыков, которым я хотел научиться, и примерный план, который я набрасывал на бумаге

1. Цель

Получите работу фронтенд разработчика

2. Как достичь цели

Создайте сайт моего портфолио, чтобы продемонстрировать мои способности

3. Задания для выполнения

  • Изучите HTML, CSS, jQuery/JavaScript
  • Дизайн сайта портфолио
  • Подготовка портфолио работ

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

  • Сасс
  • глоток
  • CS50
  • Базовый Unix
  • Базовый WordPress
  • Джекилл
  • Базовые знания AWS
  • Базовые знания сетей

Примечание. Правда, взрывное количество информации в Интернете наполнило меня новыми вещами, которые я должен был узнать. За эти пять месяцев я однажды включил в список Node.js, React.js, PHP. Вышеуказанные задачи были теми, которые я в конце концов выполнил.

1*N6Tzds89N7vBldKTOK1klQ
Мой отчет Toggl с марта по июль 2017 года

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

1*Km80CyFd9l3msXRoce6lxQ
Асана по расписанию

Кроме того, я взял a долгосрочная цель -> месячная цель -> недельная повестка дня -> daily метод повестки дня, чтобы сделать мое обучение расписаниемule, и Асана была моим лучшим помощником в деле этих задач.

Где учиться

Я старался учиться на многих платформах, учебниках или статьях. Вот список ресурсов и мои мнения по каждому из них:

Учебные платформы

Тогда я ненавидел учебники, которые показывали мне строки кода, с которыми у меня не было никакого представления, что делать. Некоторые считали, что я все знаю, или говорил пока игнорировать это. Пожалуйста, я действительно не понимал даже строки кода на экране, потому что я был СОВСЕМ НАЧИНАЮЩИХ.

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

  • Codecademy Многие рекомендовали его, но тогда я был очень разочарован его учебниками. Я всегда оставался на практике без каких-либо подсказок.
  • Код Школа Я провел здесь много времени, потому что учителя четко объясняют почему. Рекомендуется.
  • домик на дереве Тот, у которого больше рекламы на Youtube! Treehouse отлично поработал над маркетингом, и это сработало (по крайней мере для меня, как для потерянного новичка). Он охватывает так много тем, некоторые из которых были для меня действительно полезны. Например, трудно найти достойный учебник по WordPress для студентов-разработчиков интерфейса, но у Treehouse есть такой.
  • freeCodeCamp — Большая любовь к freeCodeCamp! Это сообщество имеет четкий путь для начинающих и знает, когда забрать тренировочные колеса от ученика. Когда-то я беспокоился, что делать дальше после изучения основ HTML, CSS и JavaScript, но freeCodeCamp поставил небольшие проекты на правильные места на пути обучения. Сообщество также делится отличными публикациями на Medium и электронной почтой. Настоятельно рекомендуется!
1*mH1IP2Gb515C9bm93KxbPg
Мои закладки обучающих платформ в Safari

Канал Youtube

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

  • The Coding Train — Ведет профессор ITP Нью-Йоркского университета Дэниел Шиффман, являющийся самым активным преподавателем, которого я когда-либо видел, предоставляет видео, которые легко просматривать.
  • thenewboston охватывает почти любые темы, которые я могу придумать. Ведущий Баки имеет силу сделать так, чтобы страшные вещи звучали легко.
  • Academind – также предоставляет разнообразные учебные пособия. Легко следовать. Рекомендуется.
  • Fun Function – Ведущий Маттиас Петтер Йоханссон – разработчик, ранее работавший в Spotify и Blackberry. Его канал – это отличное место для легкого изучения JavaScript.
  • Академия Linux – Здесь я получил базовые знания об AWS. Понравилось!
  • Компьютеролюб – все видео здесь посвящены компьютерным вещам. Интересно знать, но я, вероятно, никогда не пойму, о чем они говорят.
  • Компьютерщик Эли – здесь я получил знания о сети или серверах.
  • mycodeschool – Мой лучший друг, пока я брал CS50. Он ясно объясняет информатику. Очень понравилось.
1*JuAq9ueclswCWzO8yOv9rg
Кодирование железнодорожного канала

Статьи для чтения

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

1*luF8qqEuIVIu8Gw0QDLuBQ
Эти статьи прилагали мне силы всякий раз, когда я чувствовал, что застрял

Другие полезные ресурсы

  • JavaScript: Understanding the Weird Parts — Отличный курс Udemy, разъясняющий мне столько запутанных частей JavaScript. Настоятельно рекомендуется.
  • CS50 в Гарварде — я знал, что знание компьютерных наук не обязательно для того, чтобы подать заявку на работу младшего фронтенд-разработчика, но я не мог устоять перед соблазном пройти этот курс, потому что он выглядел очень интересным! Это стоило моего драгоценного времени в ретроспективе.
  • NYMY — Эпизод 1 — Pieter Levels – NYMY – это подкаст-шоу, которое проводит талантливый дизайнер Тобиас ван Шнайдер. В этом эпизоде ​​он взял интервью у разработчика NomadList Питера Левелса. Я несколько раз слушал рассказ Питера, когда лежал. Это часовое шоу познакомило меня с безграничными возможностями программиста/дизайнера.

Как устроиться на работу

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

Пора искать новую работу.

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

1*8EqiNBNjzQClrMkpgrVBog
?Tenten.co ?

За дизайнерским агентством Tenten я наблюдал не менее трех лет. Это единственное агентство, которое может использовать дизайн, цифровое развитие и инновации одновременно на Тайване. Они были в моем списке «пожалуйста, возьмите меня на работу» в течение длительного времени, и я считал, что Tenten – единственная компания здесь, которая также будет продана благодаря моим междисциплинарным навыкам.

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

И, наконец…

1*U8Voa7O-f6xcDS6ZDZyE-Q

В ретроспективе

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

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

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

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

Я очень рад, что уже 6 месяцев был разработчиком интерфейса в Tenten. Путешествие учебы никогда не заканчивается!

中文版連結 (китайская версия) / Читайте больше моих работ на vinceshao.com

Добавить комментарий

Ваш адрес email не будет опубликован.