Melhor linguagem de programação para aprender para usuários do WordPress
Publicados: 2017-07-17Qual é a melhor linguagem de programação para aprender se você deseja melhorar no WordPress? Depende. Estar bem no WordPress é fácil. Ser ótimo com o WordPress, entretanto, requer algo extra. Aprender uma ou duas linguagens de programação é provavelmente o melhor lugar para começar a se tornar ótimo com ela. Mas existem tantas linguagens diferentes usadas no desenvolvimento da web, descobrir por onde começar pode ser assustador.
Não se preocupe, amigo. Entendi.
PHP
Apesar do que meu iPhone pensa, PHP não é um erro de digitação quando não estou procurando uma deliciosa comida vietnamita no Yelp. É a linguagem de programação fundamental do WordPress e a espinha dorsal de mais de 80% da internet. Esses dois fatos juntos devem ser suficientes para fazer você querer aprender PHP.
Se PHP for sua primeira linguagem de programação, pode ser intimidante de se olhar, mas pode ser bem simples. No caso do Divi, você pode olhar para single.php (o arquivo que executa uma única página) e ver isto:
<?php get_header(); $is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() ); ?>
O código captura o cabeçalho, verifica se o construtor de páginas foi usado e, em seguida, captura o conteúdo por seu ID designado. Esse é um único arquivo que sai correndo e pega o conteúdo do banco de dados, em vez de ter dezenas (ou centenas ou milhares) de páginas HTML que precisam ser especificadas individualmente de sua parte.
Essa é uma funcionalidade muito dinâmica, e o PHP foi uma das primeiras formas que permitiram sites dinâmicos. Ele usa um interpretador para analisar o código PHP (que geralmente é combinado com HTML) e executar certas ações com base em certas condições. Basicamente, a linguagem é o que permite que o WordPress seja WordPress.
Se você quiser fazer quaisquer mudanças substanciais e se aprofundar no WordPress, você vai precisar do PHP. Qualquer funcionalidade que você deseja adicionar é escrita em PHP. Plugins? Você adivinhou: escrito em PHP.
Apesar de sua reputação de ser hostil, as versões recentes da linguagem o tornaram muito mais eficiente e fácil de usar. Em 2014, rastrear bugs e corrigir códigos antigos era como tentar puxar um único macarrão de uma tigela de espaguete em uma única peça. Depurar PHP em 2017, no entanto, é mais como desfazer um suéter frouxamente tricotado - você encontra o que deseja e puxe até terminar.
E quanto mais atualizações forem feitas no núcleo do WP, mais fácil e menos intimidante será o PHP com o qual você interage. É seguro dizer que, se você deseja ser ótimo no trabalho com WordPress, PHP é a melhor linguagem de programação para aprender.
Exemplo de código PHP
O Codex do WordPress e os Recursos do desenvolvedor são ótimos lugares para começar ao observar como o PHP é usado no WP. Por exemplo, este é o código que exibe o conteúdo da postagem. Observe como é uma combinação de tags HTML e scripts 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( ']]>', ']]>', $content );
echo $content;
}Se você deseja definir sua instalação para um multisite, basta adicionar ao seu wp-config.php .
Para aumentar os limites de memória do padrão (que raramente é alto o suficiente), coloque
define( 'WP_MEMORY_LIMIT', '512M' );
em seu wpconfig.php .
JavaScript
JavaScript é uma linguagem de programação interessante. Inicialmente criado para interação com o usuário e desenvolvimento de front-end, JavaScript se tornou a nova moda nos últimos anos. Agora uma linguagem full-stack (o que significa que funciona com navegadores front-end e bancos de dados e servidores back-end), o JavaScript é a linguagem de programação de crescimento mais rápido na internet.
Com plataformas como Ember.js, Node.js, React e AngularJS, a lacuna entre quanto da Internet é construída em PHP e JavaScript só vai ficar menor.
Essa onipresença significa que, se você está procurando uma maneira de acompanhar o WordPress no futuro, o JavaScript deve ser a sua escolha. Embora o WP seja construído em PHP, aproximadamente 27% do código principal agora é escrito em JS. E esse número só aumentará à medida que mais atualizações e contribuições forem feitas.
JS é uma linguagem de programação orientada a objetos, o que significa que você configura “objetos para modelar coisas do mundo real que queremos representar dentro de nossos programas e / ou fornecer uma maneira simples de acessar funcionalidades que de outra forma seriam difíceis ou impossíveis de fazer uso de." Em poucas palavras, ele evita que você escreva muitos códigos repetitivos, faça o trabalho mais rápido e sua vida seja mais fácil.
É a melhor linguagem de programação para aprender? Pode ser. Se você escolher o JavaScipt, sua segurança de trabalho e demanda na esfera do WordPress ficarão cada vez melhores, e se você decidir expandir para além de nossa comunidade, você terá uma vantagem competitiva definitiva por causa de sua experiência (especialmente se você também trabalhar em PHP).
Exemplo de código JavaScript para WordPress
O Make WordPress é um recurso incrível se você está procurando ver como o PHP ou o JavaScript é usado nas atualizações principais do software. Eles têm alguns ótimos exemplos de como seu código deve ser, especificamente em termos de padrões compartilhados entre PHP e 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
Tecnicamente falando, HTML não é uma linguagem de programação. É uma linguagem de marcação (afinal, é um acrônimo para linguagem de marcação de hipertexto). A diferença é que as linguagens de programação são baseadas em funções, objetos, automação e interatividade. Marcação é sobre marcar (ver o que eu fiz isso?) O que os usuários veem. Você obtém o código para fazer tabelas, inserir imagens e formatar texto. HTML é o que fazia as páginas do Geocities e do MySpace parecerem tão incríveis (?) Naquela época.
O HTML por si só é estático (embora o HTML5 tenha introduzido uma série de novas estruturas dinâmicas). Se você vai trabalhar com WordPress, HTML é a linguagem que você precisa ter conhecimento prático. Embora o WordPress esteja se movendo para uma edição mais visual de conteúdo, temas e estilos, ser proficiente em HTML nunca irá desaparecer completamente.
HTML é muito básico, no entanto. Você adiciona links e texto de exibição. Você separa parágrafos, faz tabelas e insere imagens. É o esqueleto de cada página da internet, na verdade. É tão fundamental que não saber (pelo menos o suficiente para ser perigoso) vai custar-lhe empregos. HTML está definitivamente na corrida como a melhor linguagem de programação para aprender.
Exemplo de código 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>
CSS
Hoje em dia, você não pode ter apenas habilidades em HTML. Você também deve ser proficiente com CSS. Como ainda não estamos em 1997, e você não está fazendo um site Geocities, você deve usar as duas linguagens de marcação para fazer qualquer coisa.
Pense em CSS e HTML como Leslie Knope e Ann Perkins: BFFs que você simplesmente não consegue separar mesmo que tente. CSS significa folha de estilo em cascata - com foco no estilo . Sim, você adivinhou, CSS é o que você usa para tornar as coisas bonitas, para fazer com que suas páginas HTML pareçam com o Geocities para parecerem, bem, qualquer outra coisa. Isso por si só o torna um candidato à melhor linguagem de programação para aprender.
CSS é o que você usa para animar elementos agora que não usamos Flash ou Shockwave. Lembra deles? Ah, memórias. Usamos CSS para mover elementos, empilhá-los, modelá-los (sim, você pode usar CSS para fazer todos os tipos de formas malucas) e fazer o seu site saltar através de todos os obstáculos que você quiser.
O que é especial sobre CSS é que, embora possa ser usado em linha com HTML (basta adicionar o
style=""
tag a um elemento), não deveria ser. A página renderizará cada instância da tag individualmente, o que torna sua página significativamente mais lenta.
Insira a folha de estilo. Você deve estar familiarizado com algo chamado custom.css . Usar um arquivo separado para chamar todos os estilos de um local significa que ele só é carregado uma vez. Você decide se um elemento precisa de uma classe ou um id (uma classe será usada várias vezes no centro, enquanto um id é para algo que precisa de atenção mais específica).
Pense nisso como os objetos sobre os quais falamos acima com JavaScript ou funções em PHP. Você não deseja replicar o código e deseja manter o mínimo de solicitações do servidor. As folhas de estilo permitem chamar o servidor uma vez e aplicá-lo várias vezes.
Código de exemplo CSS
Pessoalmente, mantenho um esqueleto do arquivo custom.css que copio / colo em cada novo site em que trabalho. Claro, eu edito profusamente todas as vezes, mas ter um modelo básico economiza muito tempo quando você vai estilizar os mesmos elementos para cada site. Este é o começo, então você pode ver do que estou falando.
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;
}
Assim como o HTML, não há como evitar o conhecimento de CSS. Enquanto eles são separados, eles vão juntos como batata-doce e jalapenos (experimente se você não acredita em mim).
Então, qual é a melhor linguagem de programação para aprender?
Você sabe o que aprender agora, mas por onde começar? Não há escassez de recursos para você aprender uma linguagem de programação, mas eu realmente gosto das três abaixo. Usei esses três sites como minhas ferramentas principais quando decidi me preparar para começar como freelancer.
- Codecademy - Cursos práticos gratuitos para várias linguagens de programação. Seu editor no navegador orienta você em tudo o que você precisa saber, passo a passo.
- CodeSchool - Assim como o Codecademy, cursos práticos e gratuitos o guiam no idioma de sua escolha. Eles tendem a ter como tema as aulas em torno de coisas como zumbis para mantê-los interessantes.
- Team Treehouse - Não é grátis como os outros dois, Team Treehouse é mais como uma escola online do que qualquer uma das outras. Eles usam faixas que parecem estar falando de uma aula sobre um tópico específico da linguagem de programação escolhida.
- The Elegant Themes Blog - Não somos um blog de programação, mas existem toneladas de artigos como o que eu linkei aqui, procurando os melhores recursos que você pode usar para aprender a programar. Pessoalmente, gosto daqueles que discutem diferentes editores de texto, como Sublime Text e Notepad ++. Eu adoro experimentar novos editores de texto.
Essas linguagens não são suas únicas opções, mas são a base sobre a qual o WordPress é construído. Então, se você está procurando a melhor linguagem de programação para aprender, faça um favor a si mesmo e torne-a uma dessas, mmmkay?
Imagem em miniatura do artigo por Fernandodiass / shutterstock.com