Descripción
Desarrollador Frontend (CSS, Laravel)
Objetivo del Puesto:
El desarrollador frontend será responsable de crear, mantener y optimizar la interfaz de usuario de las aplicaciones web de la empresa, trabajando de manera estrecha con los equipos de diseño y backend para garantizar la implementación efectiva de funcionalidades y la experiencia de usuario fluida. El candidato ideal debe estar familiarizado con las tecnologías frontend más recientes y debe ser capaz de colaborar en la integración de estos elementos con el backend desarrollado en Laravel.
Responsabilidades:
- Desarrollo Frontend:
- Crear interfaces de usuario atractivas y funcionales usando HTML, CSS, JavaScript, y frameworks como Bootstrap o Vue.js.
- Asegurar que las aplicaciones sean responsivas y accesibles en una variedad de dispositivos y navegadores.
- Implementar componentes reutilizables y modulares que mejoren la escalabilidad del proyecto.
- Optimizar el rendimiento de las aplicaciones, garantizando tiempos de carga rápidos y experiencia fluida.
- Integración con Backend (Laravel):
- Integrar el frontend con las APIs RESTful y las funciones del backend desarrolladas en Laravel.
- Consumir datos proporcionados por el backend para su presentación en la interfaz de usuario.
- Colaboración con Diseñadores y Backend:
- Trabajar de manera colaborativa con los diseñadores para implementar el diseño visual y la experiencia de usuario deseada.
- Colaborar con el equipo backend para asegurar una integración eficiente de los datos y servicios.
- Pruebas y Optimización:
- Realizar pruebas de usabilidad, accesibilidad y compatibilidad entre navegadores.
- Depurar y resolver problemas relacionados con la visualización y el rendimiento.
- Mantenimiento y Mejora:
- Mantener el código limpio y organizado, siguiendo las mejores prácticas de desarrollo.
- Aplicar actualizaciones y mejoras continuas para asegurar que las aplicaciones se mantengan modernas y optimizadas.
Plan de Trabajo (6 Meses)
Mes 1: Inducción y Capacitación en Herramientas
Objetivos:
- Familiarizarse con la estructura y herramientas utilizadas por la empresa.
- Comprender las especificaciones del proyecto y las expectativas de desarrollo frontend.
Actividades:
- Inducción a la cultura organizacional y revisión de proyectos anteriores.
- Capacitación en el uso de frameworks y herramientas utilizadas por la empresa (Laravel, Vue.js, Git).
- Revisión y comprensión de las interfaces de usuario existentes y los requisitos de mejora.
- Configuración del entorno de desarrollo local y repositorio de código.
Mes 2: Desarrollo de Componentes Frontend Básicos
Objetivos:
- Comenzar a desarrollar componentes frontend básicos y garantizar que sean funcionales y responsivos.
- Implementar estructuras de código que sigan las mejores prácticas.
Actividades:
- Desarrollo de componentes básicos utilizando HTML, CSS, y JavaScript (formulario de contacto, navegación, etc.).
- Creación de componentes modulares para facilitar la reutilización de código.
- Revisión de la estructura del código y ajustes para mejorar la accesibilidad y el rendimiento.
- Trabajo en colaboración con diseñadores para la implementación del diseño visual.
Mes 3: Integración con Laravel y Optimización de la Experiencia de Usuario
Objetivos:
- Integrar los componentes frontend con el backend en Laravel.
- Optimizar la interfaz de usuario para mejorar la experiencia de los usuarios.
Actividades:
- Integración de las APIs RESTful de Laravel para mostrar datos dinámicos en la interfaz.
- Aplicación de técnicas de optimización para mejorar el rendimiento de la interfaz (minificación de recursos, lazy loading, etc.).
- Validación de formularios y manejo de errores en la interfaz de usuario.
- Aplicación de prácticas de SEO técnico en el frontend (uso adecuado de etiquetas, metadatos, etc.).
Mes 4: Desarrollo de Funcionalidades Avanzadas y Revisión de Código
Objetivos:
- Desarrollar funcionalidades más complejas en la interfaz de usuario, como interacción con el backend para cargar datos dinámicos.
- Realizar una revisión exhaustiva del código para mejorar la calidad.
Actividades:
- Implementación de características avanzadas, como modales, sliders, y otros componentes interactivos.
- Integración de Vue.js (o cualquier otro framework JS utilizado) para manejar dinámicamente el estado de la aplicación.
- Revisión y refactorización del código para mejorar la legibilidad, optimización y consistencia.
- Realización de pruebas de usabilidad y solución de problemas de compatibilidad entre navegadores.
Mes 5: Mejora de la Accesibilidad y Testing
Objetivos:
- Asegurarse de que la aplicación sea accesible y fácil de usar para una audiencia diversa.
- Mejorar la cobertura de pruebas y garantizar la estabilidad de la aplicación.
Actividades:
- Implementación de mejoras de accesibilidad (uso de ARIA, navegación por teclado, etc.).
- Escribir pruebas unitarias y pruebas de integración para los componentes frontend.
- Colaboración con el equipo de QA para realizar pruebas de usabilidad y detectar errores en la interfaz.
- Optimización del rendimiento en dispositivos móviles y navegadores más antiguos.
Mes 6: Proyecto Final y Evaluación
Objetivos:
- Aplicar lo aprendido durante los 6 meses en un proyecto de mayor envergadura.
- Evaluar el progreso y las mejoras realizadas durante el tiempo de prácticas.
Actividades:
- Desarrollar y entregar un proyecto completo, que integre todos los componentes frontend y backend necesarios.
- Presentar el proyecto final a los líderes de equipo y discutir las mejoras realizadas durante los 6 meses.
- Realización de una evaluación final de desempeño y presentación de recomendaciones para futuras mejoras.
Requisitos Técnicos y Habilidades:
- Conocimientos en HTML5, CSS3, y JavaScript (ES6+).
- Experiencia con frameworks CSS (Bootstrap, Sass, LESS).
- Familiaridad con la integración de frontend con backend, preferiblemente con Laravel.
- Experiencia trabajando con control de versiones (Git).
- Conocimientos básicos de frameworks JavaScript como Vue.js o React (preferible).
- Capacidad para crear interfaces web responsivas y accesibles.
- Buen conocimiento de las buenas prácticas de desarrollo frontend y de usabilidad.
- Conocimientos básicos en SEO técnico.
- Habilidades de trabajo en equipo y comunicación efectiva.
- Capacidad de aprendizaje continuo y disposición para recibir retroalimentación.
Duración: 6 meses
Modalidad: Mixta (remota y presencial según necesidades).
Horario: Flexible, adaptado a los horarios del candidato.
