This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Hola Mundo



Esta tarea servirá como una introducción a escribir documentos en html. Pero vas a escribir en papel, utilizando una pluma, por alrededor de quince minutos. Piensa en este reto como el equivalente de encerar, pulir (de la película Karate Kid original).

Vas a seguir haciendo esto hasta que (idealmente) puedas hacerlo de memoria y sin cometer errores. Es importante hacer esto porque este documento html básico servirá como base para (casi) todos los documentos html que escribas en el futuro.

Abajo está el código que debes escribir a mano. Asegúrate de copiarlo al pie de la letra. Cada comilla, espacio, capitalización e identación es importante. Cuando empieces a escribir HTML y CSS más complejo verás por qué ;) Puedes ser creativo con tu Hola Mundo e incluir tu nombre y un mensaje personal.
 
<!DOCTYPE html>
        <meta charset="utf-8">
        <title> Hola Mundo por Juan Pérez</title>
    </head>
 <body>

        <h1> Hola Mundo por Juan Pérez</h1>
            Este código fue escrito a mano.
        </p>
    </body>
</html>
 
Si cometes un error pequeño no importa, pero si cometes un error grande debes empezar otra vez. Si logras llegar hasta el final sin hacer errores en menos de quince minutos, entonces empieza desde cero, pero esta vez de memoria.
 
Al final de los quince minutos debes haber rayado al menos un par de hojas de papel y haber obtenido finalmente algo que se parezca al código que está arriba.

Task Discussion


  • JosueHN said:

    Fué más difícil de lo que imagine, pero siempre satisfecho de codificar a mano:

    My blog

    on May 5, 2014, 1:45 a.m.
  • Ruben Rojas said:

    Siempre es un placer escribir código manualmente, lo hago a diario.

    Aqui les dejo el ejemplo http://codepen.io/rubenmedios/pen/EHAmg/

    on May 3, 2014, 1:51 a.m.
  • Walter Paoli said:

    Tarea concluida. Hace rato que no escribo mucho "código" a mano.

    Hizo que recuerde mi primer examen de algoritmia, sobretodo cuando tenía que pasar a bolígrafo lo que había escrito con lápiz por si me equivocaba y quería borrar. La pasé bien jaja.

    on Oct. 23, 2013, 10:11 a.m.
  • Joan Sebastian Velásquez Rangel said:

     Hola, el presente fue mi avance en html5 y escribir a mano, (literalmente). 

    Ir al blog

    on Sept. 3, 2013, 9:49 p.m.
  • Juan Pablo said:

    Aqui esta mi avance http://juanpablo1010.blogspot.com/2013/08/hola-mundo.html

    on Aug. 22, 2013, 3:12 p.m.
  • Etraud said:

    Hola!

     

    La verdad es que esto ya me lo se, pero no me ha venido mal recordar... Cuando escribes en el notepad++ o en el dreamweaver la metainformación te viene por defecto, así que...

    ¡Trabajo concluido!

    on July 14, 2013, 8:13 p.m.
  • Daniel said:

    Honestamente yo tampoco creo que sea  necesario escribirlo en papel... En un scenario real no vas a escribir el codigo en papel, podria ser una buena idea si realmente se te hace dificil aprender las etiquetas (ej: si no sabes ingles). Pero despues de eso yo recomendaria que simplemente abran Bloc de Notas ( mas adelante tendran que utilizar un editor de texto de cualquier forma ^^ ).

    Animo!

    on March 19, 2013, 11:25 p.m.
  • miguel medina said:

    ya pude por fin

    on March 7, 2013, 1:45 p.m.
  • Eduardo Jesus said:

    reto listo !!
    http://p2pucurso.blogspot.com/

    on Jan. 25, 2013, 12:17 p.m.

    Daniel said:

    Genial ^^, pero cuidado; se te olvido cerrar el <head> ( no le pusiste el / , </head> ).

    Saludos!

    on March 19, 2013, 11:33 p.m. in reply to Eduardo Jesus
  • Anonym said:

    Aprendido al fin. 

    http://gop2pu.wordpress.com/2012/11/27/aprendido/

    A por la siguiente tarea!

    on Nov. 27, 2012, 12:43 p.m.

    Daniel said:

    Super ^^

    on March 19, 2013, 11:35 p.m. in reply to Anonym
  • Manuel Jesus Martin Mena said:

    Reto complido!! http://manueljesus97.wordpress.com/2012/11/26/hola-mundo/

    on Nov. 26, 2012, 9:16 a.m.
  • Kike Frutas said:

    Está bien.. aunque no soy nada partidario de gastar papel para cosas que se pueden hacer en el block de notas del win, pero como comienzo está bien.. 

    on Oct. 17, 2012, 6:33 a.m.

    Intruso said:

    Igual viene muy tarde el consejo:
    Pero merece la pena escribir código en papel, con un lapicero:
    De esta forma siempre puedes hacer croquis de como quedará la página encima del código, esquematizar, etc...

    Todo eso con el bloc de notas es más complicado... ( y siempre puedes usar papel reciclado: )

    Un saludo!

    on Dec. 12, 2012, 7:59 p.m. in reply to Kike Frutas

    Daniel said:

    Bloc de Notas o papel reciclado ^^.

    Go Green!

    on March 19, 2013, 11:29 p.m. in reply to Kike Frutas
  • Arantzazu said:

    Hola,

       Aunque me ha costado un poco aprendermelo, porque en ingles hay palabras que no se me quedan bien, voy avanzando a pequeños pasos, y me ayuda a favorecer la memorización, y aprender algo de ingles.

      Es una muy buena forma de aprender a programar desde 0, ya que a mi me gusta programar a mano, como se enseña aquí. Gracias.

     

      Saludos.

    on Sept. 2, 2012, 5:51 p.m.