odin sign up form
1.0.0
Esta es una solución al proyecto: formulario de registro para el proyecto ODIN. El proyecto ODIN proporciona un plan de estudios de codificación de código abierto gratuito que se puede tomar completamente en línea.
Proyecto: la calculadora es uno de los dos proyectos en el curso intermedio HTML y CSS. Proporciona la oportunidad de practicar el contenido que se cubrió en las secciones del curso conceptos HTML intermedios , conceptos CSS intermedios y formas .
Tres cosas en esta solución que no había usado en proyectos antes son:
Otras características que cubrieron las secciones del curso conceptos HTML intermedios , conceptos CSS intermedios y formas y que utilicé en mi solución son:
Para mi solución, solo usé funciones HTML y CSS que estaban cubiertas en el plan de estudios de la ruta de aprendizaje de JavaScript de pila completa hasta este proyecto.
La cuadrícula CSS está cubierta en la siguiente sección después de este proyecto. El diseño en el archivo de diseño para este proyecto sería un buen candidato para el diseño del primer diseño y la cuadrícula CSS.
El diseño receptivo no se cubre hasta mucho más tarde en el plan de estudios. Hice mi solución lo más receptiva posible con las herramientas que tenía disponibles, utilizando CSS Flexbox pero sin consultas de medios.
La accesibilidad web también se cubre mucho más tarde en el plan de estudios. Usé lo que he aprendido sobre la accesibilidad mientras trabajaba en los desafíos de mentores frontend.
Validar que los campos de contraseña coinciden entre sí requieren JavaScript. El uso de JavaScript para la validación de formulario está cubierto en una lección futura. Mi solución solo usa la validación del sitio del cliente para la dirección de correo electrónico. No tiene ningún campo de formulario requerido, ya que ninguno se indicó en el archivo de diseño.
El formulario no tiene backend y no envía los datos enviados a ninguna parte.
Encuéntrame en línea:
Además de la pila de fuentes del sistema, esta solución utiliza Font Norse Bold de Joël Carrouché. La fuente es gratuita para uso personal y comercial e incluye un alfabeto rúnico completo con soporte de Unicode.
Esta solución también utiliza el reinicio CSS de Josh Comeau y el esquema de color casi blanco y negro.
