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

Позвольте мне обосновать три утверждения, которые я только что сделал:

JavaScript добавляет ценность

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

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

JavaScript расширяет возможности

JavaScript используется везде! Сбор данных веб-аналитики был первоначальной причиной, по которой маркетологи изучили JavaScript, но теперь, во многом благодаря Google, JavaScript можно использовать для автоматизации задач от маркетинговых отчетов по электронной почте с помощью Google Spreadsheet до ставок PPC и обслуживания аккаунта с помощью скриптов Google Adwords. ».

Наконец, применение JavaScript с наибольшим потенциалом — это опыт тестирования и оптимизации. JavaScript — это то, что платформы тестирования, такие как Optimizely, используют для преобразования страницы в различные варианты A/B-теста. Наряду с отслеживанием веб-аналитики эта возможность предлагает огромную ценность и, безусловно, будет продолжать делать это в будущем.

JavaScript увеличивает скорость за счет автоматизации

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

Лучше, быстрее, сильнее. Видишь, почему я люблю это? В дополнение к практическим преимуществам, изучение и практика JavaScript — это действительно весело и создаст очень крутое и прогрессивное сообщество. Последний бонус в изучении JS заключается в том, что с тех пор, как Node и MongoDB закрепились, похоже, что JS останется на какое-то время.

Чтение и запись HTML и «получение» CSS

HTML — это просто. Шутки в сторону.

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

Даже если вы достаточно освоитесь с HTML, чтобы иметь возможность визуально анализировать исходный код веб-страницы, у вас будет возможность выявлять проблемы и понимать их причины. Этот навык особенно ценен для поисковой оптимизации.

Техническое SEO на странице

Перспективная поисковая оптимизация, наряду с общими мета-тегами, объединяет структурированные данные, такие как Schema.org и JSON-LD, требует определенного синтаксиса, чтобы иметь предполагаемый эффект. Разметка страницы также может влиять на возможности сканирования поисковыми системами, время загрузки страницы и совместимость с разными браузерами. Таким образом, действительный HTML влияет на производительность поисковой системы и взаимодействие с пользователем.

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

Электронный маркетинг

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

Оптимизация коэффициента конверсии

Последний вариант использования знаний HTML и CSS — это тот, который предлагает удивительно высокую потенциальную ценность, и это тестирование и оптимизация на странице. Инструменты оптимизации конверсии, такие как Optimizely и Google Content Experiments, позволяют добавлять, удалять, изменять HTML и CSS (стили, расположение, интервалы) или элементы на странице для создания различных экспериментальных вариантов страницы. Некоторые из самых первых и самых больших успехов, которые приходят от экспериментов по оптимизации коэффициента конверсии, — это относительно простые изменения CSS, поэтому знание CSS может довольно быстро превратиться в значительную ценность.

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

Изучение JavaScript

Учитесь, делая

CodeAcademy.com — отличное место для начала. Он предлагает отличное введение в основы языка JavaScript; синтаксис, структуры данных, выражения и т. д. Он также предлагает вводный курс по jQuery. Курс jQuery предлагается до JavaScript, что кажется мне странным, поскольку jQuery построен поверх JavaScript. Я настоятельно рекомендую пройти оба курса, если вы хотите изучить jQuery.

Учиться на работе других

Изучение JavaScript, HTML и CSS уникально тем, что вам доступен весь код, из которого состоит веб-страница. Просто нужно знать, как его найти. Инструменты разработчика Chrome (не пугайтесь) предлагает массу полезных способов проверить и узнать, что происходит на любой веб-странице в Интернете. Вы можете проверять и редактировать страницы в режиме реального времени, видеть, какие файлы поступают в браузер по сети, и писать JavaScript в контексте любой веб-страницы с помощью консоли JavaScript. Это очень ценный инструмент, и изучение его также научит вас многому о том, как работают браузеры, модель DOM и веб-страницы.

Автоматизируйте что-нибудь

Google Apps Script предлагает простой интерфейс, с помощью которого можно опробовать новые навыки и выполнить несколько довольно полезных задач. Это хорошо, потому что абстрагируется от многих сложных вещей и предлагает очень простой API для Google Spreadsheet, Google Drive и Google Docs. Существует также много хорошей документации для начала работы. Если вы управляете контекстной рекламой, попробуйте скрипты Google Adwords. FreeAdwordsScripts.com предлагает множество хороших примеров кода и интересных идей, чтобы показать, как работать с Adwords Script API.

Книги для чтения

DOM Enlightenment (бесплатно онлайн): все, что вы когда-либо хотели узнать о взаимодействии с объектной моделью документа и многом другом. Это отличное дополнение к изучению инструментов разработчика Chrome и консоли JavaScript.

Объектно-ориентированный JavaScript:Знание наследования прототипов JavaScript — одно из больших различий между знанием JS и знанием JS. Это довольно милое глубокое погружение в тему.

Секреты JavaScript-ниндзя: это было написано Джоном Резигом, который создал jQuery. Излишне говорить, что существует множество умных шаблонов, которые выведут ваши возможности JS на новый уровень.

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

Видео для просмотра

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

Изучение HTML и CSS

Учитесь, делая

снова codecademy.com. Вы должны повторять основы, и это отличное введение. Пройдите через это, а затем прочитайте книгу и начните по-настоящему практиковаться.

Guru99 имеет массу бесплатных ресурсов.

Учитесь, редактируя

  1. Познакомьтесь и полюбите свой редактор кода! Загрузите редактор кода по вашему выбору. Атом бесплатный и довольно неплохой.
  2. Напишите несколько основных веб-страниц и узнайте, как использовать сценарии и связать таблицы стилей со своей веб-страницей. Ссылка на w3schools.com и просмотрите исходный код существующих страниц для справки. GitHub.com имеет хороший чистый исходный код. (В любом случае вы также захотите познакомиться с GitHub)
  3. Изучите некоторые инструменты. HTML5 Boilerplate — отличное место для начала работы с надежными веб-стандартами, а изучение CSS-фреймворка Twitter Bootstrap почти наверняка пригодится.

Книги для чтения

HTML5 для веб-дизайнеров отлично подойдет, если вам нужно хорошее базовое введение. Он расскажет вам, что вам нужно знать, но не обязательно, как это сделать. Эта книга обязательна, если вы собираетесь использовать Optimizely для тестирования. http://www.abookapart.com/products/html5-for-web-designers

HTML5 и CSS: научитесь проектировать и создавать веб-сайты — это введение в среду и одновременное обучение тому, как ее использовать. Это отличная книга для чтения в сочетании с шагом 2 выше.

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

Прочитайте оставшуюся часть Технические навыки для цифрового маркетинга за 10 000 долларов или…

Получайте уведомления о публикации каждой публикации!

Адрес электронной почты:

Зарегистрироваться!

Оставьте это поле пустым, если вы человек: