utiliza tutorial ejemplos definicion crear como codigo caracteristicas archivo javascript

tutorial - javascript pdf



Iniciando el desarrollo de javascript: ¿qué hacer? (23)

¿Qué es un buen punto de partida para aprender javascript? Soy un programador de C y Java muy versado y tengo una experiencia decente en C ++, así que estoy buscando algunas sugerencias:

  • ¿Qué es un buen material de referencia?
  • ¿Hay un IDE / editor en particular que valga la pena mirar? Utilizo vim para el desarrollo de C / C ++ y utilicé IntelliJ Idea para Java. Estoy limitado a herramientas basadas en Linux o Mac.
  • ¿Cómo se depura el código de JavaScript? ¿Es solo una serie de alert() ?
  • ¿Tengo que ejecutar un servidor web para probar javascript, o puedo cargar el archivo .js directamente? Si es así, ¿hay limitaciones para este enfoque?
  • ¿Algún otro consejo para un principiante de javascript?

Gracias


  1. http://www.gotapi.com es una buena referencia para la documentación
  2. Puede usar cualquier IDE que desee, principalmente texto
  3. Firebug es ideal para depurar https://addons.mozilla.org/en-US/firefox/addon/1843
  4. Puede probar localmente - JavaScript se ejecuta en el cliente de todos modos por lo que no hay limitaciones reales
  5. Una vez que hayas aprendido lo básico, deberías mirar jQuery , realmente te permite hacer cosas fantásticas que ya han sido probadas, etc. por lo que no estás reinventando la rueda.

Comienza a aprender JQuery. Es lo mejor para el desarrollo de JS, nunca.

  • No, no necesitas un servidor web. JS está basado en navegador.
  • En cuanto a un IDE, cualquier editor de texto haría. Vim funcionaría bien.
  • Use Firebug en Firefox para la depuración de JS. Esto hace que sea mucho más fácil.
  • De nuevo, usa JQuery. Es genial.

Alex


Haga su mejor esfuerzo para aprenderlo SIN confiar primero en una biblioteca. Como tiene experiencia en C, va a ser un aprendizaje rápido para usted, por lo tanto, hágalo sin jQuery o Prototype. Aprende a construir una buena Solicitud XMLHTTP, manipula el DOM, construye tus propios objetos, etc. Una vez hecho esto, mira todas las bibliotecas y ve cuál se adapta mejor a tus necesidades.

Siempre pruebe en los navegadores más recientes y luego vuelva a trabajar.

Si eres un aprendiz muy visual, la serie Head First es buena.


Mantenlo simple y prueba todo en varios navegadores. En comparación con la compilación estrictamente controlada de Java, verá que Javascript es difuso e impredecible. Muchas cosas no se comportan bien.

Yo no uso jQuery, pero estoy empezando a desear haberlo hecho. Al igual que muchas de las mejores bibliotecas de JavaScript, documenta algunas de las grietas y hace que el lenguaje sea más regular.


Oh, por último, Aptana es un IDE excelente para javascript (y css). La versión gratuita es lo suficientemente buena para aprender.


Podrías ejecutar JavaScript Eloquent , aunque algunos de ellos podrían ser un poco elementales si eres un programador experimentado. Llegar a enfrentarse con todas las rarezas extrañas de este lenguaje es probablemente el mayor desafío.


Puede usar cualquier texto para escribir javascript. Me gusta Ultra Edit porque tiene resaltado de sintaxis y plegado de código y navegador sftp (casi todos los editores de texto avanzados), así que realmente no importa. notepad ++ es bueno y gratuito con muchas características, incluyendo resaltado y plegado.

Para depurar javascript puedes usar firebug que es complemento de firefox. No necesita usar alertas. Puede escribir console.log (somevar) y ver el valor en la consola Firebug. Ver más información sobre la consola de Firebug API.

Y no necesita un servidor web para ejecutar javascript. Simplemente escriba el archivo html con algunos javascript y ábralo con su navegador web favorito. También es posible que desee comprobar los marcos de JavaScript como jquery , mootools o Javascript MVC . Todos ellos tienen buena documentación y tutoriales.

w3schools tiene un tutorial básico de javascript para principiantes


Recomiendo aprender Javascript usando jQuery . Aunque la mayoría de los lenguajes son mejores para aprender sin un marco, diría que javascript es la excepción a esa regla. jQuery está bien documentado y elimina muchos de los hacks que generalmente necesita para que su código funcione en todos los navegadores.

