Los 25 mejores tutoriales gratuitos de JavaScript para mejorar sus habilidades de JavaScript

La programación de front-end ha seguido aumentando en 2015, y solo podemos prever otra gran fase de crecimiento para los lenguajes de front-end en 2016. Millones de nuevos usuarios web se están conectando, y todos ellos eventualmente aprenderán sobre informática, desarrollo web y programación en particular. JavaScript se ha establecido como líder en la biblioteca de lenguajes de programación, superando a los clásicos de antaño como Java; algunos dicen que JavaScript está alcanzando su punto máximo, mientras que sentimos que todavía le queda espacio para crecer y dominar las opciones de lenguaje de programación.

ECMAScript 6 ya está en pleno apogeo, no pasa un día sin que alguien no escriba sobre ES6 y lo que aporta a los desarrolladores de JavaScript nuevos y experimentados. El futuro de JavaScript se ve genial, para ambos; desarrolladores web y de software. La ingeniería de hardware y software son dos áreas nuevas en las que se puede ver que JavaScript domina, especialmente a través del uso de marcos populares como Node.js: JavaScript está llegando a nuevos mercados en cada momento, y muchos lenguajes tendrán dificultades para mantenerse al día, el poder de la comunidad detrás de JavaScript ha superado muchos argumentos lógicos y racionales que podrían implicar que otros lenguajes son mejores. Analizar algo para ver si va a ser adecuado para su próximo trabajo, se reduce a hacerse algunas preguntas honestas.

JavaScript como lenguaje de programación le ha demostrado al mundo que es sustentable, poderoso y confiable. Aprender JavaScript nunca ha sido más intrigante, muchos trabajos tanto a tiempo completo como independientes, muchos proyectos interesantes en los que trabajar en GitHub, un flujo constante de nuevos artículos y tutoriales de la comunidad JavaScript, el ecosistema de lenguajes es ultra saludable, y muy útil cuando se trata de eso. Queremos contribuir a ese aspecto de la comunidad al incluir un par de docenas de artículos tutoriales de JavaScript que se han publicado en los últimos 2-3 meses, asegurando que la calidad de los artículos esté alineada con los últimos consejos, trucos y, por supuesto, estándares de JavaScript. , como el ES6.

Escritura de módulos JavaScript reutilizables de próxima generación en ECMAScript 6

Jim Cowart ha pasado mucho tiempo tratando de comprender ES6 y tratando de resolver sus peculiaridades y rasgos más secretos que pueden ayudar a los desarrolladores a construir mejor, más rápido y con más resiliencia. La intención principal del artículo es ayudar a los desarrolladores web antiguos y nuevos a crear bibliotecas de ES6 que se puedan usar dentro del contexto de ES5, lo que significa que Jim también explicará y mostrará cómo se puede usar Babel para transformar las bibliotecas de ES6 en bibliotecas de ES5 completamente funcionales. y la razón para hacer esto es porque los navegadores web todavía están tratando de ponerse al día con el nuevo estándar. Para hacer que la biblioteca sea reutilizable y fácil de trabajar con otros desarrolladores, Jim se está enfocando mucho en los módulos, dando un módulo para casi todo, de una manera que realmente se siente bien.

Aprenda a realizar visualizaciones de datos con D3.js

La visualización de datos no podría ser más importante en la era actual de crecimiento web, crecimiento empresarial a través de la tecnología y fines generales de ciencia de datos. Y puede ser tan específico que a veces solo un puñado de personas muy talentosas están creando el tipo de visualizaciones que captan la atención de algunos de los sitios de medios más conocidos del planeta, aunque no siempre legalmente. La visualización de datos puede ser útil para visualizar conjuntos de datos simples, analizar el rendimiento de su sitio web, profundizar en los datos analíticos y mucho más.

A lo largo de los años, JavaScript se ha convertido en un favorito entre los científicos de datos que desean jugar con los datos dentro del navegador de manera efectiva y precisa. Desde el lanzamiento de D3.js en 2011, la biblioteca ha superado cualquier competencia posible y es un nombre familiar para los desarrolladores de JavaScript que necesitan una herramienta compleja para realizar tareas complejas de ciencia de datos.

Bibliotecas de aplicaciones y arquitecturas de componentes de front-end

Cody Lindley ha escrito un artículo de JavaScript obstinado que actúa más como un tutorial para ayudar a los desarrolladores a aprender cómo los componentes nativos de JavaScript dentro de los marcos y bibliotecas de JavaScript más populares se han vuelto todos iguales. Comprender este concepto hace que sea más fácil elegir entre los frameworks o bibliotecas con los que trabajar, porque de repente te das cuenta de que no te costará tanto aprender algo nuevo, ya que se utilizará prácticamente la misma estructura de componentes que la última vez. estructura.

