Лучший язык программирования для изучения для пользователей WordPress

Опубликовано: 2017-07-17

Какой язык программирования лучше всего изучить, если вы хотите стать лучше в WordPress? Это зависит от. Быть в порядке с WordPress легко. Однако для того, чтобы хорошо работать с WordPress, требуется кое-что дополнительное. Изучение одного или двух языков программирования, вероятно, лучшее место, чтобы начать с ним хорошо разбираться. Но в веб-разработке используется так много разных языков, что выяснять, с чего начать, может быть пугающе.

Не волнуйся, друг. Я понял.

PHP

Несмотря на то, что думает мой iPhone, PHP - это не опечатка, когда я не ищу вкусную вьетнамскую кухню на Yelp. Это фундаментальный язык программирования WordPress и основа более 80% Интернета. Этих двух фактов должно быть достаточно, чтобы вы захотели изучить PHP.

Если PHP - ваш первый язык программирования, на него может быть страшно смотреть, но это может быть довольно просто. В случае Divi вы можете посмотреть single.php (файл, который запускает одну страницу) и увидеть следующее:

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

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

Это очень динамичная функциональность, и PHP был одним из первых способов, позволяющих создавать динамические веб-сайты. Он использует интерпретатор для анализа кода PHP (который часто сочетается с HTML) и выполнения определенных действий в зависимости от определенных условий. По сути, язык - это то, что позволяет WordPress быть WordPress.

Если вы хотите внести какие-либо существенные изменения и углубиться в WordPress, вам понадобится PHP. Любая функциональность, которую вы хотите добавить, написана на PHP. Плагины? Как вы уже догадались: написано на PHP.

Несмотря на его репутацию недружелюбного, последние версии языка сделали его намного более эффективным и удобным для пользователя. В 2014 году отслеживание ошибок и исправление старого кода было похоже на попытку вытащить одну лапшу из миски со спагетти одним куском. Однако отладка PHP в 2017 году больше похожа на распутывание свободно вязанного свитера: вы находите то, что хотите, и просто тянете, пока не закончите.

И чем больше обновлений будет внесено в ядро WP, тем проще и менее устрашающим будет становиться PHP, с которым вы взаимодействуете. Можно с уверенностью сказать, что если вы хотите хорошо работать с WordPress, PHP - лучший язык программирования для изучения.

Пример кода PHP

Кодекс WordPress и ресурсы для разработчиков - отличное место для начала изучения того, как PHP используется в WP. Например, это код, который отображает содержимое публикации. Обратите внимание на комбинацию HTML-тегов и PHP-скриптов:

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]&gt;', $content );
    echo $content;
}

Если вы хотите установить многосайтовую установку, вы просто добавляете ее в свой файл wp-config.php .

Чтобы увеличить пределы памяти по умолчанию (которые редко бывают достаточно высокими), поместите

define( 'WP_MEMORY_LIMIT', '512M' );

в ваш wpconfig.php .

JavaScript

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

С такими платформами, как Ember.js, Node.js, React и AngularJS, разрыв между тем, какая часть Интернета построена на PHP и JavaScript, будет только уменьшаться.

Это повсеместное распространение означает, что если вы ищете способ не отставать от WordPress в будущем, вам следует выбрать JavaScript. Несмотря на то, что WP построен на PHP, примерно 27% основного кода теперь написано на JS. И это число будет только увеличиваться по мере появления новых обновлений и дополнений.

JS - это объектно-ориентированный язык программирования, что означает, что вы настраиваете «объекты для моделирования вещей реального мира, которые мы хотим представить в наших программах, и / или предоставляете простой способ доступа к функциям, которые иначе было бы трудно или невозможно сделать». использование. " Проще говоря, это избавляет вас от написания большого количества повторяющегося кода, позволяет выполнять работу быстрее и облегчает вашу жизнь.

Это лучший язык программирования для изучения? Может быть. Если вы выберете JavaScipt, безопасность вашей работы и спрос в сфере WordPress будут только улучшаться, а если вы решите выйти за пределы нашего сообщества, у вас будет определенное конкурентное преимущество благодаря вашему опыту (особенно если вы также работают на PHP).

