13 asesinos de recursos de JavaScript para alcanzar la velocidad de WordPress

Si ha escuchado que JavaScript es el nuevo PHP (o al menos, será una parte clave de la pila de tecnología de WordPress en los próximos años), o desea aprender JavaScript, pero está abrumado y no sabe dónde Para comenzar, esto es una publicación para ti. Ha habido mucho sobre JavaScript en las últimas dos semanas y cómo WordPress girará desde que Automatic ha lanzado la aplicación Desktop Calypso para WordPress.com y la API REST se ha fusionado en el núcleo de WordPress. En esta publicación, echaré un vistazo rápido al futuro JavaScript de WordPress y luego analizaré mis recursos principales para aprender JavaScript.
JavaScript es el futuro que WordPress se ha desarrollado como sujeto candente durante al menos los últimos dos años, pero el jurado ahora está mucho en: JavaScript y la API de WordPress estará en el centro del futuro a largo plazo de la plataforma. La divulgación de la interfaz Calypso en WordPress.com (alimentada por una mezcla de React y Node.js) es una clara indicación de que hay un nuevo sheriff en la ciudad. La aparición de la API REST significa que los desarrolladores pueden evitar efectivamente los problemas de PHP y el código heredado y pasar todo el desarrollo frontal en JavaScript. Después de años de lanzar índices duros en esta dirección, el estado de 2015 de Matt Mullenweg finalmente puso el problema en primer plano
Durante su discurso, Mullenweg reveló una serie de proyectos basados ​​en la API de JavaScript, como Nomadbase.io, StoryCorps y Calypso de Automatic. Podemos esperar que este tipo de proyectos sea la punta del iceberg con respecto a la integración futura de JavaScript, después de que la API REST haya ingresado oficialmente al núcleo la semana pasada. Como el desarrollador Ghost John O’Nolan enfatizó en un artículo de opinión sobre el lanzamiento de Calypso, estamos en un punto de inflexión que marca un nuevo lenguaje de programación para la plataforma, así como un descanso potencialmente decisivo. Con el pasado: “I Lanzará mi sombrero (optimista) en el ring y dirá que WordPress 5.0 se escribirá de forma total o casi completamente en JavaScript. La separación inminente del cliente y el servidor con una API resolverá mucho equipaje de compatibilidad inversa. Sin embargo, es importante enfatizar que Calypso es el mayor voto de desconfianza en la arquitectura de WordPress que existe en la historia de la plataforma. Esto viene después de que Matt haya dicho durante años. “Si crees que WordPress no se expande, eche un vistazo a los 12 millones de sitios que proporcionamos con WordPress.com -o en sitios de noticias importantes como Mashable”. ” – John O’Nolan
Antes de llegar a nuestra lista de recursos para mejorar el juego JavaScript, probablemente deberíamos abordar lo que esto significa para los desarrolladores de WordPress principalmente en función de PHP. ¿Es ahora el momento de presionar el botón de pánico rojo? PHP continuará alimentando las cosas debajo del capó (a corto plazo) si actualmente está ganando su existencia como desarrollador de WordPress de PHP, podrían ser un poco alarmantes. Ni siquiera estamos en el punto en que deba llegar al cable de ruptura, pero ciertamente es un momento apropiado para comenzar a expandir sus habilidades. Dicho esto, tener PHP como lenguaje básico ha jugado un papel importante en el éxito de WordPress. A lo largo de los años, Especialmente en términos de instalaciones autoestagadores. Con la base de instalación más grande en la web, llevará el tiempo suficiente para conducir el barco en otra dirección. WordPress Base Team también mejora continuamente los estándares de codificación y seguridad de PHP en la plataforma, y ​​la inminente llegada de PHP7 promete algunas mejoras de velocidad y rendimiento altas esperadas.
PHP 7 promete traer aumentos de velocidad significativos para WordPress.
En lugar de abandonar el PHP a corto plazo, lo que es más probable que suceda es que la API REST hará que el lenguaje del núcleo de WordPress sea cada vez más irrelevante. Junto con esto, cada vez más de lo que tradicionalmente he considerado como un complemento y un desarrollo de temas se moverá lentamente a JavaScript.

