Sitio web con cecho-caro
El primer sitio web que construí (mi tercer y último cambio de carrera). Comencé a partir de plantillas HTML y CSS, que terminé reworte el 90% de ellas.
La página de inicio es simple (me llevó un tiempo para mi primera construcción; garantizar el estilo correcto, la posición y la característica lleva mucho tiempo; excelente experiencia de aprendizaje). El cuadro de búsqueda no funciona completamente. Actúa más como un menú desplegable por ahora.
La página de detalles tiene el carrusel dinámico que construí. El número de tarjetas en el carrusel se puede cambiar mediante la actualización de los datos del equipo. El ancho cambiará con el tamaño de la ventana y las flechas izquierda/derecha aparecerán cuando el carrusel pueda deslizarse en la dirección correspondiente.
Cómo llegar a la página web con carrusel personalizado:
- Vaya directamente a Detial.html o desde index.html ...
- Escriba "ux d" en el cuadro de búsqueda
- Haga clic en "UX Designer" en la lista desplegable
- Mi carrusel personalizado está justo debajo del encabezado
Siguientes pasos:
- Separe la sección de carrusel de Main.js y cree un carrusel.js. (hecho)
- Mapa completo de trayectoria profesional inicial (hecho)
- Deshágase de los títulos repetidos en la lista de búsqueda (hecho)
- Agregue "X" en el cuadro de búsqueda (hecho)
- Limitar el resultado de la lista de búsqueda a la parte inferior de la ventana y agregar barra de desplazamiento (hecho)
- Refine el mapa de trayectoria profesional, por lo que se muestra el punto del lado izquierdo (hecho; reestructurado para usar 3 columnas en lugar de 2)
- Word envuelve los títulos en el mapa de ruta (bajo)
- Descubra cómo funciona SVG y cambia su color que no sea negro (hecho)
- refractar html para que todas las etiquetas "li" estén impulsadas por JS en lugar de código duro (hecho)
- lista de datos en un archivo separado; Lista de búsqueda de origen desde la fuente SMAE en lugar de crear una lista diferente (lista)
- Revise el código de cuadro de búsqueda y CSS para que pueda ser más un componente (en progreso del 70%)
- convertir todo a react.js a componizar
Gracias por visitar.
Tecnología:
Javascript simple, HTML, CSS