Mejores prácticas de React.js para 2016

React estuvo en todas las noticias en 2015. Es la biblioteca de JavaScript de más rápido crecimiento que la comunidad ha visto en los últimos años, y cientos de miles de desarrolladores la siguen utilizando activamente cada día. React hace que sea ridículamente simple construir interfaces de IU nativas que no interfieran con otros aspectos de su proyecto en el que está trabajando, por lo que, en cierto sentido, podría usar React para construir su IU, o podría usar React para ayudarse a sí mismo a construir un mejor interfaz de usuario, y en ningún momento React asumirá el papel de una biblioteca principal y, en su lugar, solo funcionará cuando se lo pida. Si bien todo eso suena simple, todavía hay una curva de aprendizaje, y el director de tecnología de RisingStack, Peter Marton, habla sobre las mejores prácticas para React, desde su propia perspectiva.

¿Nuevo en Ember? ¡Empieza aqui! (Tutorial de 2016)

Ya hemos establecido nuestra opinión sobre Ember, es un marco de desarrollo web moderno que encaja perfectamente con uno de nuestros artículos recientes; mejores marcos de JavaScript. Ember permite a los desarrolladores de JavaScript crear rápidamente aplicaciones web modernas para dispositivos móviles y de escritorio, sin tener que comprometer mucho lo que podrían ofrecer otras bibliotecas unidas. Si es nuevo en Ember y se enteró más recientemente, le recomendamos encarecidamente que consulte este tutorial de Frank Treacy. Su estilo de escritura y su guía son perfectos para comprender más profundamente Ember Framework.

Cómo aprender ES6

En realidad, muchos desarrolladores de JavaScript sabían qué es ES6 mucho antes de que se lanzara el estándar. Es la forma de los lenguajes de programación, los estándares están disponibles como borradores para que la comunidad experimente, antes de que se realicen las finalizaciones. Lo mismo ocurre con ECMAScript 7 o ES7 , las funciones ya están disponibles, pero todos esperan que los navegadores se pongan al día, lo que no siempre es un proceso sencillo. Eric Elliott compiló un práctico conjunto de artículos y consejos en su publicación de Medium sobre cómo abordar mejor el proceso de aprendizaje de ES6.

Definiciones de funciones en JavaScript

Marius Schulz brinda a los desarrolladores de JavaScript un poco de información sobre cómo funcionan las definiciones de funciones en JavaScript y cómo se pueden abordar de tres maneras diferentes, especialmente desde el lanzamiento de ES6 y Arrow Functions.

Inicie su propia biblioteca de JavaScript usando webpack y ES6

Las bibliotecas de JavaScript son pequeños scripts de JavaScript (no siempre pequeños) que ayudan a los desarrolladores a ampliar sus proyectos con una función específica que de otro modo necesitaría crear por separado. Algunos dicen que React.js actúa como una biblioteca, mientras que otros dicen que es más un marco. En cualquier caso, Krasimir Tsonev está reduciendo el proceso de creación de una biblioteca JavaScript con ES6 y la ayuda de WebPack.

7 funciones esenciales de JavaScript

David Walsh es uno de los favoritos entre muchos desarrolladores front-end, un desarrollador consistente y también un escritor que no tiene miedo de compartir sus pensamientos, opiniones y experiencias con el mundo front-end. Su propio sitio web es un gran ejemplo de hasta dónde se puede llevar el desarrollo nativo y de lo bien que se puede ejecutar en forma de un sitio web de contenido. Sin embargo, su publicación no trata de diseño, sino de funciones de JavaScript; la parte más esencial del lenguaje son las funciones, y David está dando siete funciones adicionales que quizás hayamos abandonado durante nuestro proceso de aprendizaje del idioma y sus aspectos más importantes.

Google Maps simplificado con GMaps.js

Cada cosa en la web se reduce a un elemento, un elemento específico que lleva a cabo una función seleccionada. En el caso de los mapas, podemos usar el widget nativo de Google Maps de la página oficial de Google, o podemos confiar en bibliotecas de terceros que brindan un poco más de funcionalidad de la que obtendríamos con un widget independiente. Aquí tenemos un tutorial sobre cómo abordar mejor la biblioteca GMaps.js y aprovechar al máximo la construcción de sus mapas.

Resultados de la encuesta para desarrolladores de JavaScript

Es posible que las encuestas no parezcan tutoriales en absoluto, pero en cierto sentido lo son. Son tutoriales hacia la comunidad, la forma de pensar de la comunidad, y también lo que la comunidad considera mejor para acercarse al lenguaje, JavaScript, dada la evolución moderna del mismo. Entonces, sí, recomendamos usar esta encuesta como una forma de aprender más sobre los desarrolladores de JavaScript, cuáles son sus opiniones y recomendaciones, y quizás incorporar algunas de esas ideas dentro de su propio flujo de trabajo productivo.

