Duda - iniciándome con los Scripts

RAZGRIZ24 · #1 (**permalink**) 20/12/2011, 15:57

Hola compañeros,

Llevo un tiempo haciendo mis diseños y siempre he obviado el tema de javascript. Siempre he suplido esta carencia evitando los scripts y usando actionscript en su lugar para pequeñas cosas.

Pero es evidente el abanico de posibilidades que JavaScript ofrece así como su sencillez y su gran compatibilidad y he decidido aprender a usarlo adecuadamente, así que para ello acudo a vosotros para que me deis algunas directrices con las que poder comenzar.

Antes de nada decir que por lo pronto y a corto plazo no tengo previsto aprender a programarlo, así que tiraré de scripts prefabricados que se que existe un abanico bastante amplio.

Las principales dudas que me asaltan son:

1. Dónde encuentro estos scripts? Algún sitio web en concreto que me recomendéis o alguna técnica?

2. Hay scripts para todo o es más bien estilo "cojo algo prefabricado y le hago alguna pequeña modificación en parámetros para que se acerque a lo que yo quiero"?

3. Como lo incluyo adecuadamente en el idioma HTML? Por que conozco la herramienta de Insertar javascript pero las poquísimas veces que lo he intentado no me ha dado ningún resultado. Como lo hago, por ejemplo; para que al pulsar un botón de la página la correspondiente información aparezca en un fundido? Osea, como le asigno el javascript al botón?

4. Un ejemplo: tengo en mente crear una web dónde la barra de botones esté en la parte superior y en la inferior, el footer normal. En el centro de la página aparecerá un recuadro con la información correspondiente a cada apartado y sus subapartados, estilo:

Servicios (en el header):

Transporte ligero - Transporte pesado

Al pulsar en uno de estos la información sale en un "fundido" sin llevarte a otra página.

Cómo consigo ese efecto mediante javascript sin ActionScript?

5. Otra idea que tengo pensada es usarlo para generar los famosos menús en spry, pero con javascript y (quizá) algún efecto de por medio

Mil gracias a todos compañeros.

Si os sirve de ayuda tengo nivel básico-medio de ActionScript y se que son bastante similares, esto puede ayudar?

maycolalvarez · #2 (**permalink**) 20/12/2011, 16:11

http://librosweb.es/javascript/index.html es lo mejor que te puedo recomendar.

javascript no es tan complicado, lo ideal es tener un buen conocimiento sobre el DOM y las propiedades HTML + CSS para hacer paginas web con contenido enriquecido (ocultar capas, moverlas, validar formularios locales, hacer popup's, lighbox, etc.), después puedes pasar a AJAX y algún lenguaje del lado del servidor.

¿embeber JS (javascript) en HTML? es lo más simple del mundo:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
            function funcion_hola(){
                alert('hello world!');
            }
        </script>
    </head>
    <body>
        <div onclick="funcion_hola();" >haga click aquí</div>
    </body>
</html>

zerokilled · #3 (**permalink**) 20/12/2011, 16:18

buenas...
desgraciadamente para muchos, las dudas que tienes no tienen soluciones mágicas, pues las cosas no funcionan así de fácil. yo te recomendaría que leas introducciones de javascript. además de aclararte la duda de cómo se integra los scripts también te familiarizaras un poco con el lenguaje. la familiarización es muy importante por lo que no lo debes descartar, sino comenzarias hacer preguntas muy básicas. nunca he programado en actionscript, pero tengo entendido que es un derivado o basado en ECMAScript, la misma base de javascript. no significa que se escribe exactamente igual, pero tiene un parecido.

¿dónde encuentras los scripts? en la web hay muchos sitios que tienen colecciones de códigos. algunos ejemplos: hotscripts.com, dynamicdrive.com, javascriptkit.com, y por ahí una larga lista. hay script prácticamente para todo. sin embargo, no siempre es un "copia y pega", en ocaciones tienes que hacer pequeñas o grandes adaptaciones. eso lo definirá tu necesidad. es por ello que es importante que domines algo básico del lenguaje.

no soy partidario de estas recomendaciones, pero también existe herramientas para desarrollar scripts en un lenguaje más neutro. dos que he oido hablar: coffescript y creo que jade

RAZGRIZ24 · #4 (**permalink**) 21/12/2011, 05:21

Cita:

Iniciado por maycolalvarez

http://librosweb.es/javascript/index.html es lo mejor que te puedo recomendar.

javascript no es tan complicado, lo ideal es tener un buen conocimiento sobre el DOM y las propiedades HTML + CSS para hacer paginas web con contenido enriquecido (ocultar capas, moverlas, validar formularios locales, hacer popup's, lighbox, etc.), después puedes pasar a AJAX y algún lenguaje del lado del servidor.

¿embeber JS (javascript) en HTML? es lo más simple del mundo:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
            function funcion_hola(){
                alert('hello world!');
            }
        </script>
    </head>
    <body>
        <div onclick="funcion_hola();" >haga click aquí</div>
    </body>
</html>

Muchas Gracias Maycolalvarez!!

Diseño editando en html+css con algo de php así que esa base si la tengo

Echaré un vistazo a la página y haré experimentos. Con el ejemplo que me has puesto lo veo bastante claro, ahora queda aprender a definir bien las funciones, pero muchas gracias ^^

Cita:

Iniciado por zerokilled

buenas...
desgraciadamente para muchos, las dudas que tienes no tienen soluciones mágicas, pues las cosas no funcionan así de fácil. yo te recomendaría que leas introducciones de javascript. además de aclararte la duda de cómo se integra los scripts también te familiarizaras un poco con el lenguaje. la familiarización es muy importante por lo que no lo debes descartar, sino comenzarias hacer preguntas muy básicas. nunca he programado en actionscript, pero tengo entendido que es un derivado o basado en ECMAScript, la misma base de javascript. no significa que se escribe exactamente igual, pero tiene un parecido.

¿dónde encuentras los scripts? en la web hay muchos sitios que tienen colecciones de códigos. algunos ejemplos: hotscripts.com, dynamicdrive.com, javascriptkit.com, y por ahí una larga lista. hay script prácticamente para todo. sin embargo, no siempre es un "copia y pega", en ocaciones tienes que hacer pequeñas o grandes adaptaciones. eso lo definirá tu necesidad. es por ello que es importante que domines algo básico del lenguaje.

no soy partidario de estas recomendaciones, pero también existe herramientas para desarrollar scripts en un lenguaje más neutro. dos que he oido hablar: coffescript y creo que jade

zerokilled entiendo lo que dices, como ya he comentado se algo de ActionScript y según lo visto en lo que ha puesto el compañero si, se parecen mucho por lo que por lo menos lo acometo con algo de ánimo de saber que no empiezo 100% de 0.

Pero consideraré lo que tu dices de tener algún conocimiento aunque no sea muy profundo de su programación.

Muchas gracias a ambos!! hoy empezaré un diseño y a ver qué tal se me da, os iré comentando vicisitudes y dudas con las que me encuentre.