Si quieres convertirte en un maestro de JavaScript, ¿existen buenas rutas y métodos de aprendizaje?
Compartir las mejores formas de aprender JavaScript
Aprender algo nuevo da miedo. El mayor problema para mí a la hora de dominar una nueva habilidad es que no sé lo que sé. Teniendo esto en cuenta, puede resultar útil hacer un plan para estudiar algo que te interese. El objetivo principal de este artículo es: su plan, ruta y plan de acción para aprender JavaScript. ¡No tiene que preocuparse por no encontrar los mejores recursos! Primero, seleccione algunos buenos recursos y luego determine qué aprender a continuación. Síguelo, paso a paso.
Tarea 0: comprender qué es JavaScript
Antes de comenzar a aprender JavaScript, tómate un minuto para comprender qué es JavaScript y qué funciones tiene. JavaScript no es jQuery, Flash o Java. A diferencia de ellos, es un lenguaje de programación independiente. JavaScript es el lenguaje del navegador (aunque todavía no exactamente). El objetivo principal es agregar interactividad a las páginas estáticas. En el navegador, no reemplaza PHP o Ruby, y no cambia su HTML o CSS; Además, aprender no es tan difícil como crees. Nota adicional: deberías haber oído hablar de jQuery, es probablemente la biblioteca de JavaScript más utilizada. Quizás también hayas oído hablar de otros marcos de JavaScript populares, como Mootools, YUI, Dojo, etc. Se pueden considerar como un conjunto de herramientas auxiliares de JavaScript; cuando las usas, todavía estás escribiendo JavaScript, pero es un JavaScript muy abstracto. Obtendrá el doble de resultado con la mitad de esfuerzo. "Es posible que incluso escuche a la gente decir que primero debe aprender jQuery (u otras bibliotecas) antes de aprender JavaScript. Los respeto, pero no estoy completamente de acuerdo con esta afirmación. Aprenda JavaScript primero antes de usar otras bibliotecas, y descubrirá que lo hará mejor. ; como resultado, escribirás mejor JavaScript"
Tarea 1: aprende a través de los cursos en Codecademy.com
Codecademy es un sitio web relativamente nuevo, cuyo lema es "The forma más fácil de aprender a codificar." Actualmente, el sitio sólo tiene dos cursos, "Programación para principiantes" y "Guía de inicio rápido de JavaScript". Estar inmerso en JavaScript es una gran experiencia. Muy similar a los ejercicios de Try Ruby, tomará una breve lección, codificará en el navegador y verá los resultados. Consigue todos los puntos y abre insignias de logros. (Ruby, un lenguaje de secuencias de comandos creado para una programación orientada a objetos simple y rápida (programación orientada a objetos).) Si ya está familiarizado con otro lenguaje de programación, es posible que desee aprender primero la "Guía de inicio rápido de JavaScript" si es así; Si está programando por primera vez (excepto HTML y CSS), puede que el curso "Programación para principiantes" le resulte bastante útil. Codecademy es un sitio web gratuito, pero es necesario registrarse.
Tarea 2: método de captura de pantalla appendTo
appendTo video tiene un conjunto de métodos de captura de pantalla que son especialmente adecuados para principiantes. Si desea aprender JavaScript de la manera correcta (y fácil), estos cursos definitivamente lo ayudarán. El entrenamiento visual siempre funciona. "Utilice nuestro contenido bajo demanda y nuestras soluciones de entrenamiento pragmático para mejorar sus habilidades. Sin registro, sin ataduras, sin trampas".
Tarea 3: Lea 1 El buen manual sobre JavaScript
p>Una vez que haya recorrido los cursos de Codecademy, querrá obtener un manual detallado sobre JavaScript, que cubra todos los tipos, operadores, arquitectura de control y más.
Si se me permite, permítame presentarle algunos buenos manuales: "JavaScript Again": este manual se puede encontrar en Mozilla Developer Network y tiene un lenguaje imparcial. Este libro es muy rico en contenido, con muchos ejemplos de código e introducciones de párrafos. "JavaScript elocuente": este libro está escrito por Marijn Haverbeke y se puede leer en línea de forma gratuita. Si desea obtener una copia impresa, puede comprarla en Amazon.com. Es más detallado que las instrucciones de MDN porque cubre no sólo el lenguaje JavaScript, sino también el estilo de codificación y el uso de JavaScript en el navegador. Por supuesto, "elocuente" no es una exageración. (elocuente - elocuente, elocuente) "Mejorar con JavaScript" - Sí, escribí este libro, pero lo presenté por otra razón. Es diferente de las dos instrucciones que presenté anteriormente; en este libro solo presento las partes que los programadores necesitan para dominar rápidamente las habilidades de programación. Además, viene con más de 6 horas de screencasts, así que échale un vistazo si quieres. (Por supuesto, este no es gratuito).
Tarea 4: Instalar y aprender Firebug (o herramientas de desarrollo)
Una vez que comiences a usar JavaScript en el navegador, debes instalar Firebug y familiarícese con sus capacidades. Firebug es un complemento para Firefox que le ayuda a crear y depurar páginas web: para los desarrolladores web, es como el bisturí de un cirujano. ¿Qué pasa si no usas Firefox? ¿Prefieres Safari o Chrome? No hay problema: puedes buscar herramientas de desarrollador integradas como Firebug. "Puedes abrir el Panel de herramientas de diseño presionando Opción Comando I en la barra de direcciones de Mac o Control Shift I". Al abrir la herramienta de tu elección, simplemente haz clic en uno de tus sitios web favoritos y aprenderás mucho. Aquí hay algunos recursos para acelerar su aprendizaje: Firebug Sitio web de Firebug y CSS de Wikipedia para Firebug: consejos 10 razones por las que debería usar Firebug con Nettuts. Firebug: De cinturón blanco a cinturón negro, sitio web de Tuts Marketplace (/item/firebug-white-to-black-belt/118795) Herramientas de diseño Sitio web de herramientas de diseño Google I/O 2011: Herramientas de diseño de navegador reorganizadas por Paul Irish Herramientas de diseño de Google Chrome : Los 12 consejos de Paul Irish para un desarrollo rápido
Tarea 5: Lea un libro sobre JavaScript
Ahora que está familiarizado con los conceptos básicos, todavía queda mucho por aprender. Si bien algunos de los libros que recomiendo pueden arruinarte, encontrarás 4 libros de alta calidad que recomiendo en cualquier momento:
Los dos primeros son recursos generales y detallados de JavaScript. desde la introducción hasta los niveles más profundos, por supuesto, habrá algunas instrucciones superpuestas en la introducción, pero no muchas: sólo las suficientes para que se sienta cómodo. (Nota: aunque estos libros están disponibles en Amazon.com, he vinculado el sitio web del editor para que pueda ver los capítulos de muestra). Programación avanzada con JavaScript: escrito por Nicolas C. Zakas, este libro cubre todo lo que puede cubrir. Si has visto el trabajo de Zakas antes, verás que es un genio absoluto. Además de cubrir el lenguaje JavaScript, este libro también le permite utilizar JavaScript correctamente en el navegador. "JavaScript 24-hour Trainer" está compilado por Jeremy McPeak, quien también escribe Nettuts.
Es más que un simple libro: también viene con un CD instructivo de cuatro horas. Hay 43 lecciones en el libro, que involucran guía de sintaxis de codificación y optimización de código. Si bien estos libros son excelentes para los programadores que aprenden el lenguaje JavaScript y cómo usarlo en un navegador, el aprendizaje no tiene fin. Si bien estos libros abordan algunos patrones y practican, recomendaría dos libros más que considero útiles. 1) "Patrones de JavaScript" - de Stoyan Stefanov. Acabo de terminar de leer este libro también y realmente espero terminarlo lo antes posible. Después de leer los recursos anteriores, podrá aprender a escribir JavaScript, pero este libro le enseñará cómo reorganizar los recursos. Esta habilidad es importante y no tan simple como cree. 2) "JavaScript: las partes buenas" - Douglas Crockford. Este libro presenta las ventajas y desventajas de JavaScript.
Tarea 6: ¡Haz algo!
Después de estudiar los recursos anteriores, deberías haber probado algunos ejemplos de código: modificar el código, integrarlo y ver qué sucede. Pero es hora de darse un respiro y hacer algo. ¿Qué puedes hacer? Puedes hacer muchas cosas. Aquí hay algunas opiniones. 1) Galería de imágenes: muestra un conjunto de miniaturas de imágenes e imágenes principales. Cuando el usuario hace clic en la miniatura, la imagen principal actual debe reemplazarse con una miniatura más grande (no la miniatura original). Puntos de bonificación si puede anular el título de la etiqueta alt de la miniatura o recorrer las imágenes si el usuario no ha hecho clic durante un minuto. 2) Lista de tareas pendientes: Por difícil que parezca, no voy a recomendarte que hagas una lista completa de tareas pendientes. Simplemente cree un cuadro de texto y coloque un botón al lado; cuando haga clic en el botón, el texto ingresado se convertirá en un elemento de una lista desordenada. Haga clic en un elemento de la lista para eliminarlo. Esto suena fácil, pero hay algunos inconvenientes en los que es bueno que los principiantes piensen. 3) Cuadro de animación: la animación es en realidad solo un pequeño truco y no tiene por qué ser demasiado complicada. Haz un div con algo de texto y algunos botones. Un botón se usa para ajustar el ancho, otro para ajustar la altura y el otro para ajustar el color de fondo. La clave no es hacer que los cambios ocurran demasiado rápido, sino en un segundo. Recuerda, Google es tu amigo, especialmente si hasta ahora no has hecho ninguna animación con JavaScript. Estoy seguro de que puedes pensar en otros excelentes planes de práctica. Por supuesto, la única forma de aprender es salir de su zona de confort. "Además, para todos los niveles, asegúrese de que la categoría JavaScript tenga una lista extensa de tutoriales sobre Nettuts". (Nettuts es un sitio centrado en proporcionar tutoriales de desarrollo web).
Tarea 7: empezar a aprender a hacerlo. use bibliotecas de JavaScript
Si ha llegado hasta aquí, se dará cuenta de que algunas tareas de escritura de JavaScript son difíciles (o imposibles) de implementar en varios navegadores. Las violaciones más probables son operaciones DOM excesivas, AJAX y animación. Por eso necesitamos bibliotecas de JavaScript. Como mencioné anteriormente, los detalles de una biblioteca de JavaScript son como miel que alivia el dolor. Por tanto, es necesario echar un vistazo ahora. Hay toneladas de bibliotecas entre las que puedes elegir, te dejaré decidir con cuál empezar. Ya sea jQuery o Mootools, YUI o Dojo, sus respectivos sitios web le brindarán toda la información que necesita para comenzar. Si crees que es útil, pruébalo. Bibliotecas más populares: si bien es fácil conseguir un montón de bibliotecas, aun así debes elegir una que sea popular, al menos en el puesto número uno. Prototipo jQuery Dojo YUI MooTools
Tarea 8: Sigue los pasos de los maestros
Hay muchos genios increíbles de JavaScript haciendo cosas interesantes todo el tiempo que tú no quiero perderme.
Afortunadamente, nuestro editor asociado adicto al trabajo, Siddharth, ha elaborado una lista de 33 diseñadores a los que debes suscribirte si quieres convertirte en un entusiasta de JavaScript. Deja lo que estás haciendo y suscríbete/sigue a estos diseñadores. Esto debe hacerse. Pero hay más que puedes hacer. Este sitio de feria publica frecuentemente información sobre JavaScript, así que no lo abandones. Además, siga The JavaScript Show, el podcast más grande y nuevo del mundo sobre JavaScript. Es posible que también desee suscribirse al boletín semanal de JavaScript. ¿Quieres más? Sigue la clase de JavaScript de Tuts Marketplace.
Finalmente undefined ¡Gracias por leer este artículo! Espero sinceramente que te ayude a convertirte en un entusiasta de JavaScript. Si ya está familiarizado con JavaScript, puede recomendar otros recursos relevantes en los comentarios.
/question/19713563?rf=20215547