rodrigoesquel / js-xmas-edition

JavaScript workshop (forms, inputs, regex, ajax, localstorage etc)

Carta a Santa

Taller JavaScript (forms, inputs, validation, events, RegExp, objects, callbacks , local storage, ajax)

Feedback

Abren un issue en este repositorio.

Cómo empezar

Si estás familiarizado con git puedes clonar este repositorio a tu pc y empezar a trabajar con archivos a partir del archivo README.md, después de eso ve al archivo instructions/level1.md.

Si no sabes qué es git, puedes descargar la carpeta en tu pc - en la esquina superior derecha haz click en el botón verde que dice 'Clonar o Descargar' y 'Descargar ZIP'. Descomprimelo y comienza desde el archivo README.md, luego ve al archivo instructions/level1.md.

Para abrir una página web en su navegador vaya al archivo index.html y haga doble clic sobre él, verá una opción `abrir en el navegador' - preferiblemente use Chrome, pero Firefox y Safari también funcionarán.

Siga las instrucciones en el archivo level1.md y escriba el código en su Editor de Texto (es donde está su código y puede escribir, editar y borrar código), para poder ver cualquier cosa en console.log() necesita refrescar la página web y el resultado estará en la consola web en la página (puede escribir directamente el código javaScript aquí también y ver el resultado de inmediato, pero tan pronto como actualice la página todo el código desaparecerá, por eso usamos el Editor de Texto).

Estructura

carpeta	descripcion
css	La carpeta Css contiene archivos css que son responsables de los estilos y de cómo se ve nuestro proyecto en la web.
img	carpeta img - un lugar donde podemos almacenar imágenes que usaremos en nuestra página web
instrucciones	Las carpetas de instrucciones contienen archivos con instrucciones paso a paso sobre lo que debe hacer: Contiene 3 archivos:
- nivel1.md	para crear formularios web y diferentes tipos de entrada, expresiones regulares
- nivel2.md	para almacenar entradas en el almacenamiento local
- nivel3.md	para mostrar todos los deseos en la página de la lista de deseos y presente al azar en la página de resultados.
- extra.md	tareas extras que puedes hacer si estás interesado en aprender más cosas y modificar tu pequeño proyecto.
js	La carpeta Js contiene archivos JavaScript que hacen que nuestro proyecto funcione, define el contenido y hace que la página estática sea funcional. Contiene el archivo main.js donde usted escribe todo su código. answers.js - archivo con todo el código de trabajo.
index.html	un archivo responsable de la estructura de nuestro proyecto.
result.html	nuestras otras 2 páginas de resultados o para buscar resultados - donde Santa elige tu regalo
wish-list.html	wishlist - una lista de tus deseos.
html-form-description.txt	un archivo con una explicación detallada sobre el formulario HTML y diferentes tipos de etiquetas de entrada con sus atributos.
regular-expressions.txt	un archivo con enlaces a la hoja de trucos, más información y juegos con Expresiones Regulares o RegExp.
Readme.md	un archivo con explicaciones y cualquier información sobre el proyecto, cómo ejecutarlo, para qué sirve, etc.
cheatsheet.md	un machete con una vista rápida de los nombres claves y sus explicaciones.
LICENSE	nuestro archivo de licencia del MIT.

Autores

• Tanya Butenko github: https://github.com/ButenkoT twitter: @ButenkoMe

• Reena Rajani github: https://github.com/ReenaRajani twitter: @ReenaRajani

• Traducción: Cintia Tai