Todas las Noticias en Pel√≠culas, Avances de Pel√≠culas y Rese√Īas.

Esta es la MEJOR manera de aprender Javascript [FAST]

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.

Recomendado:  Enero se estrena en serie ‚Äď Noticias de la serie

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.

Recomendado:  Con el crossover, Stranger Things vuelve inesperadamente

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.

Recomendado:  Growth Hacking: no s√≥lo para empresas emergentes

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:

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

Tabla de Contenido