Taller JavaScript (forms, inputs, validation, events, RegExp, objects, callbacks , local storage, ajax)
Abren un issue en este repositorio.
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).
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. |
-
Tanya Butenko github: https://github.com/ButenkoT twitter: @ButenkoMe
-
Reena Rajani github: https://github.com/ReenaRajani twitter: @ReenaRajani
-
Traducción: Cintia Tai