Share
Hemos creado una guía completa para ayudarlo a aprender JavaScript, ya sea que esté comenzando a trabajar como desarrollador web o si desea explorar temas más avanzados..
O saltar directamente y ver nuestros cursos de JavaScript:
Aprender algo nuevo da miedo. Para mí, el mayor problema con la adquisición de una nueva habilidad es que no sé lo que no sé. Dado esto, a menudo es útil encontrar un plan para aprender lo que sea que te interese. Eso es lo que esta publicación es: tu plan, tu plan de trabajo, tu plan de acción para aprender JavaScript No tiene que preocuparse por encontrar los mejores recursos, ordenar los malos y averiguar qué aprender a continuación. Todo está aquí. Sólo tienes que seguirlo paso a paso..
Y si, en cualquier momento, se siente estancado, puede obtener ayuda de uno de los expertos en JavaScript de Envato Studio..
JavaScript es el idioma del navegador.
Antes de comenzar a aprender JavaScript, tómese un minuto para comprender qué es y qué hace..
JavaScript no es jQuery, Flash o Java. Es un lenguaje de programación separado de todos esos..
JavaScript es el idioma del navegador (aunque no exclusivamente en estos días). Su propósito principal es agregar interactividad a una página estática. En el navegador, no va a reemplazar PHP o Ruby por ti. Ni siquiera va a reemplazar tu HTML o CSS; Lo usarás en conjunto con ellos. Además, no es tan terrible aprender como podría haber pensado o escuchado.
Una nota más: has oído hablar de jQuery, que es probablemente la biblioteca de JavaScript más utilizada. O tal vez haya escuchado sobre uno de los otros marcos de JavaScript populares, como Mootools, YUI, Dojo y otros. ¿Dónde encajan estos en la imagen? Considérelos una colección de utilidades de ayuda de JavaScript; todavía estás escribiendo JavaScript cuando los usas, pero es un JavaScript muy abstracto. Te ahorra un montón de trabajo.
Es posible que incluso hayas escuchado a alguien decir que debes comenzar con jQuery (u otra biblioteca) y aprender JavaScript después. Yo respetuosamente pero estoy totalmente en desacuerdo. Obtenga un buen control de JavaScript primero y luego utilice las bibliotecas. Entenderás lo que estás haciendo mucho mejor; Y, en consecuencia, estarás escribiendo mucho mejor JavaScript..
Codecademy es un sitio web relativamente nuevo que se anuncia a sí mismo como "la forma más fácil de aprender a codificar". ¡Serás el juez de eso! Actualmente, solo hay dos cursos: ¿Cómo empezar a programar? y? Guía de inicio rápido de JavaScript? Esta es una manera increíble de sumergir tus dedos en el grupo de JavaScript. Muy similar a los ejercicios de Try Ruby, seguirás lecciones cortas, escribirás código dentro del navegador y verás los resultados. Todo mientras ganas puntos y desbloqueas insignias de logros..
Si ya está familiarizado con otro lenguaje de programación, probablemente pueda comenzar con la "Guía de inicio rápido de JavaScript". Si esta es la primera vez que dedicas a la programación (más allá de HTML y CSS), entonces encontrarás "¿Cómo comenzar con la programación?" Por supuesto inmensamente útil. Codecademy es gratis, pero es necesario registrarse.
La gente en appendTo tiene un fantástico conjunto de screencasts diseñados específicamente para principiantes. Si desea aprender JavaScript de la manera correcta (y fácil), definitivamente trabaje junto con estas lecciones. La formación visual es siempre una ventaja.!
"Mejore sus habilidades con nuestra solución de entrenamiento pragmático a pedido. No es necesario registrarse. No hay problema. No es broma".
Una vez que haya completado los cursos en Codecademy, querrá obtener una introducción más completa a JavaScript, una introducción que le presentará todos los tipos, operadores, estructuras de control y más..
Un puñado de buenas presentaciones, si puedo:
Una vez que comience a trabajar con JavaScript en el navegador, querrá instalar Firebug y familiarizarse con él. Firebug es un complemento para Firefox que te ayuda a construir y depurar tus páginas web: imagínalo como el cuchillo del cirujano para los desarrolladores web. ¿No usas Firefox? ¿Te gusta Safari o Chrome mejor? No hay problema: echa un vistazo a las herramientas integradas para desarrolladores, que son muy similares a Firebug.
Puedes abrir el panel de herramientas del desarrollador presionando
Opción + Comando + Ien la Mac, oControl + Shift + Ien la PC.
Aprenderá mucho abriendo su herramienta de elección y simplemente haciendo clic en uno de sus sitios web favoritos. Aquí hay un par de recursos que lo pondrán al día:
Así que ahora estás familiarizado con lo básico. Sin embargo, hay mucho más que aprender. Si bien puedo recomendar una lista de libros que te llevarían a la bancarrota, la mantendré en cuatro de los libros de mayor calidad que encontrarás en cualquier lugar:
Estos dos primeros son recursos de JavaScript generales y profundos que llevan lo que sabes de las introducciones a un nivel mucho más profundo; seguro, habrá algunas coincidencias de las presentaciones, pero no mucho: solo lo suficiente para mantenerte cómodo.
(Nota: aunque todos estos libros están disponibles en Amazon, he enlazado con los sitios web de los editores, por lo que puede consultar los capítulos de muestra disponibles).
Si bien esos libros son excelentes para entender el lenguaje JavaScript y cómo usarlo en el navegador, hay mucho más que aprender. Y mientras esos libros se adentran en algunos patrones y prácticas, aquí hay dos libros dedicados a esos temas que creo que encontrarás útiles.
A medida que trabajó con los recursos anteriores, debería haber seguido los ejemplos de código: separarlos y ajustarlos para ver qué sucede. Pero ahora es el momento de salir por tu cuenta. Es hora de construir algo realmente.
Entonces, ¿qué puedes construir? Hay mucho que puedes hacer. Aquí hay un par de ideas.
Accentsconagua
alt etiqueta, o recorra las fotos si el usuario no ha hecho clic en una por un minuto.div con algún texto en él, y varios botones arriba. Un botón puede ajustar el ancho; uno, la altura; y uno, el color de fondo. La clave no es que los cambios ocurran inmediatamente, sino en el transcurso de, digamos, un segundo. Recuerda, Google es tu amigo, especialmente si no has hecho ninguna animación en JavaScript hasta ahora..Estoy seguro de que puedes pensar en otros proyectos que serán una gran práctica. Por supuesto, salte de su zona de confort; esa es la unica manera de aprender.
Además, asegúrese de consultar la categoría de JavaScript aquí en Nettuts + para obtener una lista masiva de tutoriales, en todos los niveles de habilidad.
Si has llegado hasta aquí, probablemente te darás cuenta de que hay varias cosas que son difíciles de lograr de forma cruzada (o en absoluto) en JavaScript. Los mayores infractores probablemente sean cosas como la manipulación excesiva de DOM, AJAX y la animación. Aquí es donde viene una biblioteca..
Como mencioné anteriormente, el punto de una biblioteca de JavaScript es suavizar las cosas dolorosas. Por lo tanto, ahora podría ser el momento de mirar a uno Hay una tonelada para elegir, y te dejaré que decidas con qué experimentar. Ya sea jQuery o Mootools, YUI o Dojo, sus sitios respectivos le brindarán todo lo que necesita para comenzar. Si sientes la necesidad, dale una oportunidad..
Si bien hay una cantidad innumerable de bibliotecas disponibles, debes intentar mantener una opción popular, al menos al principio..
Deja lo que estás haciendo y suscríbete / sigue a estos desarrolladores. Este es un requisito.
Hay un montón de genios increíbles de JavaScript por ahí, que siempre están haciendo cosas geniales que no querrás perderte. Afortunadamente, nuestro editor asociado que nunca duerme Siddharth ha completado una lista de? 33 desarrolladores a los que DEBES suscribirte como un adicto a JavaScript. Deja lo que estás haciendo y suscríbete / sigue a estos desarrolladores. Este es un requisito.
Pero puedes hacer más. Este sitio web de la feria a menudo publica sobre JavaScript, así que no te vayas. Además, echa un vistazo a JavaScript Show, un podcast sobre lo último y lo mejor en el mundo de JavaScript. También es posible que desee suscribirse al boletín electrónico semanal de JavaScript..
Envato Market tiene cientos de elementos populares de JavaScript, desde controles deslizantes hasta marcadores de noticias, y desde calendarios hasta carritos de compras..
Así que echa un vistazo a lo que hay ahí fuera. Incluso si no compras nada, ver lo que otras personas han creado puede inspirarte con un sentido de lo que es posible con JavaScript.
Una selección de los elementos de JavaScript en Envato Market¡Gracias por leer! Con suerte, este plan puede ayudarte a convertirte en un fanático de JavaScript. Si ya está familiarizado con JavaScript, ¿puede recomendar otros recursos en los comentarios??
