Comience a codificar JavaScript ahora mismo con estos 5 grandes recursos gratuitos

“Amor - amor es un verbo, amor es una palabra que hace,” o eso dice la canción. Y en realidad, lo mismo se puede decir sobre JavaScript: este lenguaje de programación candente es una obra idioma.

Si crees que JavaScript es interesante, necesitas hacer JavaScript - no solo leerlo. Comenzar es mucho más fácil de lo que podría esperar, y no cuesta nada. Busqué tres recursos para el aprendizaje de JavaScript que tienen que ver con hacerte llegar hacer algo con el idioma, en lugar de solo leer o ver videos.

Para tomar un tour guiado: Codeacademy JavaScript Track

Suponiendo que sepa muy poco sobre JavaScript, un primer paso sería hacer una visita guiada por el idioma. Algunas personas hacen esto con un libro o dos, otras lo hacen con una serie de videos. La excelente Code School tiene una ruta de JavaScript que utiliza videos y ejercicios bien diseñados, pero gira en torno a tecnologías auxiliares como jQuery o CoffeeScript. CoffeeScript es JavaScript sin los dolores de cabeza CoffeeScript es JavaScript sin los dolores de cabeza. Nunca me ha gustado mucho escribir todo JavaScript que mucho Desde el día en que escribí mi primera línea usándolo, siempre me ha molestado que todo lo que escribo en ella termine pareciéndose a un Jackson ... Leer más. Además, cuesta dinero..

Si estás buscando un recurso que sea gratis y tiene un fuerte énfasis en hacer, necesitas la pista de JavaScript de Codeacademy. Este curso guiado de JavaScript usa el mínimo absoluto de explicaciones textuales, todas abarrotadas en la barra lateral. La mayor parte de la pantalla está ocupada por un elegante editor de código que se ejecuta directamente en su navegador. Para avanzar en el curso, necesita completar asignaciones de codificación reales (simples):

El navegador comprueba su código: una vez que lo hace bien, pasa a la siguiente fase. El curso cubre muchos conceptos básicos de JavaScript, desde funciones a través de bucles, flujo de control, estructuras de datos y objetos. Esta es una excelente manera de familiarizarse con el lenguaje principal, antes de sumergirse en bibliotecas como jQuery. Si ya sabe algo de JavaScript, no tiene que comenzar desde el principio: puede hacer cualquier sección que desee, o incluso avanzar a través de varias secciones en paralelo.

Para experimentar: la consola de Chrome y jsFiddle

Una vez que tenga un conocimiento básico de la simple sintaxis de JavaScript, lo siguiente que debe tener en cuenta sobre el idioma es que es muy accesible: es probable que esté leyendo estas palabras desde la ventana del navegador en este momento. Esto significa que ya está ejecutando un entorno de JavaScript completo, en este momento. No hay nada que instalar o configurar: simplemente haga clic con el botón derecho en cualquier elemento de la página y seleccione Inspeccionar elemento. Obtendrá lo siguiente:

Al hacer clic en el icono que se muestra arriba, puede abrir una consola de JavaScript que se ejecuta en el contexto de la página que está viendo actualmente. En otras palabras, puede manipular la página actual con código JavaScript arbitrario, usar cualquier biblioteca (como jQuery jQuery Tutorial - Primeros pasos: conceptos básicos y selectores jQuery Tutorial - Primeros pasos: básicos y selectores La semana pasada, hablé sobre lo importante que es jQuery para cualquier desarrollador web moderno y por qué es increíble. Esta semana, creo que es hora de que nos ensuciemos con algo de código y aprendamos a ... Leer más) cargar con la página y hacer lo que desee.

Esta es una muy buena forma de aprender por ensayo y error, porque es muy accesible y no tiene miedo. No puedes hacer ningún daño; ninguno de tus cambios se guardan en ninguna parte, y todo lo que necesitas es un solo toque de la tecla F5 para revertir todo lo que has hecho y comenzar de nuevo. Otra cosa importante que debes entender acerca de la consola es que no estás limitado a una sola línea: puedes escribir varias líneas de código. Para comenzar una nueva línea sin ejecutar el código que ingresaste hasta ahora, presiona Shift + Enter.

