Cómo actualizar mis habilidades web front-end

Hola,

Estaba en tu situación como hace un año. Después de la universidad, no escribí una línea de código durante unos 3 años. Conocía los conceptos básicos de HTML, CSS, JavaScript y PHP, pero no lo usé, no creé nada ni aprendí algo nuevo. Eso se dio debido a otras razones que no explicaría aquí.

Hace un año decidí comenzar de nuevo, debo decir que tenía mucho tiempo y estaba motivado porque me dije que la codificación es lo único que puedo hacer para un trabajo decente y pagar mis propias cuentas.

Comencé de nuevo con lo básico, digamos Codecademy: aprenda a codificar, interactivamente, de forma gratuita, aprenda a codificar y ayude a organizaciones sin fines de lucro, cursos en línea de Udemy: aprenda cualquier cosa, según su horario y Udacity: clases en línea gratuitas y nano grados.

Allí no solo actualicé mis conocimientos, también aprendí un montón de cosas nuevas como Bootstraps, Git, SQL, Node.js, WordPress, etc.

Fue un nuevo comienzo refrescante y pude construir algunas cosas nuevas y sentirme más seguro antes de comenzar a solicitar puestos de trabajo. Realmente tenía que sentirme seguro de lo que tenía que ofrecer a mi futuro empleador.

Ahora, un año después, estoy sentado en mi escritorio, rodeado de mi súper equipo de desarrolladores, y tratando de chupar todo lo que pueda de su cerebro (y código :))

Intenta ponerte a prueba y, si no lo haces, toma un curso nuevo, muchas cosas han cambiado desde entonces y será muy fácil ponerte al día.

¡Buena suerte!

No te has perdido mucho. Todavía todos los años sale otro marco JavaScript inútil. Simplemente revise su marco favorito y vea en qué están trabajando.

Probablemente el mejor marco de JavaScript para aprender ahora es Vue – Comparación con otros marcos – Vue.js.

Bootstrap está esperando que lancen su versión beta v4 basada en Flexbox. Actualmente solo Bootstrap 4 Alpha 6 está disponible para pruebas.

Y una cuadrícula CSS completamente nueva: una guía completa de cuadrícula | CSS-Tricks. Probablemente no esté listo para usar en producción, pero lo suficientemente bueno como para comenzar a aprender.

Olvídate de todos los demás sistemas de gestión de activos y comienza a aprender el compilador Webpack de JavaScript.

Otra cosa que debe consultar es la Guía práctica de SVG, que podría usarse para gráficos, iconos, fuentes e imágenes.

Eso es.

Mi sugerencia es descargar un tema HTML reciente, rediseñar el diseño y luego implementar estos cambios.

De esta manera, encontrará bastantes métodos y tecnologías nuevos que no existían ni se habían utilizado mucho en 2014. Luego, consulte cómo funcionan y por qué se usan.

Algunos que me vienen a la mente que he agregado a mi carcaj desde 2014:

  • Flexbox
  • Escribir SASS / LESS en lugar de CSS
  • Motores de animación como velocity.js
  • Uso de pseudo-elementos para trucos de diseño.

No me apresuraría a bootstrap y a todos esos horribles frameworks CSS, personalmente creo que bootstrap tiene algunas decisiones bastante malas (por ejemplo, tamaños de fuente predeterminados) + no le enseñará nada, necesita aprender CSS y asumir toda la responsabilidad sobre un marco que vino a resolver un problema que ya no existe no le brindará muchos beneficios.

Con CSS flex box no necesita las cuadrículas de bootstrap, y el resto de bootstrap no es tan interesante de todos modos.

En algún momento, recolectará suficiente CSS para componer su propia biblioteca con lo que necesita y en función de la forma en que le gusta trabajar: personalmente obtuve una biblioteca de componentes básicos casi sin estilo escritos con CSS de reacción y mínimo que utilizo como un estilo básico y acorde a las necesidades del proyecto

Puede leer, lea “no sabe js” para obtener una mejor comprensión de JS, también actualice su HTML y CSS con “consejos de desarrollo” en youtube.
Eso debería ponerlo en funcionamiento: lleva tiempo aprender a manejar CSS.

Cuando sienta que está listo, y no tiene que apresurarse a esto, debe aprender algo de marco frontal, sugiero Reaccionar.