El mejor lenguaje de programación para aprender para usuarios de WordPress
Publicado: 2017-07-17¿Cuál es el mejor lenguaje de programación para aprender si quiere mejorar en WordPress? Eso depende. Estar bien en WordPress es fácil. Ser genial con WordPress, sin embargo, requiere algo más. Aprender uno o dos lenguajes de programación es probablemente el mejor lugar para empezar a mejorar con él. Pero hay tantos lenguajes diferentes utilizados en el desarrollo web, que averiguar por dónde empezar puede resultar aterrador.
No te preocupes, amigo. Lo tengo.
PHP
A pesar de lo que piense mi iPhone, PHP no es un error tipográfico cuando no busco comida vietnamita deliciosa en Yelp. Es el lenguaje de programación fundamental de WordPress y la columna vertebral de más del 80% de Internet. Estos dos hechos juntos deberían ser suficientes para que quieras aprender PHP.
Si PHP es su primer lenguaje de programación, puede resultar intimidante mirarlo, pero puede ser bastante simple. En el caso de Divi, puede mirar single.php (el archivo que ejecuta una sola página) y ver esto:
<?php get_header(); $is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() ); ?>
El código toma el encabezado, busca ver si se utilizó el creador de páginas y luego toma el contenido por su ID asignado. Ese es un solo archivo que se apresura y toma el contenido de la base de datos en lugar de tener docenas (o cientos o miles) de páginas HTML que deben especificarse individualmente por su parte.
Esa es una funcionalidad muy dinámica, y PHP fue una de las primeras formas en que permitieron sitios web dinámicos. Utiliza un intérprete para analizar el código PHP (que a menudo se combina con HTML) y realizar determinadas acciones en función de determinadas condiciones. Básicamente, el lenguaje es lo que permite que WordPress sea WordPress.
Si desea realizar cambios sustanciales y profundizar en WordPress, necesitará PHP. Cualquier funcionalidad que desee agregar está escrita en PHP. Complementos Lo adivinaste: escrito en PHP.
A pesar de su reputación de ser hostil, las versiones recientes del lenguaje lo han hecho mucho más eficiente y fácil de usar. En 2014, rastrear errores y corregir el código antiguo era como intentar sacar un solo fideo de un plato de espaguetis en una sola pieza. Sin embargo, depurar PHP en 2017 es más como desenredar un suéter tejido suelto: encuentra lo que desea y simplemente tira hasta que esté hecho.
Y a medida que se realicen más actualizaciones en el núcleo de WP, más fácil y menos intimidante será el PHP con el que interactúe. Es seguro decir que si quieres ser bueno trabajando con WordPress, PHP es el mejor lenguaje de programación para aprender.
Ejemplo de código PHP
El Codex de WordPress y los Recursos para desarrolladores son excelentes lugares para comenzar cuando se analiza cómo se usa PHP en WP. Por ejemplo, este es el código que muestra el contenido de la publicación. Observe cómo es una combinación de etiquetas HTML y 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;
}Si desea configurar su instalación en un sitio múltiple, simplemente agregue a su wp-config.php .
Para aumentar los límites de memoria del valor predeterminado (que rara vez es lo suficientemente alto), coloque
define( 'WP_MEMORY_LIMIT', '512M' );
en su wpconfig.php .
JavaScript
JavaScript es un lenguaje de programación interesante. Creado inicialmente para la interacción del usuario y el desarrollo front-end, JavaScript se ha convertido en la nueva moda en los últimos años. Ahora, un lenguaje de pila completa (lo que significa que funciona con navegadores frontales y bases de datos y servidores back-end), JavaScript es el lenguaje de programación de más rápido crecimiento en Internet.
Con plataformas como Ember.js, Node.js, React y AngularJS, la brecha entre la cantidad de Internet construida en PHP y JavaScript solo se hará más pequeña.
Esa ubicuidad significa que si está buscando una manera de mantenerse al día con WordPress en el futuro, JavaScript debería ser su opción. Aunque WP se basa en PHP, aproximadamente el 27% del código central ahora está escrito en JS. Y ese número solo aumentará a medida que se realicen más actualizaciones y contribuciones.
JS es un lenguaje de programación orientado a objetos, lo que significa que usted configura “objetos para modelar cosas del mundo real que queremos representar dentro de nuestros programas y / o proporcionar una forma simple de acceder a la funcionalidad que de otra manera sería difícil o imposible de hacer uso de." En pocas palabras, le impide escribir mucho código repetitivo, hacer el trabajo más rápido y su vida más fácil.
¿Es el mejor lenguaje de programación para aprender? Quizás. Si elige JavaScipt, la seguridad de su trabajo y la demanda en la esfera de WordPress solo mejorarán cada vez más, y si decide expandirse más allá de nuestra comunidad, tendrá una ventaja competitiva definitiva debido a su experiencia (especialmente si también trabajar en PHP).
Ejemplo de código JavaScript para WordPress
Make WordPress es un recurso increíble si está buscando ver cómo se usa PHP o JavaScript en las actualizaciones principales del software. Tienen excelentes ejemplos de cómo debería verse su código, específicamente en términos de estándares compartidos entre PHP y 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
Técnicamente hablando, HTML no es un lenguaje de programación. Es un lenguaje de marcado (después de todo, es un acrónimo de lenguaje de marcado de hipertexto). La diferencia es que los lenguajes de programación se basan en funciones, objetos, automatización e interactividad. El marcado se trata de marcar (¿ves lo que hice?) Lo que ven los usuarios. Obtiene código para crear tablas, insertar imágenes y formatear texto. HTML es lo que hizo que las páginas de Geocities y MySpace se vieran tan increíbles (?) En el pasado.
HTML en sí mismo es estático (aunque HTML5 ha introducido una serie de nuevas estructuras dinámicas). Si va a trabajar con WordPress, HTML es el único idioma del que necesitará un conocimiento práctico. Aunque WordPress se está moviendo hacia una edición más visual de contenido, temas y estilos, ser competente en HTML nunca va a desaparecer por completo.
Sin embargo, HTML es bastante básico. Agrega enlaces y muestra texto. Separas párrafos y haces tablas e insertas imágenes. En realidad, es el esqueleto de todas las páginas de Internet. Es tan fundamental que no saberlo (al menos lo suficiente como para ser peligroso) le costará trabajo. Definitivamente HTML está en marcha como el mejor lenguaje de programación para aprender.
Ejemplo 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
En estos días, no puedes tener solo habilidades en HTML. También debes dominar el CSS. Debido a que esto no es 1997, y no está creando un sitio de Geocities, debe usar ambos lenguajes de marcado para hacer cualquier cosa.
Piense en CSS y HTML como Leslie Knope y Ann Perkins: BFF que simplemente no puede separar si lo intenta. CSS significa hoja de estilo en cascada, con el foco en el estilo . Sí, lo has adivinado, CSS es lo que usas para hacer las cosas bonitas, para hacer que tus páginas HTML parezcan Geocities y parezcan, bueno, cualquier otra cosa. Eso por sí solo lo convierte en un candidato al mejor lenguaje de programación para aprender.
CSS es lo que usa para animar elementos ahora que no usamos Flash o Shockwave. ¿Recuerdalos? Ah, recuerdos. Usamos CSS para mover elementos, apilarlos, darles forma (sí, puedes usar CSS para hacer todo tipo de formas extravagantes) y hacer que tu sitio web pase por los obstáculos que quieras.
Lo que tiene de especial CSS es que, si bien se puede usar en línea con HTML (solo agregue el
style=""
etiqueta a un elemento), no debería serlo. La página representará cada instancia de la etiqueta de forma individual, lo que ralentiza significativamente su página.
Ingrese la hoja de estilo. Es posible que esté familiarizado con algo llamado custom.css . Usar un archivo separado para llamar a todos los estilos desde una ubicación significa que solo se carga una vez. Tú decides si un elemento necesita una clase o una identificación (una clase se usará varias veces en el stie, mientras que una identificación es para algo que necesita una atención más específica).
Piense en ello como los objetos de los que hablamos anteriormente con JavaScript o funciones en PHP. No desea replicar código y desea mantener al mínimo las solicitudes de su servidor. Las hojas de estilo le permiten llamar al servidor una vez y aplicarlo varias veces.
Código de ejemplo CSS
Personalmente guardo un archivo esqueleto custom.css que copio / pego en cada sitio nuevo en el que trabajo. Por supuesto, lo edito profusamente cada vez, pero tener una plantilla básica ahorra mucho tiempo cuando vas a diseñar los mismos elementos para cada sitio. Este es el comienzo, así que puedes ver de lo que estoy hablando.
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;
}
Al igual que HTML, no hay forma de evitar el conocimiento de CSS. Si bien están separados, van juntos como las batatas y los jalapeños (pruébalo si no me crees).
Entonces, ¿cuál es el mejor lenguaje de programación para aprender?
Sabes qué aprender ahora, pero ¿por dónde empezar? No hay escasez de recursos para que aprendas un lenguaje de programación, pero soy muy parcial con los tres siguientes. Usé estos tres sitios como mis herramientas principales cuando decidí prepararme para comenzar a trabajar como autónomo.
- Codecademy: cursos prácticos gratuitos para toneladas de lenguajes de programación. Su editor en el navegador lo guía a través de todo lo que necesita saber, paso a paso.
- CodeSchool: al igual que Codecademy, los cursos prácticos gratuitos lo guían a través del idioma de su elección. Tienden a enfocar sus lecciones en torno a cosas como zombis para mantenerlos interesantes.
- Team Treehouse: no es gratis como los otros dos, Team Treehouse se parece más a una escuela en línea que cualquiera de los otros. Usan pistas que se sienten como si estuvieras hablando en una clase sobre un tema particular del lenguaje de programación elegido.
- The Elegant Themes Blog: no somos un blog de programación, pero hay toneladas de artículos como el que vinculé aquí, que analizan los mejores recursos que puede usar para aprender a programar. Personalmente, me gustan los que discuten diferentes editores de texto como Sublime Text y Notepad ++. Me encanta probar nuevos editores de texto.
Estos lenguajes no son sus únicas opciones, pero son los cimientos sobre los que se construye WordPress. Entonces, si está buscando el mejor lenguaje de programación para aprender, hágase un favor y conviértalo en uno de estos, ¿mmmkay?
Imagen en miniatura del artículo de Fernandodiass / shutterstock.com