Пример кода JavaScript для WordPress

Make WordPress - отличный ресурс, если вы хотите увидеть, как PHP или JavaScript используются в основных обновлениях программного обеспечения. У них есть отличные примеры того, как должен выглядеть ваш код, особенно с точки зрения стандартов, общих для PHP и JS.

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

С технической точки зрения HTML - это не язык программирования. Это язык разметки (в конце концов, это аббревиатура от языка разметки гипертекста). Разница в том, что языки программирования основаны на функциях, объектах, автоматизации и интерактивности. Разметка - это разметка (видите, что я сделал?) Того, что видят пользователи. Вы получаете код для создания таблиц, вставки изображений и форматирования текста. HTML - это то, что делало страницы Geocities и MySpace такими классными (?) В свое время.

HTML сам по себе статичен (хотя HTML5 представил ряд новых динамических структур). Если вы вообще собираетесь работать с WordPress, HTML - это тот язык, который вам понадобится на практике. Несмотря на то, что WordPress переходит к более визуальному редактированию контента, тем и стилей, знание HTML никогда не исчезнет полностью.

Однако HTML довольно прост. Вы добавляете ссылки и отображаете текст. Вы разделяете абзацы, составляете таблицы и вставляете изображения. На самом деле, это скелет каждой страницы в Интернете. Это настолько фундаментально, что незнание этого (по крайней мере, достаточно, чтобы быть опасным) полностью стоило вам работы. HTML определенно считается лучшим языком программирования для изучения.

Пример HTML-кода

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

лучший язык программирования для изучения - образец HTML WordPress

CSS

В наши дни у вас не может быть просто навыков в HTML. Вы также должны хорошо владеть CSS. Поскольку сейчас не 1997 год, и вы не создаете сайт Geocities, вы должны использовать оба языка разметки, чтобы что-то сделать.

Подумайте о CSS и HTML, как о Лесли Ноуп и Энн Перкинс: лучших друзей вы просто не сможете разделить, если попытаетесь. CSS означает каскадные таблицы стилей с упором на стиль . Да, как вы уже догадались, CSS - это то, что вы используете, чтобы сделать вещи красивыми, чтобы ваши HTML-страницы были похожи на Geocities, на что-то еще. Уже одно это делает его претендентом на звание лучшего языка программирования для изучения.

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

Что особенного в CSS, так это то, что, хотя его можно использовать вместе с HTML (просто добавьте

style=""

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

Войдите в таблицу стилей . Возможно, вы знакомы с чем-то вроде custom.css . Использование отдельного файла для вызова всех стилей из одного места означает, что он загружается только один раз. Вы сами решаете, нужен ли элемент классу или идентификатору (класс будет использоваться несколько раз по всему пространству, а идентификатор - для чего-то, что требует более конкретного внимания).

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

Пример кода CSS

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

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

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

Итак, какой язык программирования лучше всего изучать?

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

Codecademy - Бесплатные практические курсы для множества языков программирования. Их редактор в браузере шаг за шагом проведет вас через все, что вам нужно знать.
CodeSchool - как и Codecademy, бесплатные практические курсы проведут вас через язык по вашему выбору. Они склонны посвящать свои уроки таким вещам, как зомби, чтобы им было интересно.
Team Treehouse - не бесплатная, как две другие, Team Treehouse больше похожа на онлайн-школу, чем на любую из других. Они используют треки, которые создают впечатление, будто вы говорите на уроке по определенной теме выбранного вами языка программирования.
Блог Elegant Themes - Мы не блог о программировании, но есть масса статей, подобных той, которую я связал здесь, в которых рассматриваются лучшие ресурсы, которые вы можете использовать для обучения программированию. Мне лично нравятся те, кто обсуждает различные текстовые редакторы, такие как Sublime Text и Notepad ++. Мне просто нравится пробовать новые текстовые редакторы.

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

Изображение статьи от Fernandodiass / shutterstock.com