Autor Tema: Curso de Introducción a Javascript | By Kawahal/Pedro's |  (Leído 2818 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Curso de Introducción a Javascript | By Kawahal/Pedro's |
« en: 17 de Marzo de 2013, 04:53:38 am »
INTRODUCCIÓN A JAVASCRIPT


En este curso voy a tratar de explicar un poco el funcionamiento de este lenguaje de programación. Constará de tutoriales íntegramente en vídeo. Espero que os guste.

No olvidéis que podéis preguntar si tenéis alguna duda.

Spoiler: Capítulo 1->Introducción: Operaciones, comentarios y  confirm y alert. • mostrar

Spoiler: Capítulo 2->Tipos de datos y console.log • mostrar

Spoiler: Capítulo 3->Comparaciones y Decisiones (if) • mostrar

Spoiler: Capítulo 4->Pseudo-Calculadora (Práctico) • mostrar
« Última modificación: 13 de Abril de 2013, 06:28:43 am por Pedro's »



Pajaroespin

  • Usuario de honor
  • Pokéxperto Alpha
  • *
  • Mensajes: 6615
  • Karma: +43/-0
  • 🐥🐥 ρaנaяσєѕριη 🐥🐥
    • Ver Perfil
  • FC - 3DS: 5327-1643-5979

  • Total Badges: 52
    Badges: (View All)
    Séptimo aniversario Nivel 8 Sexto aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #1 en: 17 de Marzo de 2013, 10:46:14 pm »
Luego veo el vídeo y te digo si tengo alguna pregunta.
Gracias por él.

     Deviantart | Twitter | Facebook    
*no hago pedidos por MP hasta nuevo aviso :)

Kill-R

  • Gurú Pokémon
  • ****
  • Mensajes: 2777
  • Karma: +15/-0
  • There was a hole here. It's gone now.
    • Ver Perfil

  • Total Badges: 43
    Badges: (View All)
    Séptimo aniversario Sexto aniversario Nivel 7
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #2 en: 17 de Marzo de 2013, 11:41:08 pm »
Wow, me encanta. Te lo has currado bastante.

Esperaré un siguiente video. :P


~[4erial

  • Erudito Pokémon
  • *
  • Mensajes: 4414
  • Karma: +6/-1
    • Ver Perfil
    • Email
  • FC - 3DS: 0387-9403-5438

  • Total Badges: 29
    Badges: (View All)
    Profecía Usuario de Linux Usuario de móvil
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #3 en: 18 de Marzo de 2013, 12:33:37 am »
Muy currado :sisisi:

Yo várias veces he intentado aprender javascript, pero al final siempre se me acababa olvidando...

A ver si a la tercera vez va la vencia.... :rolleyes:
Antes expertopokemon.

SI os gusta minecraft:


MI GUÍA DE VGC GENERAL

MI GUíA DE TRICK ROOM

RMT: Uberpass
Spoiler: Quotes • mostrar
A mí no me paga nada de dinero, me cobro mis servicios en favores sexuales  :ph43r:
[/spoiler]

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #4 en: 19 de Marzo de 2013, 12:07:00 am »
Segundo episodio: Tipos de datos y console.log

http://www.youtube.com/watch?v=ui1JQFgCLfQ&feature=youtu.be

Invictus

  • Gurú Pokémon
  • ****
  • Mensajes: 3424
  • Karma: +2/-10
    • Ver Perfil

  • Total Badges: 41
    Badges: (View All)
    Nivel 7 Octavo aniversario Séptimo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #5 en: 19 de Marzo de 2013, 07:59:20 am »
Voy a empezar a verlos, me quiero meter más en esto de la informática xD

Garm

  • Gurú Pokémon
  • ****
  • Mensajes: 3290
  • Karma: +7/-3
  • Hola soy noob
    • Ver Perfil
  • FC - 3DS: 2707 1715 5985

  • Total Badges: 44
    Badges: (View All)
    Séptimo aniversario Sexto aniversario Quinto aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #6 en: 20 de Marzo de 2013, 12:54:58 am »
En el segundo tutorial hay un error. Cuando pusiste el if, la condición la has puesto entre comillas cuando no se debe poner entre comillas, ya que cualquier string que no esté vacío al pasarlo a booleano es true.
En javascript, el ; al final de cada sentencia es opcional.
Y no sé si deberías añadir que es necesario añadir el atributo type="text/javascript" a la tag <script> si se quiere usar HTML4.
« Última modificación: 20 de Marzo de 2013, 12:56:34 am por Garm »
dep

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #7 en: 20 de Marzo de 2013, 07:55:36 am »
En el segundo tutorial hay un error. Cuando pusiste el if, la condición la has puesto entre comillas cuando no se debe poner entre comillas, ya que cualquier string que no esté vacío al pasarlo a booleano es true.
En javascript, el ; al final de cada sentencia es opcional.
Y no sé si deberías añadir que es necesario añadir el atributo type="text/javascript" a la tag <script> si se quiere usar HTML4.

Lo que pretendia no era usar el if en su sentido, sino utilizarlo para ayudar a comprender los booleanos. Al ser una cosa abstracta me quede como diciendo... "wtf. Y ahora como explico esto?". xD.

En cuanto a las comillas decir que en cosas simples no es obligatorio, pero una vez entremos en cosas mas avanzadas se nos hará un gran lio en cuanto a sintaxis, ya que hay cosas en las que hay que ponerlas si o si. Por tanto jo viene mal acostumbrarse desde el principio :).

