Skip to content

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

License

Notifications You must be signed in to change notification settings

rodrigoEsquel/js-xmas-edition

 
 

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 48.3%
  • JavaScript 26.9%
  • CSS 24.8%