Превращение сторонних проектов в сторонний проект
Около двух месяцев назад Нитин Сампати и я начали работать над побочным проектом, чтобы положить конец всем побочным проектам. Размещение всех наших побочных проектов под одной крышей — в собственном стороннем проекте. Мы сделали сайд-проект из множества наших сайд-проектов. Сайд проект о сайд проектах. Еще не запутались?
Представляем пиксели в процессе
Pixels in Progress — это своего рода общее совместное портфолио, где мы можем объединиться как единое целое и научиться создавать собственные цифровые продукты. Мы будем экспериментировать с новыми процессами проектирования, новыми технологиями и делиться всем (ну, насколько это возможно) по пути.
Как это началось
Днём мы увлеченные дизайнеры продуктов, стремящиеся произвести впечатление. И до сих пор, по большей части, наша работа строго оставалась в сфере дизайна. Мы исследовали множество проблем, придумали множество решений и визуализировали эти решения с помощью прототипов и высокоточных композиций. Однако обычно это была финишная черта. Наши проекты либо передавались команде разработчиков, либо уплывали в какое-то загадочное отставание, о котором никто больше никогда не слышал.
Итак, мы меняем это. Мы учимся кодировать и выясняем, как создавать (и поставлять!) сервисы, приложения или веб-сайты, которые мы всегда «просто» разрабатывали — и все это самостоятельно. План состоит в том, чтобы перейти от проталкивания пикселей к созданию продуктов, и, надеюсь, к концу всего этого у нас будет что вернуть сообществу дизайнеров, которое уже было чрезвычайно любезно к нам.
Наш первый проект
Для нашего первого проекта мы решили создать простое погодное приложение, которое отображает температуру, краткое описание прогноза и изображение из Unsplash. Приложение было создано с использованием React на интерфейсе и Express (Node) на сервере, и все они были развернуты в Heroku. Обязательно ознакомьтесь со статьей Нитина Простое погодное приложение с React, чтобы глубже погрузиться в код и узнать, как создать его самостоятельно в кратчайшие сроки.
Как мы учились
Нам не терпелось запустить как погодное приложение, так и сайт-портфолио, поэтому мы ценили скорость и поломки, а не более медленный и целенаправленный процесс. Это, безусловно, будет меняться и совершенствоваться со временем, когда мы станем лучше в разработке, но на данный момент это было то, что должно было произойти. Используя комбинацию онлайн-курсов, учебных пособий и видеоконтента, мы смогли создать полностью функционирующее приложение примерно за месяц.
Линда
С самого начала мы знали, что хотим создать приложение с использованием JavaScript. Мы уже немного познакомились с ним из нашей повседневной работы и подумали, что это будет хорошей отправной точкой. Мы обратились к курсу JavaScript Essential Training на Линде.
Курс длился около 5 часов и стал превосходным ускоренным курсом в мир разработки JS. Вводные видеоролики отлично подходят для начинающих, однако мы пропустили их, так как уже были знакомы со многими из представленных концепций программирования. Курс интегрирует два или три реальных проекта в рабочий процесс, что делает весь опыт более практичным.
Оттуда мы перешли к Основному обучению React.js, чтобы окунуться в один из самых популярных интерфейсных фреймворков. Все началось хорошо, однако трасса оказалась слишком плотной по мере того, как мы продвигались дальше. За примерами было сложнее следить (у React уникальный способ ведения дел), а сам курс казался неорганизованным. Некоторые файлы проекта были неточными и/или вообще отсутствовали. Это было отличное введение, но мы решили, что будет лучше перейти к чему-то другому.
Кодакадемия
Немного покопавшись, мы решили Изучить ReactJS через Codecademy. Мы посмотрели на других конкурентов, таких как Treehouse, но предпочли модель Freemium, предлагаемую Codecademy, и обнаружили, что (новая) структура курса идеально соответствует нашему уровню навыков. Сам курс был кратким и легким для понимания. Встроенный редактор кода и механизм рендеринга значительно упростили изучение концепций на лету, не беспокоясь о настройке или управлении собственной средой разработки.
А поскольку курс полностью основан на тексте и не содержит длинных видеороликов, было очень легко вернуться назад и получить некоторый код, когда мы столкнулись с погодным приложением. Мы использовали Часть I и Часть II много раз в течение первого проекта, чтобы помочь нам полностью понять странность React.
Учебники
Благодаря лучшему пониманию JS и немного пониманию React, мы вместе с нашим курсом Codecademy исследовали глубины интернета, чтобы получить практический пример, к которому нужно стремиться. Мы хотели попробовать и «получить» это самостоятельно, поэтому мы не решались следовать какому-либо конкретному учебнику до конца, но мы нашли множество руководств, которые оказались полезным ресурсом на протяжении всего проекта.
Советы разработчиков
Наконец, мы хотели бы особо отметить серию Прототипирование React JS из DevTips. Эта серия была забавным введением в прототипирование с помощью React с использованием сторонних API-интеграций. В сериале участвуют два участника: один выступает в роли наставника, хорошо знакомого с React, а другой — в качестве подопечного, обладающего лишь базовым пониманием. Курс был легким для понимания, чрезвычайно интересным и, самое главное, веселым!
Резюме
В целом, мы довольны тем, как вышел первый проект. Мы многому научились всего за месяц — и это действительно приятно, потому что это единственная причина, по которой мы это делаем. Мы могли бы связать некоторые незавершенные дела с приложением и временно добавить слой полировки, но по большей части мы сосредоточены на нашем втором проекте. На данный момент мы придерживаемся одного и того же технического стека, чтобы мы могли усовершенствовать наш процесс и еще больше развить наше понимание.
Следующие шаги
В настоящее время у нас нет четкого расписания релизов, мы стремимся к большей атмосфере когда это будет сделано. Если вам понравилось то, что вы прочитали, и вы хотите продолжить, обязательно зайдите на Pixels in Progress и подпишитесь на наш список рассылки. Мы будем рассылать ежемесячные обновления о том, где находятся новейшие проекты, чему мы учимся и обо всем, что у нас на уме. Никакого спама, обещаем.