Entonces, para acortar la larga historia, estos son momentos desafiantes e interesantes para los desarrolladores de WordPress. Todavía estamos al comienzo de esta próxima etapa de la plataforma, pero una cosa es cada vez más clara: ignorar JavaScript es una estrategia cada vez más riesgosa. Dado esto, continuemos con nuestra lista de recursos para ir rápidamente al JavaScript. Abordar un nuevo lenguaje de programación no es el tipo de tarea que eliminará durante un fin de semana, por lo que hemos dividido nuestras elecciones en varias categorías básicas para proporcionar una estructura general a su aprendizaje y darle un camino claramente a seguir. Comenzando con un sólido Comprensión de los elementos fundamentales de JavaScript Hay varias formas de lucir a un gato cuando se trata de sumergirse en una nueva lengua. Aunque hay mucho que decir sobre la exploración y el aprendizaje a través de la práctica, es difícil superar un tipo de forma de aprendizaje estructurada para optimizar el tiempo. Nuestros primeros cuatro recursos están destinados a ofrecer exactamente eso.
1. JavaScript eloquent
Al llegar a la segunda edición, elocuente JavaScript de Marijn Haverbeke se puede leer de forma gratuita en línea y se puede comprar en Amazon, tanto como Kindle como como un folleto. Es una imagen general muy accesible, de arriba a abajo del lenguaje, dividida en tres partes principales: la sintaxis de la lengua, el manejo del navegador y el trabajo con el nodo.
Puede rastrear en el navegador mientras estudia ejemplos de código en vivo bien integrados que puede cambiar y explorar. También hay cinco capítulos de proyectos en los que puedes ensuciarte las manos construyendo pequeños proyectos, como una simulación, un juego con diversión y plataformas de color y un sitio web dinámico. La plataforma elocuente JavaScript. No ganará ningún premio por diseño gráfico , pero rápidamente te presenta al corazón del idioma. Si eres nuevo en JavaScript y Programación, o te han desanimado los intentos previamente fallidos de familiarizarse con los elementos básicos, esta es una excelente cebadora que te ayudará a pasar por la mayoría de las partes principales del lenguaje de una manera concisa y forma bien estructurada.
¿Estás interesado en 1. JavaScript eloquent?

Detalles
2. Cómo aprender el JavaScript correcto

Cómo aprender correctamente JavaScript es una forma de aprendizaje con opiniones de Richard Bovell, dividido en dos caminos diferentes para principiantes y desarrolladores experimentados. Ambas piezas tienen un enfoque diferente al elocuente JavaScript, por el hecho de que son una colección estructurada de enlaces a recursos externos, en lugar de un curso autónomo. Dada la cantidad de excelentes recursos de JavaScript en línea, este es un enfoque inteligente para tomar. Tanto la canción para principiantes como para desarrolladores presentan una ruta de aprendizaje bien seleccionada, dividida en una cronología de seis a ocho semanas e incluye ejemplos de proyectos para abordar.
En lugar de simplemente lanzar una pared de libros y sitios web al estudiante, el curso elige elementos específicos de los títulos y cursos existentes. También destaca los materiales auxiliares útiles para acercarse a los principiantes antes de comenzar, como la Web de Code Academy Fundaments. Ya sea que sea un desarrollador principiante o experimentado, cómo aprender JavaScript correctamente le dará una comprensión sólida de los elementos fundamentales del idioma y lo moverá de manera rápida y eficiente a través de una variedad de material fuente, de lo contrario. De Top Developers está disponible en línea.
Si es fanático de acercarse a la pieza de aprendizaje con opinión, puede encontrar una lista completa de opciones alternativas en las pistas de aprendizaje de JavaScript, incluidas ofertas de desarrolladores como Derek Sivers y Addy Osmani. Está interesado en 2. ¿Cómo aprender JavaScript correctamente?
Detalles

