Espero que ya haya desarrollado pequeños componentes de la interfaz de usuario, como controles deslizantes, etiquetas de entrada flotantes y modales. Si no, adelante y hazlo primero.
También espero que comprenda los propósitos principales de estas tecnologías como se muestra en la imagen ( cortesía de FastWebStart ) a continuación:
- ¿Golang es tan adecuado para el desarrollo web como los otros lenguajes web como: PHP, Python, C #?
- ¿Cuántas horas / años practicaste la codificación antes de empezar a vivir de ella?
- En JavaScript, ¿un bucle for es una mala práctica?
- ¿Qué lenguajes de programación debo aprender para hacer un sitio web similar a eBay?
- Si busco una imagen de fondo de pantalla completa, ¿qué dimensiones en píxeles debería tener?
A continuación, profundice en los documentos disponibles en Mozilla Developer Network. Ser sincero.
Luego, elige un proyecto. Cualquier proyecto Si no puede obtener un proyecto pago, ofrezca realizar el desarrollo de forma gratuita.
Una mejor manera, que creo, es tomar algunos proyectos personales. Los proyectos deben ser el desarrollo de sitios web que le gusten o que visite con frecuencia, como Facebook, Quora, Stack Overflow y Behance.
Desarrolle uno de ellos usando HTML, CSS y Javascript. Desarrolle una página a la vez. Solo opte por bibliotecas frontend populares (jQuery, React, etc.) y frameworks (Angular, Bootstrap, etc.) cuando pueda replicar la mayoría de los diseños utilizando las tres tecnologías anteriores ‘.
Pruebe su código en varios navegadores, corrija los errores. Encuentre soluciones en Stack Overflow, MDN o resultados de Google. Una vez que todo se vea bien, haga que el mismo sitio web responda. Prueba y corrige errores.
Hospede su código frontend en el servidor (deberá comprar hosting). Si no desea invertir dinero para el alojamiento, use las páginas de Github para alojar sus proyectos.
¡Todo lo mejor!