Tag Archives: Tutorial

Cómo aprender JavaScript y no morir en el intento

Mientrás más pasa el tiempo, más creo que JavaScript es un lenguaje amado y odiado por muchos.

Eso no quita que piense en lo interesante que es, gracias a la cantidad de cosas que puedes hacer tanto en el cliente como en el servidor. Y con esto último no solo estoy hablando de [Node.js]

Estos meses me he propuesto reforzar mis conocimientos en JavaScript, así que decidí escribir este post a manera de resumen de lo que voy encontrando. Espero que sea algo así como un punto de partida para todos aquellos que no nos consideramos expertos en el lenguaje.

Pues bien, aquí las preguntas que tenemos que hacernos antes de entrar a este nuevo mundo:

  1. ¿De qué trata JavaScript? [Este video de casi veinte minutos] lo explica muy bien y está en español-humano :D. Con esto quiero decir que no hay ningún requisito para entenderlo y lo más importante; incluye teoría y ejemplos con código en vivo. Mi recomendación aquí es que le dediques mucha atención y si gustas, podrías seguir paso a paso [las instrucciones que van indicando]
  1. ¿Puedo aprender de manera interactiva? Hasta el momento he encontrado tres lugares con esta metodología de enseñanza. Yo sugiero practicar en al menos dos de estas:
Workshopper (tutorial interactivo de nodeschool). Fuente: Archivo personal
  1. ¿Con qué libro debo empezar? Si quieres contar con un libro de cabecera, te recomiendo que busques [JavaScript: The Good Parts] (Douglas Crockford, 2008). Si bien es cierto no lo he terminado –y para algunos es algo viejo–, hasta el momento me ha sorprendido. Entiendo que hace poco el autor publicó [How JavaScript Works] (2018) pero no lo he revisado. Sinceramente no me sorprendería que sea tan bueno como la primera publicación.
Fuente: [Amazon]
  1. (Bonus) ¿Qué más podemos hacer? Sin ánimo de caer en un posible ataque de [infoxicación], he encontrado material muy interesante que dejaré a su elección:
    • Este [video] de los amigos de FreeCodeCamp es de 3 horas (y no terminé de verlo) pero explica paso a paso el tutorial ofrecido en su web.
    • Este [tutorial de JavaScript], siempre y cuando busques una –extensa– referencia adicional.
    • Estos videos del buen Douglas Crockford en los que habla de [The good parts], [The better parts] y claro, un link a [la sección de videos] que tiene registrados en su blog.
    • Por último (y no menos importante) consideren la opción de buscar ayuda o mejor aún, aprender en conjunto. Para esto les comento que los amigos de NodeSchool brindan esa opción y aquí en Lima hay una reunión una vez al mes. Aquí [la cuenta de twitter] por si están interesados en los próximos eventos 🙂

Como podrán notar hay mucho por estudiar, pero gracias a la cantidad de recursos disponibles, cada vez es más fácil poner en práctica nuestros conocimientos.

Les sugiero que no pierdan las ganas con este lenguaje, pues tiene mucho potencial a pesar claro, de la relación amor-odio que les comenté al iniciar esta publicación. Esto lo comprenderán con el paso de las líneas de código que vayan escribiendo 🙂

Un abrazo,

3 recursos para aprender Docker

Si bien es cierto esta tecnología lleva [más de cinco años en el mercado], he notado que todavía es novedad para muchos desarrolladores de software. Yo creo que no tendría sentido crear contenido explicando a dealle [¿qué es Docker?] o [en qué se diferencia con tecnologías de máquinas virtuales], pues ya hay mucho de ellos en la red. En vez de eso podríamos reflexionar y hacernos las siguientes preguntas:

  • ¿Tenemos problemas para preparar un nuevo ambiente de desarrollo? Quizá esto se puede hacer pero requiere mucho tiempo y revisar un manual que pocos logramos comprender.
  • ¿Tenemos un programa que solo funciona en la máquina de un desarrollador? Es decir, ni siquiera en la máquina de otro desarrollador.
