¿Cuál es el mejor lenguaje de programación para aprender si quieres mejorar en WordPress? Eso depende. Estar bien en WordPress es fácil. Sin embargo, ser bueno con WordPress requiere algo extra. Aprender un lenguaje de programación o dos es probablemente el mejor lugar para comenzar a ser excelente con él. Pero hay tantos lenguajes diferentes que se utilizan en el desarrollo web, averiguar por dónde empezar puede ser aterrador.
No te preocupes, amigo. Lo tengo.
A pesar de lo que piensa mi iPhone, PHP no es un error tipográfico cuando no busco deliciosa comida vietnamita en Yelp. Es el lenguaje de programación fundamental de WordPress y la columna vertebral de más del 80% de Internet. Esos dos hechos juntos deberían ser suficientes para que quieras aprender PHP.
Si PHP es su primer lenguaje de programación, puede ser intimidante de ver, pero puede ser bastante simple. En el caso de Divi, puedes mirar single.php (el archivo que ejecuta una sola página) y ver esto:
01
02
03
04
05
06
07
|
<?php get_header(); $is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() ); ?> |
El código toma el encabezado, busca si se usó el generador de páginas Divi y luego toma el contenido por su ID asignada. Eso 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 de su parte.
Esa es una funcionalidad muy dinámica, y PHP fue una de las primeras formas que permitió sitios web dinámicos. Utiliza un intérprete para analizar el código PHP (que a menudo se combina con HTML) y realiza ciertas acciones en función de ciertas 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 has adivinado: 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 código antiguo era como tratar de sacar un solo fideo de un tazón de espagueti en una sola pieza. Sin embargo, depurar PHP en 2017 es más como deshacer un suéter de punto suelto: encuentras lo que quieres y simplemente tiras hasta que esté listo.
Y a medida que se realicen más actualizaciones en el núcleo de WP, más fácil y menos intimidante se volverá el PHP con el que interactúa. Es seguro decir que si quieres ser excelente trabajando con WordPress, PHP es el mejor lenguaje de programación para aprender.
Ejemplo de código PHP
El códice de WordPress y los recursos para desarrolladores son excelentes lugares para comenzar cuando se observa 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:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
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 desde el valor predeterminado (que rara vez es lo suficientemente alto), ponga
01
|
define( 'WP_MEMORY_LIMIT' , '512M' ); |
en su wpconfig.php .
JavaScript
JavaScript es un lenguaje de programación interesante. Inicialmente creado para la interacción con el usuario y el desarrollo front-end, JavaScript se ha convertido en el nuevo atractivo en los últimos años. Ahora, un lenguaje de pila completa (lo que significa que funciona con navegadores front-end y bases de datos y servidores back-end), JavaScript es el lenguaje de programación de más rápido crecimiento en la interweb.
Con plataformas como Ember.js, Node.js, React y AngularJS, la brecha entre la cantidad de Internet que se basa en PHP y JavaScript solo se reducirá.
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 sencilla de acceder a la funcionalidad que de otro modo sería difícil o imposible de hacer». uso de.» En pocas palabras, evita que escribas muchos códigos repetitivos, haces el trabajo más rápido y te hace la vida más fácil.
¿Es el mejor lenguaje de programación para aprender? Tal vez. Si elige JavaScipt, su seguridad laboral y la demanda en la esfera de WordPress solo mejorarán y mejorarán, 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 algunos excelentes ejemplos de cómo debería verse su código, específicamente en términos de estándares compartidos entre PHP y JS.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
dieciséis
17
18
19
20
21
22
23
24
25
26
27
28
29
|
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 consiste en marcar (¿ves lo que hice?) lo que ven los usuarios. Obtiene código para hacer 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 vas a trabajar con WordPress, HTML es el único lenguaje del que necesitarás un conocimiento práctico. A pesar de que WordPress se está moviendo hacia una edición más visual de contenido, temas y estilos, dominar HTML nunca 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. Es el esqueleto de cada página en Internet, de verdad. Es tan fundamental que no saberlo (al menos lo suficiente como para ser peligroso) absolutamente le costará trabajos. HTML definitivamente está en la carrera como el mejor lenguaje de programación para aprender.
Ejemplo de código HTML
01
02
03
04
05
06
07
08
09
10
11
|
< 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. Tienes que ser competente con CSS también. 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 aunque lo intente. 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 se vean como Geocities a, bueno, cualquier otra cosa. Eso solo lo convierte en un competidor para el mejor lenguaje de programación para aprender.
CSS es lo que usas para animar elementos ahora que no usamos Flash o Shockwave. ¿Recuerdalos? Ah, recuerdos. Usamos CSS para mover elementos, apilarlos, darles forma (sí, puede usar CSS para hacer todo tipo de formas extravagantes) y hacer que su sitio web salte a través de los aros que desee.
Lo especial de CSS es que, si bien se puede usar en línea con HTML (simplemente agregue el
01
|
style= "" |
etiqueta a un elemento), no debería serlo. La página representará cada instancia de la etiqueta individualmente, lo que ralentiza significativamente su página.
Introduzca 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. Usted decide 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 el código y desea que las solicitudes de su servidor sean mínimas. Las hojas de estilo le permiten llamar al servidor una vez y aplicarlo varias veces.
Código de ejemplo CSS
Personalmente, guardo un archivo custom.css básico que copio y pego en cada nuevo sitio en el que trabajo. Por supuesto, lo edito profusamente cada vez, pero tener una plantilla base ahorra mucho tiempo cuando vas a diseñar los mismos elementos para cada sitio. Este es el comienzo de esto, así que puedes ver de lo que estoy hablando.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
dieciséis
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
body { font-family : "Roboto" , arial , sans-serif ; font-size : 18px ; line-height : 28px ; color : #ffffff ; } h 1 , h 2 , h 3 , h 4 , h 5 , h 6 { color : #fff ; font-family : 'Exo' , sans-serif ; font-weight : 700 ; } h 1 { font-size : 2.75 rem; margin : 40px 0px ; font-weight : 400 ; } h 2 { font-size : 32px ; line-height : 35px ; } h 3 { font-size : 24px ; line-height : 32px ; } h 4 { font-size : 24px ; line-height : 28px ; } h 5 { font-size : 10px ; font-weight : normal ; line-height : 16px ; } h 6 { } .widgettitle { text-align : center ; } |
Al igual que HTML, no hay forma de evitar conocer CSS. Mientras 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?
Ya sabes qué aprender ahora, pero ¿por dónde deberías empezar? No hay escasez de recursos para que aprendas un lenguaje de programación, pero soy realmente partidario de los tres a continuación. Usé estos tres sitios como mis herramientas principales cuando decidí prepararme para comenzar a trabajar independientemente.
- Codecademy : cursos prácticos y 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 y gratuitos lo guían a través del idioma de su elección. Tienden a tematizar sus lecciones en torno a cosas como zombis para mantenerlas interesantes.
- Team Treehouse : no es gratuito 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 de tu lenguaje de programación elegido.
- Blog de Elegant Themes: no somos un blog de programación, pero hay toneladas de artículos como el que vinculé aquí que analiza 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 por Fernandodiass / shutterstock.com