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

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

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

Итак, я представляю вам: некоторые идеи, полученные во время моего путешествия по программированию и рисованию.

1. Вы не умеете программировать/рисовать, пока не начнете кодировать/рисовать

Другими словами.. просто сделайте это. Так клише, но так верно.

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

Видите здесь узор?

Вы можете потратить много времени, сил и энергии, читая о кодировании/рисовании, изучая историю кодирования/рисования и даже понимая более абстрактные концепции, лежащие в основе того, что делает код/искусство хорошим…

Но вы не умеете рисовать, пока не начнете рисовать! И вы, конечно, не знаете, как программировать, пока не начнёте программировать!

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

Самый прямой способ научиться что-то делать — это делать это самому.

Так что откройте свой текстовый редактор/альбом для рисования и начните!

2. Читайте код других людей / смотрите на рисунки других людей — и играйте с ними, если можете!

Вы когда-нибудь следили за артистом в Твиттере и/или Инстаграме и понимали, что 90% людей, на которых он подписан, тоже художники? Это потому, что художники постоянно смотрят на работы других художников. Наши творения, будь то картины или веб-приложения, не существуют в вакууме. Мы постоянно находимся под влиянием вещей, которые видим в мире, и учимся на них.

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

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

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

Кстати, знаете ли вы, что на самом деле можете загружать веб-страницы через браузер?

Иногда я делаю это и открываю файл в своем текстовом редакторе, потому что так гораздо проще смотреть на код, чем делать это с помощью инструментов разработчика в окне браузера. Я упомянул об этом в моем последнем посте, но на самом деле именно так я впервые научился программировать. У меня не было ни учителей, ни курсов, ни обучающих видео на Youtube. Я просто загрузил/скопировал и вставил исходный код других людей в Блокнот и возился с ним, пока не понял, что он делает.

3. Воссоздавайте работы других людей

Также известен как… копирование.

Вот, я сказал это.

Открою секрет художника — многие художники копируют работы других художников! Мы просто называем их «исследованиями».

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

Эти копии, как правило, делаются полностью с нуля — так что без трассировки, без использования палитры цветов в Photoshop и т. д. А до Youtube у нас не было доступа к видео процесса художников, поэтому нам просто нужно было попытаться понять это. сам.

(На самом деле, если вы спросите большинство художников, они, вероятно, скажут вам, что начали рисовать, копируя персонажей комиксов/мультфильмов, которые им нравились в детстве. Я, конечно, делал.)

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

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

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

А теперь иди и кодируй/рисуй!