Lo del html... pues si, no lo habia pensado ya que de rodas formas estoy haciendo cosas basicas en javascript, y aún no he mezclado nada con html.

Se nota que sabes del tema, me gusta :)

♞Unicorn

  • Profesor Pokémon
  • *
  • Mensajes: 1478
  • Karma: +5/-1
  • ☾◕⊙ ω ⊙◕☽
    • Ver Perfil
    • deviantART
  • FC - 3DS: 2707-1756-0872

  • Total Badges: 23
    Badges: (View All)
    Usuario de Apple Profecía Usuario de Windows
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #8 en: 20 de Marzo de 2013, 11:37:24 pm »
Buena, Pedro's, muy buen aporte.

Feel like a Budew

|| El Umbreon de Girly me quiere ||

Spoiler: Gothitelle by Rk00 • mostrar



Gracias por el avatar, Allen ~
Créditos a Jinjiro-Higuchi en DA por la firma

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #9 en: 24 de Marzo de 2013, 12:15:22 am »
Nuevo cap :D


Garm

  • Gurú Pokémon
  • ****
  • Mensajes: 3290
  • Karma: +7/-3
  • Hola soy noob
    • Ver Perfil
  • FC - 3DS: 2707 1715 5985

  • Total Badges: 44
    Badges: (View All)
    Séptimo aniversario Sexto aniversario Quinto aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #10 en: 24 de Marzo de 2013, 06:33:59 pm »
Al principio dices "tenemos 5 tipos de comparaciones", y luego sólo citas 4, olvidándote de el igual.

El === es para comparaciones de tanto tipo y valor, para sólo valor se usa == (y es el que normalmente se usa).

"Debería ser sólo con uno pero los que crearon JavaScript lo hicieron así" En realidad se hace así porque un sólo = sirve para asignar un valor.

¿No has puesto el else if? Creo que es bastante práctico.

Creo que también deberías haber explicado los operadores lógicos &&, ||, y !

Y por fin vas a hacer cosas prácticas... lo que has puesto hasta ahora no sirve para prácticamente nada...

Además te he pillado sin poner punto y coma en el último ejemplo.
dep

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #11 en: 24 de Marzo de 2013, 08:04:41 pm »
Al principio dices "tenemos 5 tipos de comparaciones", y luego sólo citas 4, olvidándote de el igual.

