Dicen que se necesitan de 6 a 12 meses para aprender JavaScript. Pero… ¿cuál es la mejor manera de hacerlo y cómo aceleramos nuestra curva de aprendizaje?
Por supuesto, cuánto tiempo lleva depende de muchos factores: su experiencia pasada, cuánto tiempo tiene, qué otras cosas tiene en su vida, etc.
Pero la forma en que aprendes también es importante. Conocimiento como aprender javascript rapido significa saber aprender en general. Con el enfoque correcto para el aprendizaje, podría reducir meses de su curva de aprendizaje. Lo que plantea la pregunta…
¿Cuál es la mejor manera de aprender JavaScript?
La mejor manera de aprender JavaScript es principalmente aprender haciendo y complementar eso con un estudio profundo de cómo funciona el lenguaje (a través de libros, PDF, cursos y tutoriales de JavaScript).
O, esa es mi opinión al menos.
Dónde comienza: aprender haciendo o aprender JavaScript con un PDF/Libro/Curso, lo que sea, depende de sus preferencias personales.
Las personas tienen diferentes enfoques para el aprendizaje.
- A algunos les gusta experimentar: sumergirse, probar cosas y ver qué sucede.
- Otros prefieren un poco de orientación y les gusta seguir alguna instrucción, al menos al principio.
Si la primera descripción te suena, entonces querrás sumergirte y comenzar a hacer cosas.
Si la segunda descripción le suena a usted, es posible que desee buscar el mejor libro para aprender JavaScript y hacer los ejercicios en él.
Sin embargo, tenga en cuenta que no puedes aprender JavaScript únicamente a través de libros. Los libros, cursos, tutoriales, etc. son geniales, pero debes poner en práctica lo que aprendes.
Para usar una analogía de concierto, aprender JavaScript con libros es como la banda de apoyo, pero aprender haciendo es el acto principal. Ahí es donde está la verdadera recompensa.
Para aprender JavaScript rápido, aprende haciendo
Si prefiere aprender mediante la experimentación, simplemente comience.
En serio. Ahora mismo. (bueno, está bien, puedes terminar de leer esta publicación primero).
No te preocupes por lo que es “correcto” hacer. ¡Solo comienza!
Aquí hay algunas ideas:
- Haz que el texto “Hello World” aparezca en la página con JS
- Hacer un cuadro de alerta con JavaScript
- Haz que aparezca un cuadro azul en una página web usando JavaScript.
- Haz que el cuadro azul se vuelva rojo cuando hagas clic en él.
- ¡Haz que vuelva a ser azul si vuelves a hacer clic en él!
- Cree un menú de barra lateral que se deslice hacia afuera cuando hace clic en un botón
- Detectar las coordenadas del mouse del usuario e imprimirlas en la consola
- Haga que un elemento HTML se mueva a un lugar aleatorio cuando haga clic en él
…o simplemente piense en algo interesante que le haya gustado de un sitio web que haya visto… o una función que desearía que tuviera. Y tratar de hacerlo. Si es demasiado difícil para su nivel actual, no hay problema: solo trabaje en algo más fácil y tal vez vuelva a hacerlo más tarde.
…o haz un proyecto paralelo. Algo interesante y emocionante para ti. Una aplicación sencilla. Un juego básico de JavaScript. Zuckerberg comenzó a crear un sitio para calificar el atractivo de los estudiantes en el campus (por capricho y mientras estaba borracho, si se le cree a The Social Network). Lo hizo bien fuera de este enfoque.
Cualquier cosa en la que trabajes te ayudará. Te preguntarás, ¿cuál es el sentido de hacer que aparezca un cuadro o cambiar su color? ¿Cuándo sería eso útil?
En realidad, ¡con bastante frecuencia! Si puede hacer eso, entonces sabe cómo crear elementos HTML con JS. Sabes cómo hacer visible un elemento invisible. Sabes cómo editar las propiedades CSS de un elemento con JavaScript.
Se trata de cosas de desarrollo web pan y mantequilla que serán útiles casi todos los días.
Pero… ¿y si realmente no sabes cómo hacerlo? ¿Qué sucede si no tiene la primera pista sobre cómo hacer que aparezca un cuadro en una página web usando JavaScript? Bien…
Aprende JavaScript más rápido aprendiendo Google Fu
Google es una parte clave del aprendizaje de JavaScript, o cualquier lenguaje de codificación para el caso.
Esto nunca se detiene. Ya sea que esté escribiendo su primera línea de código o esté ganando $ 250,000 en una gran empresa de tecnología, usará Google y Stack Overflow todos los días.
Esto puede sonar extraño. Quiero decir, imagínate si fueras al médico, describieras tus síntomas y te dijeran: “Espera, déjame buscar eso en Google”. Probablemente lo verías como una señal de incompetencia, ¿verdad?
Pero el desarrollo no es como otros trabajos. Este vídeo de Colt Steele es bastante esclarecedor: le pidió a un desarrollador con 7 años de experiencia que compartiera su historial de búsqueda de Google durante una semana.
En un día, el desarrollador realizó más de 100 búsquedas relacionadas con la codificación. Y recuerda, habría leído varias páginas de cada página de búsqueda. Así que estamos hablando de cientos de preguntas de desbordamiento de pila, problemas de GitHub y publicaciones de blog leídas. En un día. Por un desarrollador altamente calificado.
Entonces, si está buscando en Google cómo escribir un bucle for en JavaScript por undécima vez este mes, no se preocupe, está en buena compañía. Estarás buscando en Google todos los días. Espéralo, abrázalo y, sobre todo, hazlo bien.
Digamos que estás tratando de hacer que aparezca ese cuadro. Puede comenzar buscando “cómo hacer que aparezca un cuadro con JavaScript”. Es posible que no encuentre exactamente lo que necesita, pero tal vez algo parecido. Puede intentar pegar el código de ejemplo de alguien en su proyecto. Intenta hacer que funcione. Verifique los mensajes de error en la Consola. Si no los entiendes, ¡búscalos en Google también!
PD, consejo rápido: si no puede hacer que algo funcione, intente buscar “javascript [the command, or method you’re trying to use] no funciona”. Por ejemplo, si no puede hacer que aparezca ese maldito cuadro, entonces “javascript createElement no funciona” o “javascript addClass no funciona” podría ser útil…
Paso a paso, poco a poco, llegarás allí.
¿Cuál es el mejor libro para aprender JavaScript?
El mejor libro para aprender JavaScript para principiantes es JavaScript elocuente por Marijn Haverbeke (al menos, en mi opinión)
Por supuesto, esto es subjetivo, pero Eloquent JavaScript está en lo más alto de las listas de muchas personas y es una especie de clásico en el mundo JS (y también es gratis, siempre y cuando estés bien para aprender JavaScript con un PDF).
Una razón por la que creo que este es un buen libro para aprender JavaScript (PDF aquípor cierto), es que le brinda una base sólida de los principios de programación en general, así como los aspectos prácticos de JavaScript específicamente.
Esto es importante y es algo que muchos libros para principiantes pasan por alto o ignoran por completo. Como dijo Kent Beck, cuando creas software, debes “hacer que funcione, hacerlo bien, hacerlo rápido”, en ese orden.
Muchos libros y cursos para principiantes solo enseñan la primera parte: hacer que funcione. Pero hacerlo bien también es importante.
Esto significa cosas como:
- Escribir código de una manera que sea fácil de leer para otras personas
- Hacer que su código sea extensible
- Escribiendo pequeñas funciones que hacen una sola cosa
- Uso de nombres consistentes para sus variables, clases y funciones
Estas son cosas que quizás no aprendas simplemente haciendo. Si bien sostengo que aprender haciendo es la mejor manera de aprender JavaScript, creo que también es útil aprender algo de los libros. Esto le ayudará a aprender el arte de la codificación.
Solo recuerda usar realmente lo que aprendes en los libros. No esperes mejorar solo leyendo. Como dijo una vez el gran Bruce Lee…
Si ya pasó los conceptos básicos, hay dos opciones que son muy apreciadas y recomendadas a menudo: “Secretos del JavaScript Ninja” por John Resig y Bear Bibeault, y “No conoces a JS” por Kyle Simpson.
Si Eloquent JavaScript es la licenciatura, entonces estos son la maestría.
Misterios enseña temas más avanzados como el tiempo, el código asincrónico y las estrategias entre navegadores y estrategias para mejorar el rendimiento.
Y No conoces JS no es un solo libro, sino una serie de ellos. Estos libros profundizan MUY en áreas específicas de JS. Por ejemplo, ¡hay un libro de 98 páginas solo sobre el alcance y los cierres!
Mención especial merece también código limpio por Robert Cecil y El programador pragmático por Andy Hunt y Dave Thomas. Aunque no son específicos de JavaScript, estos son clásicos en el comercio de programación y le enseñan cómo escribir su código de una manera que sea fácil de leer, mantener y ampliar.
El mejor formato de libro para aprender JavaScript: ¿PDF o físico?
Es una preferencia personal, pero en mi opinión, si quieres usar libros para aprender JavaScript, El formato PDF es probablemente el camino a seguir (o epub, HTML o cualquier otro formato que pueda leer desde su pantalla).
¿Por qué? Simplemente porque puedes copiar y pegar código del libro.
Ahora, en estos días, casi todos los libros impresos colocarán su código en GitHub, por lo que podrá clonar estos repositorios u obtenerlos del sitio web de GitHub. Pero tener el PDF justo ahí en su pantalla solo le ahorra un paso.
Las versiones digitales también tienden a ser más baratas, y dado que los libros de codificación suelen ser más grandes que el libro de bolsillo promedio y tienen más de 600 páginas, las versiones físicas son bastante engorrosas.
Dicho esto, si personalmente prefiere un libro físico en su escritorio, hágalo a su manera.
Haz que otras personas lean tu código
Una forma de potenciar realmente su aprendizaje es hacer que otras personas lean su código y le den su opinión.
Volvamos a la analogía del concierto de antes. Entonces, aprender haciendo es la mejor manera de aprender JavaScript: el acto principal. El aprendizaje de libros es importante, pero no tan útil por sí mismo: la banda de apoyo. Eso significa que la revisión del código debe ser… erm… ¿el taxi que te lleva a la sala del concierto?
Ok, creo que mi analogía se está rompiendo aquí. Mire, el punto es que obtener comentarios de desarrolladores de JavaScript más experimentados es muy importante y útil. Todavía llegarás al concierto sin él, pero te llevará más tiempo y el viaje no será tan fluido. ¡Ajá, la analogía del taxi funciona después de todo!
La razón por la que la revisión del código es tan útil es que es específica del código que está escribiendo. Si lee algunos principios, conceptos o patrones nuevos en un libro, eso es genial y lo ayudará a escribir mejor código. Pero es posible que no tenga una idea completa de cuándo usarlos o por qué.
Una buena revisión del código puede llenar esos vacíos por usted. Le dirá, en esta parte de su código, este enfoque es mejor, y esta es la razón.
Leer el código de otras personas
También es increíblemente útil para leer el código de otras personas, siempre que esté escrito con un alto estándar.
Una excelente manera de hacer esto es buscar proyectos de código abierto JavaScript en la web. O si ve algo interesante en un sitio web, puede intentar mirar su código fuente para ver cómo lo han hecho.
Aunque, su kilometraje puede variar en este enfoque ya que el código puede ser minimizado (se eliminan los espacios en blanco para reducir el tamaño del archivo; básicamente es ilegible, pero hay herramientas en línea que intentarán desminificarlo por usted) y / u ofuscado (variable y los nombres de funciones se reemplazan con etiquetas genéricas como a, b, c, etc. para que sea más difícil de leer y copiar para las personas).
Nota final sobre Vanilla JS vs. Marcos y bibliotecas
Cuando comencé a aprender JavaScript, me aconsejaron que me mantuviera alejado de bibliotecas como jQuery, Vue, React y similares, y que simplemente aprendiera JS estándar.
El razonamiento fue que usar un marco es un poco como comprar una pintura para colgarla en la pared en lugar de pintarla uno mismo. De cualquier manera, terminas con una pintura en la pared. Y al comprar uno, probablemente terminará con una mejor pintura. Pero no habrías mejorado tus habilidades de pintura.
Por ejemplo, si usa jQuery para realizar una solicitud ajax, en realidad no está aprendiendo cómo realizar una solicitud ajax con JS. Está utilizando el código de otra persona para que lo haga por usted, y sea honesto, no ha mirado el código fuente de jQuery para ver cómo lo hacen, ¿verdad? (no te sientas mal, yo tampoco).
Sin embargo, ahora creo que fui demasiado lejos con esa filosofía. Si pudiera volver atrás, le diría a mi yo del pasado que comenzara a aprender frameworks un poco antes.
Por un lado, me ayudaría a comenzar a construir cosas más rápido.
Pero otra razón es que, nos guste o no, la integración de marcos y bibliotecas es simplemente una parte clave del desarrollo front-end moderno.
Para aprender JavaScript, tendrá que aprender a escribir código que se adapte bien al código que han escrito otras personas. Siempre que no use solo bibliotecas, estará bien.
Pero, ¿con qué framework deberías experimentar?
Bueno, uno realmente genial que puedes consultar es fullPage.js. FullPage es una herramienta increíble que lo ayuda a crear hermosos sitios web de página completa, similares a estos 20 ejemplos de sitios web de una página.
Su navegador no soporta la etiqueta de vídeo.
Con fullPage.js, rápidamente estará creando sitios altamente pulidos que están a la altura de las mejores marcas, en cuanto a calidad. Lo digo literalmente: empresas como EA, Sony y eBay utilizan fullPage.
Si ya estás usando React o Vue, fullPage se integra perfectamente con ellos, así que no te preocupes. También funciona a la perfección con WordPress (incluidos Gutenberg o Elementor, si los usa por alguna razón). ¡Es bastante genial! Vea algunos ejemplos de lo que puede hacer aquí: ejemplos de fullPage.js.
Algunas guías y tutoriales de JavaScript para aprender algo nuevo:
Publicaciones relacionadas sobre las mejores formas de aprender JavaScript:
Sobre el Autor:
warren davies es un desarrollador front-end con sede en el Reino Unido.
Puedes encontrar más de él en https://warrendavies.net
