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

Anuncio

"Amor - el amor es un verbo, el amor es una palabra para hacer", o eso dice la canción. Y, en realidad, lo mismo puede decirse sobre JavaScript: este lenguaje de programación candente es un lenguaje que funciona.

Si cree que JavaScript es interesante, debe hacer JavaScript, no solo leer sobre él. Comenzar es mucho más fácil de lo que cabría esperar y no cuesta nada. Localicé tres recursos de elección para aprender JavaScript que tienen que ver con hacer que hagas algo con el idioma, en lugar de simplemente leer o mirar videos.

Para hacer una visita guiada: la pista JavaScript de Codeacademy

Suponiendo que sabes muy poco sobre JavaScript, realizar una visita guiada por el idioma sería un buen primer paso. Algunas personas hacen esto con un libro o dos, otros lo hacen con una serie de videos. El excelente Code School tiene una ruta de JavaScript que usa 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 gustó escribir JavaScript tanto. Desde el día en que escribí mi primera línea usándolo, siempre me ha molestado que todo lo que escribo siempre parezca un Jackson ... Leer más. Además, cuesta dinero.

Si está buscando un recurso que sea gratuito y tenga un fuerte énfasis en hacerlo, necesita la Pista de JavaScript de Codeacademy. Este curso guiado de JavaScript utiliza el mínimo absoluto de explicaciones textuales, todas ellas agrupadas 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, debe completar asignaciones de codificación reales (simples):

El navegador verifica tu código: una vez que lo haces bien, pasas 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 gran forma de familiarizarse con el lenguaje principal, antes de sumergirse en bibliotecas como jQuery. Si ya sabes algo de JavaScript, no tienes que empezar desde el principio: puedes hacer cualquier sección que desees, o incluso avanzar a través de varias secciones en paralelo.

Para experimentar: Consola de Chrome y jsFiddle

Una vez que tenga una comprensión básica de la sintaxis de JavaScript simple, la siguiente cosa importante a tener en cuenta sobre el lenguaje es que es muy accesible: es probable que lea estas palabras desde la ventana de un navegador en este momento. Esto significa que ya está ejecutando un entorno de JavaScript completo, en este momento. 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ás 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á mirando actualmente. En otras palabras, puede manipular la página actual con código JavaScript arbitrario, usar cualquier biblioteca (como jQuery jQuery Tutorial - Introducción: aspectos básicos y selectores jQuery Tutorial - Comenzar: conceptos básicos y selectores La semana pasada, hablé sobre la importancia de jQuery a cualquier desarrollador web moderno y por qué es asombroso. Esta semana, creo que es hora de que nos ensuciemos las manos con algún código y descubramos cómo cargar la página y hacer todo lo que desee.

Esta es una muy buena forma de aprender por prueba y error, porque es muy accesible y no tiene miedo. No puedes hacer ningún daño: ninguno de tus cambios se guarda en ningún lado, 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 sobre la consola es que no estás limitado a una sola frase: puedes escribir varias líneas de código. Para comenzar una nueva línea sin ejecutar el código que ha ingresado hasta ahora, presione Mayús + Entrar.

Sin embargo, a veces puede desear crear su propio entorno: una combinación personalizada de HTML, CSS, bibliotecas de JavaScript y su propio código. Esto puede ayudarlo 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 principiantes:

El uso juicioso de la consola de Chrome y jsFiddle debería ayudarlo a mantener el acceso a JavaScript, el juego y la vida en su mente. Centrarse solo en visitas guiadas a través del idioma sin hacer sus propios experimentos podría hacer que JavaScript parezca más intimidante de lo que realmente es. Después de todo, es tu código: ¡juega!

Para referencia: Mozilla Developer Network y jQuery API Documentation

Anteriormente hemos mencionado Mozilla Developer Network, uno de los varios recursos que pueden ayudarlo a aprender a programar Learn to Code: 10 recursos en línea gratuitos y fantásticos para perfeccionar sus habilidades Aprenda 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. Claro que podría tomar algunos cursos sobre el tema en una cercana ... 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. El MDN ofrece una guía de JavaScript estructurada que puede seguir paso a paso (según su nivel de conocimiento previo de programación), pero su verdadero punto fuerte reside en su sección de referencia de JavaScript. Esta es una sección que puede usar como un diccionario de géneros, solo para descubrir la estructura de enunciados específicos.

Otro recurso de referencia clave es la documentación de jQuery API. Al igual que el MDN, esta documentación de la API puede parecer desalentadora, atemorizante y poco amigable al principio. Y sí, ninguno de estos recursos de referencia lo sostendrá a través de explicaciones amables, pero lo compensan siendo comprensivo, muy confiable y autoritario.

Los codificadores no necesariamente tienen que saber todo: una gran parte del trabajo es saber dónde buscar cuando necesite resolver algo. Aprender a leer y comprender la documentación oficial es un paso importante en el camino hacia la mejora de 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í mismo: puede buscar rápidamente algo sobre lo que necesita más información, obtener el núcleo de lo que necesita y continuar con la codificación.

Y finalmente, un libro opcional

De hecho, hay 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. Y, sin embargo, es un libro muy bueno para leer si le interesa la programación de cualquier tipo: se llama Code Simplicity y le enseña a pensar sobre la programación y cómo abordar el tema como un todo. Puede leer mi revisión completa en la página de Amazon (actualmente marcada como la revisión de clientes 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 pasos desde el teclado y reflexionar sobre el tema como un todo.

No es necesario leer Code Simplicity por ningún medio, pero si cree que su conocimiento puede ser beneficioso al leer un libro, este es un gran comienzo.

¿Aprendes haciendo?

Y ahora finalmente puedo preguntarte: ¿cómo te acercas a aprender a codificar? ¿Aprende haciendo o es más un lector? ¿Cuáles son los recursos que has utilizado en tu búsqueda para convertirte en codificador? ¡Házmelo saber en los comentarios!