Me gusta esta pregunta, muestra que tienes una idea de a dónde quieres ir.
Ahora, estamos hablando de front end. Las tecnologías que necesitas son
- css
- html
- javascript
Si realmente quieres aprender, olvídate de bootstrap o de innumerables bibliotecas html y css. Olvídate también de jQuery, a corto plazo hace la vida más fácil, pero a la larga si aprendes JavaScript, puedes elegir fácilmente jquery cuando sea necesario.
La web está llena de recursos. Quizás invertir en cursos
- ¿Cuál es el propósito del diseño de calzado convencional versus el diseño de calzado ergonómico y de forma natural?
- ¿Puedo abrir negocios de diseño de interiores si no tengo ningún diploma?
- ¿Qué logo rediseñarías y cómo?
- ¿Cuáles son los beneficios del diseño web?
- Cómo obtener clientes en línea para mi empresa de gráficos, diseño web y publicidad
Antes de eso sin embargo. Ya que pareces saber lo que es bueno y malo. Tome lápiz y papel y dibuje un sitio web básico. Nada tan complicado como el menú que compartió, solo un sitio estático. Es decir, un sitio donde no tienes que hacer clic para mostrar nada.
Luego convierta ese dibujo en html css.
Luego, cree un nuevo sitio web o agregue nuevas funciones a la que creó. Esta vez tiene un botón donde cuando hace clic en algo sucede en la página (no en una página diferente en la misma página)
Eso es.
Eso es lo que haces, sigues empujando tus límites creando sitios web que son un poco más difíciles que tus habilidades.
Si está totalmente confundido, elija la aplicación de menú a la que se refirió y cree algo así ( para la web)
Hay dos ejemplos basados en el enlace que proporcionó
Primer sitio web: descubra cómo hacer tres cuadros tan anchos como su navegador y que tengan la misma altura: tal vez sea 33.3333% tan alto como la ventana del navegador.
Tenga solo una línea de texto en cada cuadro y céntrelo.
Entonces el segundo sitio tiene una navegación. Permanece en la cima sin importar qué. Puede hacer que cada uno de los cuadros sea 100% alto para que cuando se desplace el menú siempre esté en la parte superior
También hay un botón ocultar, cuando hace clic en él, el menú se oculta (la palabra ocultar cambia a la palabra mostrar)
Esto se hace por JavaScript. Usar jQuery es más fácil pero quieres aprender ¿verdad? si lo desea, simplemente copie el código del enlace que proporcionó
El tercer, cuarto, décimo sitio web podría ser agregar más al diseño anterior o algo que se te ocurra.
Por supuesto, tendría que tener muchos más elementos html en el futuro, tal vez intente clonar el diseño de un blog. Pero el punto es. Si tiene una idea de lo que desea crear, incluso su búsqueda en Google estará más estructurada.
Buena suerte