Cerrar menú
Buscar

Desarrollador de Front-End

Horarios y Matrícula

Este curso ofrece una formación integral en desarrollo web front-end, abarcando desde los fundamentos de HTML, CSS y JavaScript hasta el desarrollo de aplicaciones modernas con React y la integración de APIs externas.

Su enfoque es altamente práctico, combinando de manera equilibrada la teoría con ejercicios guiados, proyectos reales y evaluaciones, lo que permite a los estudiantes desarrollar habilidades sólidas y aplicables al entorno profesional.

  • Ser mayor de 16 años de edad.
  • Acceso a computadora con conexión a Internet y posibilidad de uso e instalación de programas.
  • Para ingresar no se requiere el bachillerato ni el examen de admisión de la UCR.
  • Front-End Módulo 2: Conocimientos en Front-End Módulo 1 o formación equivalente.
  • Front-End Módulo 3: Conocimientos en Front-End Módulos 1 y 2 o formación equivalente.
Precio
  • Costo por modulo: ₡183.600.
 
Duración
  • 6 semanas. 36 horas en total divididas en 12 lecciones de 3 horas cada una. Dos lecciones por semana.
 
Contenidos

TEMA 1: Introducción a HTML 

  • Estructura básica de un documento HTML (DOCTYPE, html, head, body). 
  • Etiquetas de encabezado (h1-h6), párrafos (p), saltos de línea (br), líneas horizontales (hr). 
  • Etiquetas de formato de texto (strong, em, mark, etc.). 
  • Listas (ul, ol, li).  
  • Enlaces (a) e imágenes (img). 

TEMA 02: HTML Semántico y Formularios 

  • HTML semántico (header, nav, main, article, section, aside, footer). 
  • Formularios (form, input, textarea, button, select, etc.). 
  • Atributos de los elementos de formulario. 

TEMA 03: Introducción a CSS. 

  • Métodos para aplicar CSS (en línea, interno, externo). 
  • Selectores de CSS (elementos, clases, IDs). 
  • Propiedades de texto (color, font-size, font-family, etc.). 
  • Propiedades de fondo (background-color, background-image, etc.). 

TEMA 04: Modelo de Caja y Diseño CSS 

  • Modelo de caja (content, padding, border, margin). 
  • Display (block, inline, inline-block). 
  • Posicionamiento (static, relative, absolute, fixed). 
  • HTML Semántico y Formularios  

TEMA 05: Introducción a JavaScript. 

  • Variables, tipos de datos, operadores. 
  • Estructuras de control (if-else, switch). 
  • Bucles (for, while). 
  • Funciones (definición, invocación, parámetros, retorno). 
  • El Document Object Model (DOM).  
  • Seleccionar elementos del DOM.  
  • Modificar el contenido y los atributos de los elementos. 
  • Eventos (click, submit, mouseover, etc.).  
  • Manejadores de eventos.  
  • Validación de formularios con JavaScript.  
Precio
  • Costo por modulo: ₡183.600.
 
Duración
  • 6 semanas. 36 horas en total divididas en 12 lecciones de 3 horas cada una. Dos lecciones por semana.
 
Contenidos

TEMA 01: JavaScript Intermedio (ES6+)  

  • Introducción a ES6+ (let, const, arrow functions). 
  • Template literals, destructuring, spread operator.  
  • Módulos en JavaScript (import, export). 
  • Funciones de orden superior (map, filter, reduce).  

TEMA 02: Introducción a la POO.  

  • Objetos, clases, constructores.  
  • Herencia, polimorfismo.  

TEMA 03: Introducción a React.  

  • ¿Qué es React? Ventajas y desventajas.  
  • Configuración del entorno de desarrollo (Node.js, npm/yarn, create-react-app).  
  • JSX (JavaScript XML).  
  • Componentes funcionales y de clase.  
  • Props (propiedades).  
  • Estado (state).  
  • Manejo del estado en componentes de clase.  

TEMA 04: Eventos, Manejo de Formularios y Hooks Basicos en React  

  • Manejo de eventos en React.  
  • Manejo de formularios en React.  
  • Introducción a los Hooks.  
  • useState Hook.  
  • useEffect Hook.  
Precio
  • Costo por modulo: ₡183.600.
 
Duración
  • 6 semanas. 36 horas en total divididas en 12 lecciones de 3 horas cada una. Dos lecciones por semana.
 
Contenidos

TEMA 01: Hooks Avanzados de React  

  • useContext Hook.  
  • useReducer Hook.  
  • Introducción a la navegación en React.  
  • React Router (BrowserRouter, Route, Link).  
  • Parámetros de ruta y rutas anidadas.  

TEMA 02: Librerías 

  • Introducción a Librería Axios.  
  • Realizar peticiones HTTP (GET, POST, PUT, DELETE).  
  • Manejo de errores y estados de carga.  
  • Introducción a Librería Bootstrap.  
  • Instalación y configuración de Bootstrap en React.  
  • Sistema de grid de Bootstrap.  
  • Introducción a Librería Material UI (MUI).  
  • Instalación y configuración de MUI en React.  
  • Tematización y personalización de MUI.  

TEMA 03: Conexión con APIs Externas 

  • Conceptos de APIs RESTful.  
  • Enviar datos a una API (POST, PUT, DELETE).  
  • Conceptos básicos de autenticación y autorización.  
  • Introducción a JWT (JSON Web Tokens).