Reacción universal

Bibliotecas como React realmente han cambiado la forma en que se producen las aplicaciones del lado del cliente. Hay muchos beneficios en esta forma de programación, rendimiento mejorado, entre una accesibilidad más fácil, pero también hay inconvenientes, y uno de los inconvenientes es tener que ofrecer contenido JavaScript a los usuarios que no tienen navegadores habilitados para JavaScript, o para realizar búsquedas. robots de motor que realmente no funcionan bien con JavaScript. La buena noticia es que se ha reconocido este problema y es posible crear una aplicación del lado del cliente con todas las funciones que se pueda procesar en el servidor. React está liderando el camino para hacer realidad la ejecución de JavaScript del lado del servidor y del lado del cliente, y Jack Franklin ha publicado un tutorial que analiza más a fondo los problemas y cómo se pueden resolver.

Cómo programar tareas en segundo plano en JavaScript

Craig Buckler ofrece una explicación concisa de cómo funcionan las tareas en segundo plano en JavaScript y cómo abordarlas mejor. Craig Buckler ha escrito miles de artículos para SitePoint y tiene una amplia experiencia en lenguajes como JavaScript, HTML5 y CSS3, por lo que puede tomar su palabra como cierta cuando habla de temas tan amplios.

Análisis de fuentes RSS en JavaScript - Opciones

Las fuentes RSS hacen que el contenido publicado en la web sea mucho más accesible. El 99% de los blogs de hoy tienen soporte para feeds RSS, lo que facilita que otros reciban contenido de forma regular mediante el uso de feeds. Otros usos de los feeds incluyen la capacidad de analizarlos y luego usar los datos analizados de diferentes maneras, ya sea para un sitio web de granja de enlaces o para una aplicación que necesita conjuntos de datos específicos de un feed RSS analizado, Raymond Camden explora este tema más y realiza una cuenta regresiva de las posibles opciones para los desarrolladores de JavaScript que deseen utilizar JavaScript para analizar las fuentes RSS.

Rotar elementos en desplazamiento con JavaScript

Dudley Storey comparte su historia sobre cómo transformó su sitio web para que estuviera completamente libre de cualquier marco de JavaScript y, en su lugar, usó Vanilla JavaScript para crear una experiencia de navegación web interactiva para sus lectores, su última creación ha sido un tutorial sobre cómo rotar elementos de página individuales utilizando Vanilla JavaScript. Es un tutorial fascinante que le abrirá las puertas a muchas otras formas interactivas de usar JS en sus proyectos web.

Cómo construir una aplicación Todo usando React, Redux e Immutable.js

React, Redux e Immutable.js son nombres de bibliotecas de JavaScript en rápida evolución que están cambiando la forma en que percibimos el desarrollo y también la forma en que creamos aplicaciones para todos los dispositivos. Emre Guneyler nos brinda en este artículo una introducción rápida sobre las tres bibliotecas y cómo crear una sola 'aplicación de tareas pendientes' que le brindaría una mejor visión de cómo funciona la creación de aplicaciones con marcos y bibliotecas modernos.

5 pasos para preparar su código de Angular 1 a Angular 2

Somos grandes admiradores de Angular.js; solo eche un vistazo a algunos de nuestros mejores contenidos de Angular.js, como las plantillas de sitio web Responsive AngularJS, las plantillas de administración de AngularJS y los recursos de la comunidad para Angular 2; estamos bien preparados para dar la bienvenida a Angular 2, e incluso más aún con la adición de este tutorial de Oren Farhi. La llegada de Angular 2 es inevitable, y si es un desarrollador activo de Angular.js en este momento, lea este tutorial para prepararse para los cambios que se avecinan y preparar su código para una transición fácil a una nueva versión.

Descripción general de ES6 en 350 viñetas

ES6 fue la mayor actualización de un estándar de JavaScript en los últimos años, es una gran adición a un lenguaje de programación ya sólido, sin embargo, esta adición realmente cambia la forma en que JavaScript funciona en la web y la forma en que seguirá funcionando como navegadores. comenzar a integrar más de las funciones complicadas. Este repositorio de GitHub es una combinación de más de 350 viñetas que discuten un montón de aspectos diferentes de ES6, como características, y cómo usar esas características. También funciones y cómo se ven las nuevas funciones, con muchos enlaces de recursos salientes para ayudarlo a profundizar su comprensión sobre ES6.

Al mismo tiempo JavaScript: una serie de 3 partes sobre la concurrencia en JS