El === es para comparaciones de tanto tipo y valor, para sólo valor se usa == (y es el que normalmente se usa).

"Debería ser sólo con uno pero los que crearon JavaScript lo hicieron así" En realidad se hace así porque un sólo = sirve para asignar un valor.

¿No has puesto el else if? Creo que es bastante práctico.

Creo que también deberías haber explicado los operadores lógicos &&, ||, y !

Y por fin vas a hacer cosas prácticas... lo que has puesto hasta ahora no sirve para prácticamente nada...

Además te he pillado sin poner punto y coma en el último ejemplo.
Joder, vas con una lupa xDD.

La verdad es que me pongo nervioso a la hora de grabar. Con tutoriales de ps no tanto, mas que nada por la práctica, pero estos de JS me matan...
Supongo que se notan por lo mal que hablo a veces, y como tu dices, por las paridas que hago.

De todas formas la teoria si que sirve. Ahora que traeré ejercicios prácticos nadie que no sepa js previamente sabría hacerlos.

De todas formas,  a partir de ahora me haré un esquema con cada cosa que vaya a explicar, por que no estoy acostumbrado a tanta cosa y tal.

Por cierto, muchísimas gracias por fijarte en los fallos, eso me ayuda a mejorar explicando y tal ;)

Raguraji

  • Usuario de honor
  • Pokéxperto Omega
  • *
  • Mensajes: 11902
  • Karma: +51/-0
  • Aplasta-Pikachus
    • Ver Perfil
    • http://i45.tinypic.com/awdxk.jpg

  • Total Badges: 54
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #12 en: 12 de Abril de 2013, 12:15:45 am »
Buen tutorial, por el momento he visto el primer video y me está gustando, luego veré los otros.   Siempre quise aprender algo de esto, pero me daba flojera empezar.

Quise poner la imagen dentro del recuadro del "alert" o del "confirm" pero no pude. xD  ¿hay alguna forma de hacerlo?
Spoiler: mostrar



Tampoco pude hacer que el "alert" de multiplicar y el "alert" de cabezon saliesen en el mismo recuadro en vez de separado.
Spoiler: mostrar
<html>
   <IMG SRC="http://media.tumblr.com/tumblr_mdt0v2OCGc1r2i1ka.jpg" ALT="OLA K ASE">
<head>
<title>JAVASCRIPT</title>
</head>

<script>
//Esto es un comentario
   alert ("Esto es una alerta de ola k ase con javascript")
   alert ("Multiplicar 223223*33434 da un total de...")
   alert (223223*33434)
   alert ("Cabezon tiene un total de...")
   alert ("Cabezon".length)
   confirm ("Se donde vives tu y toda tu familia");
</script>
<body>
</body>
</html>
« Última modificación: 12 de Abril de 2013, 12:17:17 am por Raguraji »
Yo hice POLE en los PxP Awards 2013. 



Gracias a Rk00 por la firma de Shulk :)

Garm

  • Gurú Pokémon
  • ****
  • Mensajes: 3290
  • Karma: +7/-3
  • Hola soy noob
    • Ver Perfil
  • FC - 3DS: 2707 1715 5985

  • Total Badges: 44
    Badges: (View All)
    Séptimo aniversario Sexto aniversario Quinto aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #13 en: 12 de Abril de 2013, 01:30:43 am »
Buen tutorial, por el momento he visto el primer video y me está gustando, luego veré los otros.   Siempre quise aprender algo de esto, pero me daba flojera empezar.

Quise poner la imagen dentro del recuadro del "alert" o del "confirm" pero no pude. xD  ¿hay alguna forma de hacerlo?
Spoiler: mostrar



Tampoco pude hacer que el "alert" de multiplicar y el "alert" de cabezon saliesen en el mismo recuadro en vez de separado.
Spoiler: mostrar
<html>
   <IMG SRC="http://media.tumblr.com/tumblr_mdt0v2OCGc1r2i1ka.jpg" ALT="OLA K ASE">
