Чем вы занимаетесь: 8-минутное прочтение о том, как вы летите на стену к запуску. Это не должно быть сообщение типа «эй, я сделал это, вот ленивая запись в блоге, иди зацените». Скорее, я подробно расскажу о своем пути к этому моменту и конкретных подробностях того, как я запускал и какие инструменты использовал.
Если вы не хотите слышать мою предысторию, вы можете перейти к двум последним разделам, но я предлагаю вам прочитать эту статью, если у вас есть время.
Самореклама / Партнерские ссылки:. Это должен быть вдумчивый, информативный и интересный пост, который также продвигает мой запуск. У меня также есть 1 партнерская ссылка на Convert Kit, потому что я действительно удовлетворен, она соответствует потоку сообщения, и я не возражаю против того, чтобы внести свой вклад.
Введение
Сегодня знаменательная веха в моей карьере развития. Я запустил Daily CSS Images, это 50-дневное задание по электронной почте, в котором вы получаете задание создать изображение на чистом CSS каждый будний день.
Что безумно в этом запуске, так это то, что он был относительно простым с точки зрения того, сколько времени мне потребовалось, чтобы собрать его воедино. Однако, когда я размышляю над этим больше, это действительно был годичный прогресс в разгар битвы, в которой я почти бросил попытки быть разработчиком.
В этом посте я очень откровенно расскажу о трех вещах:
- Мой кризис, связанный с попыткой стать разработчиком (и как это связано с этим запуском)
- Как я пришел к идее, как проделал работу и процесс запуска
- Мои дальнейшие планы развития на основе этого проекта
Разработчик Crisis
В декабре 2015 года я закончил колледж со степенью бакалавра компьютерных наук и предпринимательским энтузиазмом. Я думал, что подам заявление о приеме на работу, и за то короткое время, когда у меня ее не было, я все еще работал над созданием собственной компании по веб-дизайну, ориентированной на бизнес в моем родном городе.
Я полагаю, что в конечном итоге я смогу весь день писать на C ++ или Java, а затем потратить несколько часов на работу в своей компании по веб-дизайну, пока мой побочный проект не станет полноценной сделкой. Но это провалилось ...
Моя степень охватывала только базовые принципы HTML и CSS, поэтому я подумал, что лучшим решением было бы просто установить шаблоны Wordpress для людей и отредактировать код здесь или там, когда это необходимо. Для меня это будет легко, я буду получать приличный доход и иметь свой бизнес.
Что ж, это было не так просто.
По сути, я был ошеломлен попытками заняться веб-дизайном, SEO, маркетингом по электронной почте и маркетингом в социальных сетях. Несмотря на то, что я использовал удобные веб-приложения, я был ошеломлен и истощен тем, что надевал столько шляп ... и я даже не находил клиентов.
С теми немногими клиентами, которых я нашел, было очень тяжело работать, они не соответствовали современным маркетинговым стратегиям, поэтому было практически невозможно общаться и показать важность того, что я мог предложить.
Через несколько месяцев у меня не было ни работы, ни клиентов, и хотя я носил много шляп, ни одна из этих шляп не относилась к моей степени.
Самым сложным было то, что мне не хотелось становиться разработчиком. Добавьте ко всему, что я упомянул, я понял, что мое образование в некоторых областях очень устарело.
Например, меня всегда интересовала веб-разработка, но кроме HTML, CSS и некоторого базового PHP я ничего не знал. Я начал слышать такие модные слова, как «React», «Angular» и «API», которые были для меня совершенно чужды.
Прошло какое-то время, и я занял позицию службы поддержки ИТ, что было ужасно. Помимо нескольких сценариев PowerShell и нескольких забавных проектов, я тратил время на то, чтобы убеждать людей перезагружать свои компьютеры среди других тривиальных задач, которые были затруднены, потому что это было не то, что я хотел делать, и я знал, что способен на большее.
Переломный момент наступил, когда я начал заниматься векторной графикой. Я не знаю, как зародилось вдохновение, но я открыл для себя Dribbble и Affinity Designer и получил огромное удовольствие, создавая случайные вещи, такие как «Осенние прыжки».
Вскоре я понял, что на самом деле это не было это сложно. Все, что я делал, это собирал формы вместе, чтобы создать окончательное изображение, просто добавляя цвета, чтобы придать ему жизнь.
Благодаря этой возросшей уверенности я решил, что брошу себе вызов и перенесу свои новые дизайнерские навыки в Интернет.
Это когда дела действительно набирают обороты.
Я зашел на Codepen, сайт, на который я кратко встречался раньше, и решил сделать интерактивное резюме на основе созданного мною векторного дизайна.
Я просто разместил изображения на этой веб-странице, когда вы щелкали по ним со ссылками на другие ручки.
После того, как я написал в Твиттере об этой новой ручке, у меня было 4 тысячи просмотров, и меня опубликовали на главной странице Codepen.
Моя уверенность вернулась, и меня зацепило.
Постепенно я начал выполнять небольшие задачи по разработке интерфейса, которые помогли мне достичь моей цели - перенести мои новые дизайнерские навыки в Интернет.
Со временем мои ручки получили отличную обратную связь. Я усложнил задачу, создав целевые страницы, карты пользовательского интерфейса и т. Д. Затем я начал заниматься устрашающими фреймворками JavaScript, такими как React и Vue JS.
По сей день я все еще следую той же схеме моего большого прорыва. Создание векторной графики для вдохновения, передача этих дизайнерских навыков во интерфейсную разработку и использование моего опыта в области компьютерных наук для создания более сложных веб-приложений.
Теперь я уверен, что могу создать полномасштабное веб-приложение, желательно на Vue Js, которое может использовать алгоритмы и всю информацию о компьютерных науках, которую я знал, но теперь с особым акцентом на дизайн и творчество.
Так какое же отношение это имеет к запуску Daily CSS Images? Ну все.
Если бы не мой кризис разработчика и мой опыт выхода из него с помощью решения мини-задач по дизайну и разработке, у меня не было бы уверенности, навыков или энтузиазма, как сейчас, когда я говорю о фронтенд-разработке. Я нашел невероятную нишу гибрида дизайна и разработки, который сформировал всю мою карьеру.
Из-за этого я решил создать 50-дневную рассылку по электронной почте, которая даст людям небольшие, осязаемые проекты, которые приведут к значительному улучшению навыков фронтенд-разработки, и уверенности.
Я очень рад выпустить Daily CSS Images, потому что у меня будет возможность увидеть, как люди растут как фронтенд-разработчики, и ощутить прогресс, который мне так нравился в последнее время.
Запуск
Теперь, когда вы понимаете, сколько усилий действительно было вложено в этот запуск, я подумал, что было бы здорово позволить вам быть мухой на стене, чтобы описать, как я объединяю Daily CSS Images.
Я объясню вам свой 3-дневный процесс. ~ Да верно, 3 дня!
Опять же, учитывая мою предысторию и опыт в маркетинге, я думаю, что это было намного дольше, чем на самом деле, но фактическая реализация заняла 3 дня.
1 день
Я очень много работал над выпуском новых ручек и написанием того, что узнал. Я хотел вызвать отклик у новичков и дать им советы, как стать сильными интерфейсными разработчиками.
Одно конкретное сообщение в блоге, которое привлекло много внимания, было Руководство для начинающих по изображениям на чистом CSS. В этом посте я описал, как создавал свои очень популярные изображения на чистом CSS в Codepen.
В конце поста я вкратце рассказывал людям, как продолжить практику. После большого количества отзывов я хотел дать людям лучший способ продолжить обучение, которое не отнимало бы некоторое время, как съемка и редактирование видео на YouTube.
Идея пришлась по душе. Я бы создавал автоматические последовательности писем, давая людям ежедневную задачу с чистым CSS-изображением, похожую на UI Challenge.
Я залез в Evernote и записал 50 задач, разделенных на 10 различных еженедельных тем.
День 2
Я знал, что все, что мне нужно сделать, это создать последовательности с помощью программного обеспечения для автоматизации электронной почты и автоматизировать Twitter с помощью Buffer.
Я решил использовать Convert Kit для всей своей автоматизации электронной почты.
Я действительно слышал, как основатель выступал несколько раз в некоторых предпринимательских подкастах, которые я слушаю. Он бывший разработчик, у которого также есть отличные бизнес-идеи и стратегии. Я подписался на него, надеясь, что получу отличный продукт, и был прав.
Convert Kit очень прост и удобен в использовании. Все, что мне нужно было сделать, это зарегистрироваться за 29 долларов в месяц, создать базовую форму, создать последовательность из 50 шагов, встроить форму в целевую страницу и создать простой адаптивный шаблон электронной почты.
Я просто собрал базовый адаптивный шаблон электронного письма по мере необходимости, скопировал и вставил HTML прямо в Convert Kit, настроив несколько строк кода для каждого письма.
Для каждой последовательности я выбрал отправку дней в формате П-П с продолжительностью в 1 день из предыдущего письма.
Я раздвоил действительно популярную недавнюю ручку, которая была страницей портфолио, которую я изначально сделал для freeCodeCamp. Я изменил цвета и несколько строк кода, взяв из существующего материала предыдущих ручек, и к концу дня моя целевая страница была готова.
Я встроил форму, развернул через Amazon Web Services (очень просто), создал профессиональную электронную почту с помощью Google Suite и уведомил набор для преобразования о цели моего сайта и обо всем, что я сделал (они должны одобрить вашу учетную запись, прежде чем вы сможете начать работу ).
3 день
Convert Kit одобрил мою учетную запись. Я создал аккаунт в Twitter для Daily CSS Images и сделал очень простую графику.
Я протестировал свою целевую страницу, чтобы убедиться, что подписки работают с Convert Kit.
Затем я разместил веху в Твиттере.
Я не забудьте включить хастаг # 100daysofcode. 100 дней кода - это потрясающая кампания от freeCodeCamp, которая побуждает людей посвящать час написанию кода в день. Я на законных основаниях сделал целевую страницу как часть задачи, которой я придерживался, и знал, что не повредит получить дополнительную информацию.
Я начал получать уведомления о ретвитах, лайках и подписках.
В тот момент я поделился информацией в Hacker News, уведомил некоторых друзей-разработчиков и начал писать этот пост в блоге, чтобы поделиться своим опытом.
Планы на будущее
Мои планы на будущее для Daily CSS Images - сначала сесть и посмотреть, как люди взаимодействуют, пока я продолжаю работать полный рабочий день, фриланс, # 100daysofcode и буду мужем. Поскольку это в значительной степени полностью автоматизировано, мне не нужно особо рассчитывать на продвижение.
Я надеюсь, что в конечном итоге решу свой собственный вызов и, возможно, разработаю сайт, чтобы сделать это больше сообществом, чем просто электронной почтой.
Я хотел бы получить любые отзывы и комментарии ниже.
Наконец, пожалуйста, посмотрите Daily CSS Image, было бы здорово, если бы вы это сделали.
Ура!
Майк Мангиаларди