3. JavaScript en el modo correcto
La idea de JavaScript en la ruta correcta será familiar para muchos desarrolladores de PHP de un esfuerzo similar en PHP en la ruta correcta. En este caso, es una página bien ejecutada, que logra empacar una gran cantidad de información útil en un espacio pequeño. Si usted es un desarrollador relativamente experimentado, este es un excelente punto de partida para comprender rápidamente qué son muchas prácticas actuales de JavaScript y le brinda muchas rutas de exploración posteriores. La sección sobre a quién seguir, por ejemplo, es una introducción muy útil a algunas de las voces principales en la comunidad de JavaScript en general. ¿Estás interesado en 3. JavaScript de la manera correcta?

Detalles
4. JavaScript: la guía definitiva
Una simple búsqueda en Google o un viaje al desbordamiento de pila es suficiente para resolver todo tipo de dificultades de programación hoy, pero todavía hay mucho que decir para tener una guía de referencia definitiva, ya sea que se acerque a un idioma por primera vez. o un usuario experto. Los títulos de O’Reilly han sido una mano divina para los desarrolladores de décadas y, si vas a dispersar un solo libro de referencia de JavaScript, podría ser tan bien como JavaScript: la guía definitiva de David Flanagan. Ni siquiera es un hilo que vuela en términos de lectura secuencial, pero como referencia anti -Sconance es difícil de derrotar. Está interesado 4. JavaScript: ¿La guía definitiva? Detalles?
Ajuste su entorno de desarrollo a medida que sus habilidades de JavaScript se están volviendo más claras, naturalmente comenzará a alisar más y más atención a la buena regulación del entorno de desarrollo local para evitar repetirlo y mantener las cosas en forma a medida que codifica. Hay una gran cantidad de opciones disponibles a este respecto en JavaScript y, como en cualquier lenguaje de programación, más de unas pocas opiniones feroces sobre las cuales es la mejor herramienta para un trabajo en particular. Con la popularidad actual de JavaScript, también aparecen nuevas herramientas todos los días. Dado esto, algunos de los puntos en esta sección serán necesariamente generales y puede encontrar otras opciones más adecuadas para su flujo de trabajo particular mientras se explora usted mismo. Sin embargo, las opciones a continuación deberían llevarlo a un comienzo sólido.

5. Editor de texto de Webstorm
La elección del editor de texto siempre es potencialmente controvertida entre los programadores. Si ya ha atado su vagón a un clásico, como emacs o VIM, encontrará un gran soporte en ambos para trabajar de manera efectiva con la sintaxis de JavaScript. Si está acostumbrado a usar un texto sublime, también está disponible una gama de complementos para desarrolladores de JavaScript. Muchos desarrolladores de WordPress estarán familiarizados con PhpStorm de JetBrain, que también se puede usar para eliminar el código JavaScript fácilmente. Si realmente desea trabajar con ideas optimizadas para JavaScript, es posible como una WebStorm de en JetBrain para ser el más apropiado. Tiene soporte de primera clase para JavaScript, Node, HTML y CSS, junto con una gran cantidad de solución de problemas incorporadas, control de versiones y tareas en ejecución. Independientemente del editor de texto que eventualmente elija, la idea es que vale la pena controlar sus elementos básicos en términos de discusiones generales y centrarse en las características específicas de JavaScript si están disponibles. ¿Estás interesado en 5. editor de texto de Webstorm?
Detalles

6. jsfiddle
Es increíblemente útil tener un bolígrafo y papel a mano al hacer códigos para dibujar rápidamente un concepto o sacar algo de su cabeza. De manera similar, JSFIDDLE le permite crear, probar y compartir instantáneamente pequeñas piezas de JavaScript, HTML y CSS en un navegador. Para comenzar y trabajar, consulte el tutorial introductorio fácil de la documentación JSFIDDLE o vea el video a continuación. Si, por alguna razón, JSFIDDLE no flota, hay una serie de alternativas similares disponibles para experimentar en línea, incluidas CodePen y JS Bin. ¿Estás interesado en 6. JSfiddle? Detalles
7. Herramientas de desarrollo de Chrome
La resolución de problemas en JavaScript es un asunto notorio. Además de apoyarse en cualquier herramienta que ofrece su IDE, también debe estar familiarizado con el uso de herramientas nativas de navegador para ayudarlo a descubrir qué sucede realmente con su código a medida. Qué aprende. Hay herramientas de solución de problemas disponibles para Firefox, Safari e IE, pero uno de los mejores lugares para comenzar es con las herramientas de desarrollo de Chrome. Google tiene una excelente presentación de la resolución de problemas de JavaScript para continuar explorando, y Chrome Dev Tools de Addi Osmani también es una presentación general muy informativa. ¿Estás interesado en 7. Herramientas de desarrollo de Chrome?