<head>
<title>JAVASCRIPT</title>
</head>

<script>
//Esto es un comentario
   alert ("Esto es una alerta de ola k ase con javascript")
   alert ("Multiplicar 223223*33434 da un total de...")
   alert (223223*33434)
   alert ("Cabezon tiene un total de...")
   alert ("Cabezon".length)
   confirm ("Se donde vives tu y toda tu familia");
</script>
<body>
</body>
</html>

No, no se puede.

Y para lo de juntar varios strings en un alert tienes que concatenarlos.
Código: [Seleccionar]
<script>
//Esto es un comentario
   alert ("Esto es una alerta de ola k ase con javascript")
   alert ("Multiplicar 223223*33434 da un total de..." + (223223*33434).toString()) //El toString() no es necesario ya que javascript automáticamente trata a los números como strings si es necesario, pero para ser técnicamente correctos hay que ponerlo.
   
   alert ("Cabezon tiene un total de... " + ("Cabezon".length).toString())
   confirm ("Se donde vives tu y toda tu familia");
</script>
dep

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #14 en: 13 de Abril de 2013, 06:24:32 am »
Listo ep 4 (Un poco más práctico :D)



Es muy básico y tal. Si no lo veis esperad un poco y tal.

Garm

  • Gurú Pokémon
  • ****
  • Mensajes: 3290
  • Karma: +7/-3
  • Hola soy noob
    • Ver Perfil
  • FC - 3DS: 2707 1715 5985

  • Total Badges: 44
    Badges: (View All)
    Séptimo aniversario Sexto aniversario Quinto aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #15 en: 13 de Abril de 2013, 07:39:42 am »
Sólo he visto el principio pero un par de fallos:

1- En la resta sumas en lugar de restar

2- En lugar de sumarlos como números, se concatenan como strings.

Edit: Visto entero. Dejas muchas cosas "para próximos capítulos", tampoco cosataba tanto explicar por qué se concatena y usar parseInt()/parseFloat(). Y creo que también deberías haber explcado por qué se pone lo de
var numero1 = prompt("Introduce el número 1");
Además de que creo que no explicaste el prompt en el primer capítulo, aquí lo explicas como "numero1 será igual a una ventana..." lo cual lleva a confusión porque en realidad prompt() devuelve la string introducida (al igual que confirm devuelve un booleano) y no estás asignando a la variable la ventana en sí.
« Última modificación: 13 de Abril de 2013, 07:54:45 am por Garm »
dep

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:Curso de Introducción a Javascript | By Kawahal/Pedro's |
« Respuesta #16 en: 13 de Abril de 2013, 09:02:47 am »
Sólo he visto el principio pero un par de fallos:

1- En la resta sumas en lugar de restar

2- En lugar de sumarlos como números, se concatenan como strings.

Edit: Visto entero. Dejas muchas cosas "para próximos capítulos", tampoco cosataba tanto explicar por qué se concatena y usar parseInt()/parseFloat(). Y creo que también deberías haber explcado por qué se pone lo de
var numero1 = prompt("Introduce el número 1");
Además de que creo que no explicaste el prompt en el primer capítulo, aquí lo explicas como "numero1 será igual a una ventana..." lo cual lleva a confusión porque en realidad prompt() devuelve la string introducida (al igual que confirm devuelve un booleano) y no estás asignando a la variable la ventana en sí.
No me he dado cuenta de lo de restar y tal, lol.

Dejo muchas cosas para proximos capitulos porque no puedo darlo todo en uno. Se supone que esto era un poco para repasar lo aprendido (poner un prompt en una variable si no lo he dicho ya debes reconocer que es bastante lógico una vez lo ves en el vídeo).

Por otro lado esta claro que es lo que hace prompt. Si no lo explico correctamente es porque, como digo, cuando grabo a veces no salen las palabras y tal, de todas formas no es algo muy diferente.

Gracias por la ayida y tal, a ver si lo hago mejor en el proximo xd.