Para la depuración, no conozco ninguna herramienta específica, pero Firebug en Firefox es muy útil.

No es necesario ejecutar un servidor web, pero tampoco desea cargar el archivo JS directamente. En general, configura una página HTML e incluye el archivo javascript desde allí.


Si está buscando un libro de referencia sobre el lenguaje, JavaScript: La Guía Definitiva es el libro que debe obtener.

Visual Studio es de lejos el mejor entorno de depuración de Javascript, pero eso no es útil para ti si estás limitado a Linux y Mac. En esa plataforma, estoy de acuerdo con las sugerencias para Firefox con Firebug y Venkman.


Si está hablando de javascript en el navegador, solo puede cargar una página html que incluya su archivo .js.

Firefox es probablemente el mejor navegador para el desarrollo de JS. La consola de depuración es útil y querrás consultar un par de complementos: firebug ( http://getfirebug.com/ ) y Venkman ( http://www.mozilla.org/projects/venkman/ ).

Si está satisfecho con vim, probablemente lo encuentre lo suficientemente bueno para el desarrollo de js. Textmate en la Mac también es agradable.


Si quieres comenzar desde el principio, siempre sugiero comenzar aquí:

http://www.w3schools.com/js/default.asp

Otra persona mencionó Eloquent JavaScript, que es un tutorial en línea maravillosamente formateado que hace un buen trabajo de enseñanza lineal a través de varios conceptos.

A pesar de que usted es un programador experimentado, estas son referencias simples que le presentarán el 95% de las capacidades básicas del lenguaje. No es que tenga un problema con ninguno de ellos, pero por favor no comience su viaje con artículos de Crockford o JavaScript: The Definitive Guide. En mi experiencia, ese es el tipo de información que digieres después de que ya has usado JavaScript durante unos meses. Una vez que comienzas a utilizar métodos públicos y privados, sobrecarga y creación de clases, te gusta el "estilo" y no necesariamente el contenido.

A la gente no le gusta hacer referencia a w3schools porque no comienza con técnicas orientadas a objetos y tutoriales, y tiene un atractivo desactualizado. Es un gran error, porque antes de entrar en las cosas avanzadas te recomiendo que comiences con los fundamentos. Después de que los baje, le sugiero que busque el libro de John Resig Pro JavaScript Techniques. John hace un mejor trabajo al cubrir algunas de las técnicas avanzadas sin meterse en un montón de tripas académicas que obtienes en otro lado.

También escribí esta publicación, que fue sorprendentemente mejor de lo que pensaba:

http://blog.reindel.com/2007/10/16/mastering-javascript-concept-and-resource-guide/


Si ya usas InelliJ Idea, también tiene un soporte bastante bueno para el desarrollo de JavaScript. Resalta, autocompleta y algún nivel de validación de código. Para la depuración, la mejor herramienta que conozco es la extensión Firebug . Como material de referencia, sugiero el libro Javascript: la guía definitiva , de O''Reilly.



Douglas Crockford tiene varios videos en Javascript en YUI Developer Theater que son muy buenos. Hay dos series que recomendaría

El lenguaje de programación JavaScript

JavaScript avanzado

que se puede encontrar en este enlace .


Esta es una gran página para aprender Javascript.

http://www.hunlock.com/

Cubre todo tipo de áreas sin depender de las bibliotecas. Cuál es la mejor manera de aprender Una vez que comprenda de qué se trata Javascript, siga adelante y elija una biblioteca de su agrado.


Hay un buen libro de JavaScript de Marijn Haverbeke. Es una muy buena introducción para el principiante.


Como tiene competencia en C, C ++ y Java, le aconsejaré que anule la comparación de Javascript con estos. Javascript tiene una sintaxis similar, pero es fundamentalmente muy diferente. Es un lenguaje basado en prototipos. Tiene alcance léxico y tiene funciones de primera clase. Esos son todos los aspectos que son ajenos a dichos idiomas. No es sin razón que Javascript se ha llamado esquema con sintaxis Java.


Prefiero trabajar con Textmate y el paquete jQuery. Es mi editor para todo, los mensajes de compromiso de SVN, los mensajes de commit de Git, html, css, javascript, python, tontear, escribir entradas de blog, lo que sea.


Creo que hay muchas buenas respuestas aquí con muchas buenas sugerencias, sin embargo, tampoco estoy de acuerdo con la mayoría de las respuestas que dicen "comenzar a aprender con jQuery". Estoy apasionadamente en contra de aprender un marco para un idioma antes de aprender el idioma en el que se implementa el marco. Estás creando automáticamente un nivel de abstracción para ti. Conocer el idioma antes de aprender jQuery o cualquier otro marco ayudará a mejorar su capacidad para comprender lo que hace el marco, cómo escribir un mejor código y cómo implementar una característica en el marco que desea que esté allí pero no lo es.

Dicho esto, aquí hay una serie de recursos que he encontrado que son extremadamente útiles para aprender JavaScript (algunos de ellos ya han sido mencionados):

Sitios web

Libros

  • Head First JavaScript . Este libro es realmente bueno para ponerte al día sobre la sintesis de JavaScript y de lo que es capaz sin que te empantanen las implementaciones técnicas del lenguaje. También ayuda a conectar los puntos entre JavaScript y el DOM.
  • JavaScript: las partes buenas En aproximadamente 150 páginas, esta es una lectura relativamente fácil que explica las partes buenas del lenguaje y las partes malas del idioma. Este libro lo convertirá en un mejor programador de JavaScript al mantenerse alejado de las "partes horribles" del idioma al mismo tiempo que le ayuda a atenerse a las partes buenas y escribir un código más claro, sostenible y expresivo.

Videos

Frameworks

  • jQuery . Este parece ser el favorito en . He trabajado con eso y realmente es una buena biblioteca.
  • Prototipo . Esta es otra biblioteca que me gusta usar. Es bueno para la creación de clases y el soporte de herencia, así como su API.

IDEs

  • Aptana Studio es el mejor IDE de JavaScript que he usado. Tiene todas las características que esperarías de un poderoso IDE con respecto a JavaScript.
  • Bloc. Realmente no necesita nada más que un navegador web y un editor de texto para escribir JavaScript, así que si esto hace flotar su bote, entonces hágalo.

Sí, hay más sitios web, libros y videos que pueden ayudarlo a comenzar, pero para alguien que tenga experiencia en programación, no me puedo imaginar que elegir JavaScript sea completamente difícil. Además, hay otros marcos disponibles, pero jQuery y Prototype son los que estoy más familiarizados y los he encontrado realmente útiles.


Debido a que proviene de un entorno de idiomas imperativos, le recomiendo encarecidamente que comprenda el poder de los cierres y las funciones como valores de primer orden. En mi experiencia, esto es algo que no viene naturalmente a los programadores de Java o C ++.


Depuración de JavaScript; Si inserta la línea

debugger;

En su JavaScript, su navegador usualmente activará un Depurador. Con IE y VS instalados (si está haciendo ASP.Net, por ejemplo), entonces puede depurar en VS. Con Firefox y Firebug instalados, esto iniciará el depurador Firebug, que es útil ya que la funcionalidad "establecer punto de interrupción" en Firebug parece no ser confiable, al menos en mi caso.


  • El sitio web de W3Schools es un buen lugar para aprender los conceptos básicos. También tiene una gran sección de referencia: http://www.w3schools.com/js/default.asp

  • El complemento de Firefox "Firebug" es ideal para la depuración.

  • No, no necesitas un servidor web para ejecutar Javascript.


** Lo siguiente no está actualizado, no sigas este consejo. Descarga el sublimetext e ir a aprender backbone.js :) **

Como ya tienes un fondo de Java, la forma más fácil de acceder a Javascript sería consultar un libro de O''Reilly. Obtendrá las preguntas de sintaxis respondidas fácilmente y podrá avanzar rápidamente.

Con respecto a un IDE, utilizo Dreamweaver o BBEdit en OS X o VIM. Aunque probablemente no estoy muy versado en lo que está disponible, tiendo a ser un viejo sombrero.

La mayoría de las depuraciones son alertas, lamentablemente. IE tiene el cuadro de "errores encontrados en esta página, haga clic aquí para más detalles" cuando se estropea algo, pero esto generalmente solo lo pondrá dentro de unas pocas líneas del problema (¡si tiene suerte!)

No se necesita ningún servidor web. Puede previsualizar todo en el navegador de su elección

Consejos: quédese aprendiendo lo que quiere saber. Hay varios marcos disponibles que pueden "facilitar las cosas", pero no te preocupes por entrar en ellos hasta que descubras los conceptos básicos. No es un lenguaje muy difícil, pero a veces puede ser muy frustrante. Solo aplica tus conocimientos previos y estarás bien.