Investigación de Operaciones y Computación Extensión

Curso básico HTML - CSS - JavaScript

Este curso enseña los conceptos básicos de HTML, CSS y Java Script, suministrando las bases necesarias para empezar en el desarrollo web. Se aprenderá a crear, de manera correcta, páginas web empleado HTML5.

El diseño del curso busca que pueda idear, maquetar y finalmente realizar un sitio web, con el uso de HTML5 y CSS3 (hojas de estilo de cascada), de tal manera que sean adaptables a cualquier dispositivo visual, apuntando a la experiencia final del usuario.

Es esencial conocer el código asociado a estos aspectos, ya que no solo permite crear sitios atractivos y funcionales, también podrá modificar elementos de plantillas disponibles en la red, lo que da un elemento diferenciador en el mercado

  • Conceptos básicos de HTML:
    • Introducción. ¿Qué es frontend?, ¿Qué es backend?, ¿Qué es full stack?.
    • Conocer la semántica del HTML.
    • Dominar la anatomía de un elemento HTML: documento, cabeza, cuerpo, tabla, etiquetas
    • Textos: Texto, encabezados, listas, formatos, citas.
    • Navegación: vínculos, rutas, navegar.
    • Imágenes: imagen, resolución, figura.
    • Multimedia: audio, video.
    • Contenido: contenedores, atributos globales, accesibilidad, lenguaje.
    • Páginas estáticas vs páginas dinámica.
    • Formularios: input, campos, formulario, botones.
    • Crear Sitios Web estáticos con HTML y CSS3.
  • Conceptos básicos en CSS:
    • ¿Qué es CSS? ¿Cómo añadir CSS a HTML? Entendiendo su sintaxis.
    • Cómo usar CSS: etiquetas, selectores: tipos, características, formas y jerarquía de trabajo. Propiedades y valores.
    • Entendiendo las capas en CSS.
    • Combinaciones hijo descendiente.
    • Colores. Opacidad. Backgrounds.
    • Gestionar la tipografía: Fuentes y propiedades de texto.
    • Unidades.
    • Manejo de estilos.
    • Modelo de caja.
    • Posicionamientos. Flexbox. Propiedades de contenedores y de ítems. Rejilla.
    • Buenas prácticas, diseño responsivo, imágenes responsivas.
  • Conceptos básicos en JavaScript:
    • Introducción al JS.
    • Tipo de datos. Variables. Expresiones, asignaciones, operadores aritméticos.
    • Control de flujo: toma de decisiones, operadores de relación y lógicos.
    • Control de flujo: ciclos.
    • Funciones.
    • Manejo del Document Object Model (DOM): Aprenda a seleccionar elementos usando querySelector y querySelectorAl. Explore la modificación de elementos, el cambio de texto/contenido, estilos y atributos. c. Agregue detectores de eventos para responder a las interacciones del usuario

    • Videos de apoyo.
    • Clases presenciales de teoría y práctica, totalmente interactivas, repletas de ejercicios a ser desarrollados en el laboratorio. 10 estudiantes en el aula, cada uno trabajando en un equipo. Puede ser plantearse un curso en línea.
    • Artículos relacionados a los temas vistos.
    • Evaluaciones prácticas.
    • Certificado de asistencia/finalización.

    • Saber usar un computador de escritorio, con conocimientos básicos de gestión de archivos, descarga e instalación de aplicaciones, haber manejado un editor de texto.
    • Conexión a internet para descarga de material y poder practicar en casa. Computador personal.
    • Es deseable poseer experiencia básica en los criterios de programación habiendo empleado algún lenguaje.

    • Este curso tiene una duración de 24 horas.
    • Es recomendable que además de las horas de clase se dedique, al menos, 4 horas extra a la semana para estudiar el material de apoyo, desarrollar desafíos complementarios y realizar las asignaciones que se propongan el desarrollo del curso.