Fuente: [Geek Republic]
  • ¿Tenemos problemas de instalación por las dependencias entre aplicaciones o versiones de librerías?

Si hemos tenido al menos uno de estos casos, quizá le tenemos que dar una oportunidad a Docker, tecnología que nos permite aislar nuestro entorno de trabajo de nuestras máquinas, haciendo que nuestros desarrollos sean más portables.

Arquitectura Docker, fuente: [XenonStack]

Debido a que hay muchos caminos para aprender esto sugiero que nuestro punto de inicio considere lo siguiente:

  1. Este [video de 12 minutos], que si bien es cierto está en inglés, lo explica todo de una forma tan sencilla que hasta te da ganas de entrar a la línea de comandos y empezar a trabajar 🙂
  1. Este [tutorial que explica paso a paso] lo mínimo indispensable de Docker y este [con una explicación sencilla] de cómo crear una aplicación real 🙂
  1. La [documentación oficial], si bien es cierto fue una de las primeras cosas que revisé cuando empecé a experimentar con Docker, les recomiendo que primero revisen los dos puntos anteriores luego de jugar un poco sigan los ejemplos recomendados en su sección [get-started]
  1. (Bonus) Si por algún motivo, razón o circunstancia (jaja, esa frase es lo máximo) no pueden instalar Docker en sus máquinas, pueden practicar en [este lab]. Para ello solo necesitan una cuenta en Docker y listo 🙂
Play with docker, fuente: archivo personal

Espero que estos recursos sean de utilidad, por mi parte pondré en mis pendientes traducir los tutoriales del punto #2, me parecen muy buenos y creo que con eso eliminaríamos la barrera del lenguaje. Ahora, si alguno ya empezó o se anima a hacerlo, bienvenido sea!

Un abrazo,

¿Quieres aprender Vue? Aquí una excelente referencia

Hace poco decidí aprender Vue, pues –hasta donde pude averiguar– no requiere mucho conocimiento –más que el de JavaScript– y se puede implementar en aplicaciones web ya existentes, lo cual para mi es un factor muy importante.

Image result for learn vue
Fuente: [Medium]

En fin, estoy preparando un post al respecto pero antes quería comentarles que luego de buscar en la web, me puse a estudiar usando:

Ambas referencias me parecen buenas pero la información por defecto está en inglés, así que ya tenemos una razón más para seguir aprendiendo el idioma.

Con respecto al material en LinkedIn Learning, para este se necesita una suscripción pero es posible suscribirse gratis temporalmente o acceder por invitación. Si gustan me escriben y les mando una para que puedan ver el curso 🙂

Ya enfocándonos en la documentación oficial, además de ser gratis encuentro que:

  • Tiene traducción al español
  • El material está integrado a plataformas como [Vue Mastery] o [Scrimba]
  • Ambas plataformas presentan la información en inglés (no hay traducción) e incluyen secciones que nos hacen escribir código.
  • Vue Mastery nos deja retos por lección, lo cual hace interesante el proceso de aprendizaje.
  • Scrimba me ha sorprendido pues cada video se puede detener en cualquier momento para editar el código de ejemplo que están mostrando. Si desean pueden probar con [este video]
Fuente: [Scrumba]

En este punto del post debo hacer una acotación. Me considero una persona que prefiere entender los fundamentos antes de ponerse a escribir código sin entender lo que está ocurriendo. Respeto mucho a las personas que “aprenden la teoría en el camino” pero en mi caso necesito un momento para entender, luego de eso ya me pongo a “aprender en el camino” 😀

Habiendo mencionado lo anterior, les cuento que encontré un curso en español que está MUY BUENO, aquí el [enlace] para que lo disfruten, claro está, luego de –por favor– entender los fundamentos 🙂

Un abrazo, JD