Sin embargo, a veces es posible que desee crear su propio entorno: una combinación personalizada de bibliotecas HTML, CSS, JavaScript y su propio código. Esto puede ayudarte a probar ideas más completas. Si desea crear algo como esto sin tener que configurar nada localmente, jsFiddle es lo que necesita. Este es un entorno de cuatro paneles: HTML, CSS, JavaScript y la salida. Una barra lateral le permite seleccionar todo tipo de extras, como la biblioteca de JavaScript en la que desea confiar. También hay un montón de ejemplos, algunos de los cuales pueden ser demasiado elaborados para los principiantes:

El uso juicioso de la consola de Chrome y jsFiddle debería ayudarlo a mantener el JavaScript accesible, divertido y vivo en su mente. Centrarse solo en visitas guiadas por el idioma sin hacer sus propios experimentos podría terminar haciendo que JavaScript parezca más intimidante de lo que realmente es. Después de todo, es tu código - jugar!

Para referencia: Mozilla Developer Network y jQuery API Documentation

Hemos mencionado la Red de Desarrolladores de Mozilla anteriormente, como uno de los varios recursos que pueden ayudarlo a aprender a codificar. Aprender a codificar: 10 recursos en línea gratuitos y fantásticos para perfeccionar sus habilidades Aprender a codificar: 10 recursos en línea gratuitos y fantásticos para perfeccionar sus habilidades Codificación. Un tema que es evitado por muchos. Hay una gran cantidad de herramientas y recursos gratuitos, todos los cuales están disponibles en línea. Seguro que podrías tomar algunos cursos sobre el tema en un lugar cercano ... Leer más. Eso fue en un contexto más general, ya que el MDN contiene información sobre una amplia variedad de temas. Para nuestros propósitos aquí, debe saber que el MDN sirve como un manual de referencia muy sólido para todo lo relacionado con JavaScript. La MDN ofrece una Guía de JavaScript estructurada que puede seguir paso a paso (dependiendo de su nivel de conocimientos previos de programación), pero su verdadera fuerza reside en su sección de referencia de JavaScript. Esta es una sección que puede usar como un diccionario de clases, solo para descubrir la estructura de declaraciones específicas.

Otro recurso de referencia clave es la documentación de la API de jQuery. Al igual que la MDN, esta documentación de la API puede parecer desalentadora, aterradora y totalmente hostil al principio. Y sí, ninguno de estos recursos de referencia lo guiará a través de explicaciones suaves - pero Lo compensan por ser completos, muy confiables y autoritarios..

Los codificadores no necesariamente tienen que saberlo todo, una gran parte del trabajo es saber dónde buscar cuando necesitas resolver algo. Aprender a leer y comprender la documentación oficial es un paso importante en el camino para mejorar su estilo y conocimiento de codificación. Las referencias son herramientas poderosas en la búsqueda de aprender haciendo, porque cada tema generalmente se sostiene por sí solo: puede buscar rápidamente algo en lo que necesita más información, obtener el núcleo de lo que necesita y continuar con la codificación..

Y por último, un libro opcional.

Hay en realidad es Un libro que me gustaría recomendar. No se trata de JavaScript, y no encontrarás ningún ejercicio en él. De hecho, apenas tiene código alguno. Y, sin embargo, es un muy buen libro para leer si tiene curiosidad acerca de la programación de cualquier tipo: se llama Simplicidad de código y le enseña cómo pensar acerca de la programación y cómo abordar el tema como un todo. Puede leer mi reseña completa en la página de Amazon (actualmente marcada como la revisión de cliente más útil, awww), pero en pocas palabras, este es un gran libro sobre los fundamentos filosóficos de la codificación. Es como retroceder unos pocos pasos del teclado y simplemente reflexionar sobre el tema en su totalidad..

Code Simplicity no es un requisito para la lectura, pero si cree que su conocimiento puede beneficiarse al leer un libro, este es un excelente comienzo.

Aprendes haciendo?

Y ahora, finalmente, puedo preguntarte: ¿Cómo tú ¿Aprender a aprender a codificar? ¿Aprendes haciendo o eres más un lector? ¿Cuáles son los recursos que has utilizado en tu búsqueda para convertirte en un programador? Házmelo saber en los comentarios!

Explorar más sobre: ​​Tecnología educativa, JavaScript, Programación.