Detalles

8. Recursos más grandes de los instrumentos de JavaScript
Hasta ahora hemos cubierto algunas herramientas bastante generales, pero el flujo moderno de desarrollo de JavaScript se basa en una gama creciente de herramientas específicas del lenguaje. Esta es un área fluida y potencialmente complicada, si aún se familiariza con el lenguaje, así que trate esta sección como una presentación general introductoria para mojar su silbato, en lugar de un conjunto de recetas de lo que debe usar. Vamos a codificar JavaScript tiene un estudio exhaustivo, incluso si es un poco aterrador, de muchas opciones actuales implementadas por los desarrolladores de JavaScript. La presentación general de los instrumentos modernos de JavaScript de Marcin Grzywaczewski se acerca a gran parte del mismo material de una manera sustancialmente accesible. Encontrará aquí presentaciones claramente escritas a herramientas como Gulp, Grurt, Bower y Mocha, para ayudarlo a comenzar a explorar más. Llegar demasiado lejos en cualquiera de los instrumentos mencionados aquí está potencialmente confundido y llegará a la mayoría naturalmente si sigue una de las pistas de aprendizaje de los idiomas que mencioné anteriormente. Si está buscando una introducción suave a instrumentos como Yoeman y Jasmine, el curso de flujos de trabajo de Fin de Dan Wellman sobre Envato merece echar un vistazo. Muchas de las herramientas que encontrará anteriormente se basan, de una forma u otra, en presencia de Node y aquí continuaremos nuestra atención. ¿Está interesado en 8. Recursos más extensos de herramientas de JavaScript?
Descubra el poder del nudo, es difícil llegar demasiado lejos en el desarrollo de JavaScript moderno sin llegar a Node.js. Inventado en 2009, Node le permite ejecutar JavaScript en el servidor, local o remotamente, poniendo el lenguaje en el mismo nivel que Ruby, Python o PHP a este respecto. La aparición de Node, junto con Node Package Manager (NPM) ha llevado a un gran crecimiento de la popularidad de JavaScript en los últimos cinco años. Al igual que con nuestra sección sobre herramientas, existe el riesgo de sentirse abrumado cuando llega demasiado lejos en el bosque aquí, por lo que mantendremos algunos recursos introductorios sólidos para guiarlo en la dirección correcta. Si necesita más convicción si merece estar familiarizado con Node, una mirada rápida a los gigantes web que actualmente van deben ser suficientes para abrir su apetito. Aprenda los tutoriales de nodo de Code Academy

Learn Code Academy es un excelente recurso de aprendizaje basado en YouTube, que vale la pena consultar sobre todo tipo de temas interiores. Su conjunto de tutoriales de nodos son particularmente útiles y lo guiarán a través de todo, desde una introducción a aquellos que son completamente nuevos en la gestión de escenarios de implementación complejos y para regular el rendimiento. Su video introductorio es bueno para que los desarrolladores de PHP comiencen a comprender el nodo, ya que está especialmente dirigido a los espectadores desde ese fondo. ¿Está interesado en 9. Aprenda los tutoriales de nodo de Code Academy?
Detalles
10. Creación de aplicaciones de Microsoft con Node.js Jump Start

