El desarrollo front-end tiene que ver con HTML, CSS y JS. Como se indica en las otras respuestas, comience con un buen control de HTML y CSS.
Para HTML, una vez que haya terminado con lo básico, aprenda a escribir HTML semánticamente. Consulte el Validador W3C en el camino. No tiene que seguir estrictamente sus recomendaciones, pero es una buena herramienta para aprender sobre las reglas por prueba y error.
Para CSS, le recomiendo que comience escribiendo sus propios estilos en lugar de usar marcos CSS. Una vez que haya terminado con lo básico, comience a explorar acerca de la compatibilidad entre navegadores y los problemas de soporte del navegador en el estilo. Consulte ¿Puedo usar en el camino?
- ¿Cuáles son las habilidades esenciales que todo desarrollador web front-end debería saber?
- ¿A qué se refiere la plantilla del lado del servidor?
- ¿Cuáles son algunas de las mejores tiendas de desarrollo recomendadas en Bay Area?
- ¿Cuáles son los componentes necesarios para crear una nave espacial funcional y qué tan costosa sería crearla?
- Cómo hacer mis propios códigos de colores hexadecimales para HTML
Ahora la parte divertida, Javascript. Contrariamente a las recomendaciones populares, le sugiero encarecidamente que no comience con jQuery, sino que comience con vanilla JS . Aprenda cómo funciona Javascript, comprenda los conceptos extravagantes como elevación, funciones invocadas de inmediato, coerción de tipo, this
palabra clave, etc. Recomiendo la serie gratuita You Don’t Know JS de Kyle Simpson para aprender los conceptos básicos de Javascript.
Conozca la diferencia entre ES5 y ES6, ya que es posible que deba escribir Javascript en navegadores más antiguos; nuevamente, explore los problemas de soporte del navegador en Javascript. Conozca el concepto de arquitectura basada en componentes y AJAX.
No necesita profundizar en bibliotecas específicas por ahora, si comprende cómo funciona realmente Javascript, prácticamente puede comprender cualquier biblioteca de Javascript mucho más rápido.