Nociones introductorias con JavaScript (y cómo comparar con PHP)

JavaScript ha aparecido mucho en las noticias últimamente y por buenas razones. Hay una creciente necesidad de que los desarrolladores de WordPress “aprendan JavaScript profundo”. Sin embargo, la transición de PHP puede parecer abrumadora a primera vista. En nuestra opinión, incluso si su PHP es su único lenguaje de programación, debe encontrar el cambio a JavaScript lo suficientemente cómodo como para comenzar a piratear algunos scripts en el menor tiempo. Una vez que comprenda cómo se juntan los elementos básicos de JavaScript, tendrá una base sólida que le permitirá explorar los aspectos más complejos del lenguaje.
En esta guía dirigida a los codificadores PHP WordPress, tomaremos una indicación del excelente aprendizaje X en y minutos sobre JavaScript. Compararemos directamente cómo el código JavaScript debe estructurarse y escribir con la forma en que se hacen las cosas en el PHP. Primero, sin embargo, ¡hablemos de un poco de historia de WordPress con JavaScript! WordPress y JavaScript: una historia de amor La relación entre WordPress y JavaScript es transitoria, pero tiene muchos desarrolladores cautivados por las posibilidades. Discutimos cómo los dos a menudo se combinan en el pasado, especialmente en nuestro artículo todo lo que necesita saber sobre JavaScript y WordPress. También analizamos los marcos de JavaScript y las bibliotecas esenciales para trabajar. Además, hay muchos otros donde esto llegó a la tubería.
En cuanto a cómo JavaScript se incorpora a WordPress, el progreso fue lento en el papel. Por supuesto, todavía hay mucho trabajo detrás de escena. Por ejemplo, WordPress.com es alimentado por el código Calypso:

La interfaz se basa en una capa de servidor Node.js, en resumen, una banda de rodadura que lo ayuda a desarrollar aplicaciones JavaScript. Además, el nuevo editor de Gutenberg, Al WordPress, se convierte lentamente en JavaScript. Por lo tanto, el aprendizaje “profundo” del idioma nunca ha sido más importante. Las diferencias entre PHP y JavaScript En un momento, profundizaremos en las diferencias de codificación entre PHP y JavaScript. En primer lugar, sin embargo, vale la pena mirar las distinciones más “globales” entre los dos idiomas. Es un lenguaje de secuencias de comandos en el lado del servidor que se usa principalmente para el desarrollo web, pero tiene otros usos generales. Está mal escrito y lo encontrará con mayor frecuencia con HTML en archivos .php. PHP tiene casi 25 años y actualmente está en su séptima iteración. PHP 7 tiene un rendimiento mucho mejor que su predecesor PHP5, según muchas pruebas. JavaScript es similar de varias maneras. También es un lenguaje débilmente tipificado, dinámico e interpretado. Haga uno de los tres componentes básicos de la web, junto con HTML y CSS y, por lo tanto, se usa en una gran cantidad de sitios web para proporcionar a los usuarios dinámicos e interactivos. En realidad, es un subconjunto de ECMAScript, que también activa ActionScript y Jcript. La primera es la versión de Adobe en el idioma, y ​​Jcript es la versión de Microsoft (que se usa principalmente para Internet Explorer).
En resumen, ambos idiomas tienen mucho en común. Esto determina la pregunta: ¿por qué JavaScript está subrayado a la vez? La respuesta no está completamente clara, aunque este artículo explica un poco más sobre el tema, y ​​el anuncio de Matt Mullenweg sobre Calypso ofrece una perspectiva adicional. De todos modos, ha quedado claro que JavaScript es un lenguaje que necesitará aprender si desea “proteger” sus habilidades de WordPress. Cómo JavaScript se compara con PHP (4 elementos clave) Aunque lo que sigue no es una lista exhaustiva de elementos principales de idiomas, ofrece la base que necesita para comenzar a construir programas básicos de JavaScript. También descubrirá que puede comenzar a extrapolar de estos elementos por su cuenta y le daremos algunas instrucciones para ayudarlo a continuar su aprendizaje antes de completar. Variables Antes de comenzar, vale la pena señalar que aunque el PHP requiere que el código se empaquete en , JavaScript no necesita este elemento. Como tal, omitiremos esto de cualquier ejemplo de código PHP para una fácil lectura. Comencemos, mirando cómo se construyen las variables. En PHP, por supuesto, prefijo cada variable con un dólar ($): $ boolean = true; // o verdadero o verdadero
$ boolean = false; // o falso o falso, sin embargo, en JavaScript, no tiene que hacerlo. Además, debido a que el lenguaje es dinámico, no tiene que declarar tipos. P.ej:
Foovar lima = 5;
Var barvar = ‘esta es una cadena’; Las variables declaradas que no han sido asignadas están configuradas para indefinidamente. También notará que los nombres de las variables están escritos en “Camelcase” y aún requieren una coma y una coma al final, similar a PHP. Puede colocar varias variables en una sola línea usando las comas: foovar lime = 2, barvar = 4; Además, JavaScript utiliza la breve notación para las operaciones matemáticas: Foovar += 5; // equivalente a foovar = foovar + 5; Foovar tiene 10 Aufoovar *= 10; // ahora Foovar es 100
// mano corta para agregar o disminuir uno
foovar ++; // ahora Foovar es 101
foovar–; // volver a 100
Por supuesto, las variables suelen ser fáciles de entender. Las complejidades ocurren cuando comienzas a lidiar con otros aspectos de la lengua.
2. Estructuras de control si los bucles representan una forma fundamental de control de flujo en sus programas. Afortunadamente, tanto PHP como JavaScript tienen la misma estructura de bucle if: if (x) {
¡Hacer algo!;
} Elseif (true) {

Haz esto en su lugar;
} de lo contrario {
Haz una última cosa;
} Lo mismo es cierto para los bucles para … para (lima i = 0; i 1, ‘dos’ => 2, ‘tres’ => 3); En cambio, JavaScript usa matriz como índices numerados y “objetos” como nombres llamados: var myobj = {key1: “hola”, key2: “mundo”; Son esencialmente pares clave valiosos y se accede como si lo hiciera con una matriz, aunque puede usar la notación con puntos para acceder a un par clave valioso: myobj [“la otra clave”]; // = 4
// También puede usar la notación con puntos, siempre que la clave sea un identificador válido.
Myobj.mykey; // = “mi valor”, notará que los objetos se ven muy similares a los diccionarios o mapas en otros idiomas, como Python, y probablemente sean más fáciles de leer que en PHP. Sin embargo, puede llevar algo de tiempo acostumbrarse a este sistema, así que prepárate para una solución saludable durante las primeras Escrituras.
4. Funciones Finalmente, llegamos a las funciones. Al igual que muchos otros elementos de PHP, tienen una apariencia similar en JavaScript. Primero, aquí hay un ejemplo de una función básica en php: function my_function () {
Regresa “¡Hola, mundo!”;
}
echo function_mea (); La función JavaScript apropiada es prácticamente la misma, aunque no tiene que hacer eco o imprimir la función para llamarla: función myfunction (thing) {return thing.toupperCase ();
}
MyFunction (“¡Hola, mundo!”); // “¡Hola Mundo!” Sin embargo, las funciones de JavaScript son “objetos de primera clase”, lo que significa que pueden atribuirse a diferentes nombres de variables y transmitirse como argumentos a otras funciones. Este controlador de eventos es un ejemplo perfecto: myfunction function () {
// este código se llamará en 5 segundos
}
SetTimeOut (MyFunction, 5000); Si se pregunta, SetTimeout no es en realidad parte de JavaScript, sino que los navegadores web proporcionan y se pueden encontrar en Node.js. Las funciones pueden ser mucho más profundas que esto, por supuesto. Por lo tanto, lo alentamos a que revise los documentos Aprenda X en Y minutos antes de poner en práctica todas estas pautas. Cómo explorar JavaScript más profundamente como hemos aclarado anteriormente, esta pieza presenta solo los elementos básicos de JavaScript en comparación con PHP. Por lo tanto, si está buscando una inmersión más profunda en el idioma, necesitará algunos recursos adicionales. Por supuesto, le recomendamos que explore el blog de torque, porque tenemos muchos artículos útiles relacionados con el aprendizaje de JavaScript desde cero. Ya mencioné algunos pero aquí hay dos más:
28 Recursos de alta calidad para enseñar JavaScript para WordPress
Cómo aprender JavaScript como desarrollador de WordPress
También analizamos cómo comenzar a usar JavaScript en WordPress. Aunque esta pieza es de unos años, sigue siendo un ejemplo sólido de la forma en que la plataforma administra JavaScript. Finalmente, también querrá explorar algunos tutoriales de uso general para aprender el idioma en su conjunto. Le recomendamos que comience con las páginas MDN de Mozilla en JavaScript antes de elegir un buen libro. JavaScript Eloquent es, por nuestro dinero, probablemente el mejor recurso del mercado. La conclusión ha estado hablando casi hasta el aburrimiento, pero Javascript y WordPress se alinean cada vez más. Desde que se lanzó el “llamado a las armas”, los desarrolladores han comenzado a “aprender un JavaScript profundo”. Sin embargo, para aquellos que aún entienden con PHP, aprender un nuevo idioma puede parecer una montaña empinada para escalar. Esta publicación analizó cómo se compara el código PHP con JavaScript y ofreció una comparación adyacente de los dos. Comprender estos cuatro elementos básicos es la clave para desbloquear todo el lenguaje de JavaScript: variable
Estructuras de Control
Matriz
Funciones
Quiere aprender JavaScript como desarrollador de PHP y, de ser así, ¿qué recursos usa? ¡Háganos saber en la sección de comentarios! Imagen presentada: Ahmadardity.