Kyle Simpson se toma un momento para compartir sus pensamientos sobre la concurrencia y la asincronicidad de JavaScript, y cómo puede usar esos mismos conceptos en su propio entorno de desarrollo. Contenido fascinante y mucho más un tutorial detallado que se divide en tres partes diferentes.

El costo de los marcos

Intente aprender a codificar en JavaScript sin encontrar consejos intensos sobre cómo el uso de un marco resolverá todos sus problemas, gran parte del aprendizaje de JavaScript en estos días se basa en marcos, como React, Angular, Backbone y otros. Sí, los marcos facilitan la creación rápida de aplicaciones web y móviles, pero ¿cuáles son los costos reales de usar marcos y no JS nativo (vainilla)? Paul Lewis describe esto reuniendo análisis de referencia concisos que ayudan a los desarrolladores nuevos (y quizás experimentados) a tomar mejores decisiones sobre los marcos.

Anatomía de una gran aplicación angular

Angular es actualmente el marco de JavaScript líder para crear aplicaciones web rápidas. Sin embargo, la creación de aplicaciones angulares extendidas y grandes puede resultar complicado, algunos dirían que llega al punto en el que estás al borde de volverte loco, por lo que Kristian Poslek se está tomando su tiempo para retribuir a la comunidad ofreciendo un tutorial. sobre cómo construir grandes aplicaciones angulares sin volverse loco.

Detección de proximidad facial con JavaScript

Los lenguajes de programación son cada día más inteligentes. Peter Bengtsson explica en su tutorial cómo podemos usar JavaScript para construir un motor de detección de proximidad facial que puede usar en sus aplicaciones y proyectos de inmediato.

¿Qué puede hacer JavaScript?

¿No está completamente seguro de lo que JavaScript puede hacer realmente? David Small presenta una presentación simple pero efectiva sobre las cosas que JavaScript realmente puede hacer y cuál es el propósito principal de este lenguaje. Lectura interesante para cualquiera que esté interesado en JavaScript, un tutorial que enseña los aspectos más amplios del lenguaje.

Salir de la fatiga de JavaScript - Edición React

La fatiga es un asesino de la productividad, trabajar con algo durante demasiado tiempo puede hacer que uno experimente una fatiga profunda que puede durar mucho tiempo, pero también, por supuesto, existe el tipo de fatiga que atribuimos a marcos específicos, que en este caso ocurre ser Reaccionar. Entonces, ¿cómo salimos de nuestra fatiga hacia React? Reto Schlapfer tiene una respuesta a esta pregunta, sumérjase.

Recursos para aprender JavaScript en línea

Hemos explorado algunos de los mejores tutoriales actualizados sobre JavaScript que la web tiene para ofrecer, pero ¿qué vas a hacer con todos estos tutoriales si no tienes ningún conocimiento previo en JavaScript? Supongo que es muy poco probable, ya que ha buscado tutoriales de JavaScript en particular, pero es probable que desee ampliar su conocimiento de JS, o quizás actualizarlo después de un largo tiempo de ausencia. En ese caso, aquí hay una lista muy accesible de sitios web y plataformas que ofrecen aprendizaje de JavaScript en línea de forma gratuita. Solo lo mejor.

• Codecademy : una plataforma para comprender los fundamentos del desarrollo web, en particular JavaScript. Codecademy es uno de los primeros sitios con los que los desarrolladores front-end nuevos y aspirantes comienzan sus carreras. Es divertido, interactivo y funciona bien.
• Learn-JS : es una plataforma similar a Codecademy, con un conjunto diferente de tareas y curvas de aprendizaje, y muy útil después de terminar Codecademy, para refinar sus habilidades recién aprendidas y tal vez darse cuenta de lo que podría haberse perdido.
• freeCodeCamp : una plataforma de codificación basada en la comunidad en rápida evolución donde cada miembro del sitio puede participar en la resolución de problemas, desafíos y luego ayudar a impulsar aplicaciones nuevas y emocionantes para organizaciones sin fines de lucro que no pueden pagar codificadores profesionales. Es una situación en la que todos ganan.
• Guía de estilo: las guías de estilo ayudan a crear código que facilita que otros lo construyan, AirBNB lanzó su propia guía de estilo y rápidamente se convirtió en la guía de estilo de JavaScript más popular que puede encontrar en GitHub, o en cualquier otro lugar.

Para concluir, es muy evidente que aprender JavaScript no debería ser un gran problema, los desarrolladores activos comparten constantemente sus consejos, ideas y tutoriales sobre cómo mejorar y cómo utilizar el lenguaje en su máximo potencial. Realmente esperamos que estos recursos sean de gran beneficio para su proceso de aprendizaje.