Volver a Mi Aula
SENCE: PF1474GeneralTodos los niveles

Desarrollo de aplicaciones Front-End Trainee

Este plan está diseñado para desarrollar las habilidades necesarias para construir y mantener aplicaciones o sitios web, usando el Stack de tecnologías fundamentales para el desarrollo Front End, es decir HTML, CSS y JavaScript. Un desarrollador Front End se especializa en la creación de componentes visuales dentro de un software, aplicación o sitio web, estando encargado de implementar las funcionalidades que son usadas directamente por el cliente o usuario final.

Competencia General del Curso:

"Desarrollar aplicaciones web desde el lado del cliente, que den solución a las necesidades de la organización, y Aplicando las buenas prácticas de la industria para obtener un producto con niveles de calidad requeridos."

9 Módulos
7 Clases
441 Horas Cronológicas

Estructura y Programa del Curso

CLASE 1
Introducción al desarrollo web y entorno Front-End
Objetivo / Aprendizaje Esperado:

"Organiza los principales conceptos y elementos esenciales del desarrollo web, diferenciando claramente el rol y las responsabilidades del Front-End dentro del proceso de desarrollo."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): introducción al desarrollo web y entorno Front-End

Quiz Formativo • 5 Preguntas • Exigencia 60%

La tríada del Front-End y roles

Actividad Práctica Interactiva

Flujo de configuración del entorno

Actividad Práctica Interactiva

Estándares y evolución web

Actividad Práctica Interactiva

CLASE 2
Estructuración de contenido web con html5
Objetivo / Aprendizaje Esperado:

"Estructurar el contenido de una página web básica utilizando el lenguaje de etiquetas html5, de acuerdo con un requerimiento específico proporcionado."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): estructuración de contenido web con html5

Quiz Formativo • 5 Preguntas • Exigencia 60%

Secuencia correcta de un documento html5

Actividad Práctica Interactiva

Estructuración de formularios de captura

Actividad Práctica Interactiva

CLASE 3
Aplicar hojas de estilo CSS
Objetivo / Aprendizaje Esperado:

"Aplicar hojas de estilo CSS básicas distinguiendo elementos de responsividad para personalizar la presentación de un documento HTML acorde a un requerimiento entregado"

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): aplicar hojas de estilos CSS

Quiz Formativo • 5 Preguntas • Exigencia 60%

Metodologia mobile first

Actividad Práctica Interactiva

Capas del modelo de cajas (box model)

Actividad Práctica Interactiva

CLASE 4
Maquetación ágil con framework bootstrap
Objetivo / Aprendizaje Esperado:

"Implementar un sitio web básico responsivo utilizando framework bootstrap para organizar la presentación de un documento HTML."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): maquetación ágil con framework bootstrap

Quiz Formativo • 5 Preguntas • Exigencia 60%

Secuencia de implementación de bootstrap

Actividad Práctica Interactiva

Estructura del sistema de rejilla

Actividad Práctica Interactiva

Componentes y estilos de bootstrap

Actividad Práctica Interactiva

CLASE 5
Fundamentos de programación en JavaScript
Objetivo / Aprendizaje Esperado:

"Codificar en lenguaje JavaScript rutinas simples para la personalización de eventos sencillos dentro de un documento HTML dando solución al problema planteado."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): fundamentos de programación en JavaScript

Quiz Formativo • 5 Preguntas • Exigencia 60%

Secuencia de captura y procesamiento de datos en el dom

Actividad Práctica Interactiva

Control de eventos y manipulación del dom

Actividad Práctica Interactiva

Seguridad y limitaciones de JavaScript en el navegador

Actividad Práctica Interactiva

CLASE 6
Interactividad y manipulación del dom con jquery
Objetivo / Aprendizaje Esperado:

"Incorporar elementos dinámicos en un documento HTML utilizando la biblioteca jquery, a través del manejo básico de objetos y eventos del dom para dar solución a un problema planteado."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): interactividad y manipulación del dom con jquery

Quiz Formativo • 5 Preguntas • Exigencia 60%

Secuencia de implementación de plugins

Actividad Práctica Interactiva

Sintaxis de manipulación y eventos

Actividad Práctica Interactiva

CLASE 7
Control de versiones con Git y GitHub
Objetivo / Aprendizaje Esperado:

"Gestionar el código fuente de un proyecto utilizando GitHub para mantener un repositorio de código remoto seguro y permitir trabajo concurrente."

Evaluaciones y Actividades Formativas de la Clase

Quiz de clase (5 preguntas): control de versiones con Git y GitHub

Quiz Formativo • 5 Preguntas • Exigencia 60%

Ciclo de vida de un cambio: del local al remoto

Actividad Práctica Interactiva

Sincronización y colaboración en GitHub

Actividad Práctica Interactiva

Evaluación Sumativa Final de Módulo
Evaluación sumativa de módulo

Exigencia: 60% • 10 Preguntas • Intentos Ilimitados

Hito de Portafolio50 Puntos • Rúbrica SENCE
Entrega Práctica y Portafolio Incremental

Sube tu repositorio GitHub, demo o archivo adjunto para revisión y calificación del relator.

Evaluación 360°Autoevaluación (1-7) & Coevaluación (4 niveles)
Evaluación Colaborativa y Feedback de Pares

Realiza tu reflexión individual de aprendizaje y coevalúa el trabajo de tus compañeros de curso.

Desarrollo de aplicaciones Front-End Trainee
Este curso requiere matrícula asignada por tu administrador de empresa.
Acceso:Requiere Asignación
Formato:Clase Interactiva / HTML5
Certificado:Incluido al 100%