Demostrando que el nodo está en el nivel empresarial, la presentación general de Microsoft sobre la construcción de aplicaciones basadas en el nodo es una excelente introducción a los desarrolladores, ya sea que estén o no en Windows. Dividido en una serie de módulos bien estructurados, esta serie presenta los elementos básicos del nodo, introduce el marco web NPM y Express y se desarrolla hasta la construcción de una aplicación completa basada en el nodo y la implementación en Azure. Está interesado en 10. Creación de aplicaciones de Microsoft con Node.js Jump Start?
Una palabra rápida sobre los desarrolladores de marcos es naturalmente opuesto a repetirse innecesariamente y, en un momento de su educación de JavaScript, se reunirá con el mundo constantemente cambiante de JavaScript. Hay una gama bastante sorprendente de personal en competencia, y aparentemente son nuevos cada mes. En lugar de dejarlo en la dirección de recursos de aprendizaje específicos cuando se trata de JavaScript, simplemente llamaremos su atención sobre tres candidatos principales que probablemente se mantengan a largo plazo:
Backbone: Backbone es el gran antiguo JavaScript y ya está incluido en el núcleo de WordPress, por lo que es una opción interesante para los desarrolladores de WordPress.

Angularjs: Como proyecto de Google, puede estar seguro de que AngularJS no desaparecerá pronto y que la gente ya está experimentando WordPress REST API.
React/Relay: aunque es más una biblioteca que un marco, la decisión automática de usar React en su proyecto Calypso podría ser una indicación de cómo el viento con las integraciones de WordPress/JavaScript. Un marco completamente basado, llamado informe, ha disminuido recientemente y vale la pena ver.
Manténgase al día con la comunidad, ya que probablemente pueda darse cuenta de lo que hemos cubierto hasta ahora, la mitad de la lucha para familiarizarse con JavaScript es simplemente seguir los últimos desarrollos. En vista de esto, cerraremos nuestra lista con una mezcla de dos podcasts y una sola lista de correo electrónico que puede usar para mantenerse actualizado.11. Jabber javascript
En el mismo orden de ideas con podcast Ruby Rogues, y con algunos del mismo personal, JavaScript Jabber es una mirada larga, divertida y basada en paneles de todos los aspectos del desarrollo de JavaScript. Con un gran archivo de episodios disponibles, puede esperar encontrar episodios que cubran todo, desde el tema del aprendizaje en línea hasta el futuro JavaScript como un idioma. ¿Estás interesado en 11. JavaScript Jabber?

Detalles
12. JavaScript Weekly
La búsqueda en Internet de artículos interesantes de JavaScript es una forma divertida de tomar unas horas, pero no el uso más eficiente del tiempo de un desarrollador. JavaScript Weekly de Peter Cooper lo exime con mucho trabajo innecesario al traer un LIS con las mejores noticias y artículos directamente a su casilla de correo electrónico todos los viernes. ¿Estás interesado en 12. JavaScript Weekly?

Detalles
13. El diario de los cambios
Presentado en excelente red 5BY5, el ChangeLog es un podcast regular centrado en los últimos desarrollos en la comunidad de código abierto. Con la explosión de los proyectos de código abierto de JavaScript de los últimos cinco años, es una forma increíblemente conveniente de mantenerse en contacto con lo que se está desarrollando en términos de JavaScript, que permanece actualizado con temas de desarrollo más amplios. ¿Está interesado en 13. El diario de los cambios?
Un conocimiento práctico de JavaScript Si usted es o no un desarrollador de WordPress, JavaScript Work Knowledge probablemente será un requisito más temprano que más tarde si crea algún tipo de experiencia frontal. El nivel actual de integración de JavaScript en WordPress brinda a los desarrolladores de PHP una excelente oportunidad para mejorar sus habilidades y abordar el Wagon JavaScript en una etapa temprana. Aquí hay una breve recapitulación de mi lámina en cinco etapas para el éxito con JavaScript:
Elija una pista sólida de aprendizaje de JavaScript -Base
Comience a ajustar sus instrumentos JavaScript
Familiarizado con el nodo
Comience a explorar los marcos de JavaScript

Manténgase al día con los desarrollos de la comunidad en general
Me encantaría saber cómo planeas profundizar tus habilidades de JavaScript para el futuro. ¿Hay recursos que me perdí anteriormente? Póngase en contacto los comentarios a continuación y díganos.
Etiquetas:

Javascript
El resto