Bienvenido al curso de Desarrollo Web

¿De qué trata el curso?

En este curso aprenderás todo sobre el Desarrollo Web. Desde la estructura básica de una página web en HTML, hasta la aplicación de estilos en CSS y la implementación de interactividad con JavaScript, desarrollarás las habilidades necesarias para construir interfaces de usuario claras y funcionales.

El curso se enfoca exclusivamente en el front-end, donde adquirirás conocimientos sobre cómo organizar y dar formato al contenido, aplicar diseño visual y añadir elementos interactivos, sentando las bases para proyectos web más avanzados.

Aprende todo sobre el desarrollo web

Estos son los temas más importantes que aprenderás en el curso

Desarrollo Web Responsive

Aprende a crear sitios web que se adapten a diferentes tamaños de pantalla, garantizando una experiencia de usuario óptima en cualquier dispositivo. En este módulo aprenderás sobre las mejores prácticas de diseño y desarrollo para crear sitios web que se vean bien y funcionen correctamente en cualquier dispositivo, desde computadoras hasta teléfonos móviles.

JavaScript

Aprende a programar en JavaScript y descubre cómo puedes utilizarlo para crear interacciones dinámicas en tus sitios web. En este módulo aprenderás sobre la historia de JavaScript, quién lo fundó y por qué es tan importante para el desarrollo web. También aprenderás los conceptos fundamentales de JavaScript, como variables, funciones, objetos y eventos.

CSS3

Descubre cómo utilizar CSS3 para diseñar sitios web visualmente atractivos y con estilo. En este módulo aprenderás sobre la historia de CSS3, quién lo fundó y por qué es tan importante para el desarrollo web. También aprenderás los conceptos fundamentales de CSS3, como selectores, propiedades y valores, y cómo aplicarlos para crear diseños responsivos y modernos.

HTML5

Aprende todo sobre HTML5, el lenguaje de marcado utilizado para crear sitios web modernos y dinámicos. En este módulo aprenderás sobre la historia de HTML5, quién lo fundó y por qué es tan importante para el desarrollo web. También aprenderás sobre los elementos y atributos de HTML5 y cómo utilizarlos para estructurar y crear contenido en tus sitios web.

¿Cuáles son los requisitos para acceder al curso?

Para acceder a este curso y sacarle el máximo provecho sólo necesitas tener deseos de aprender y estar dispuesto a dedicar tiempo para practicar. No se requiere ningún conocimiento previo para acceder a este curso de desarrollo web. El curso está diseñado para ser accesible para cualquier persona interesada en aprender a crear sitios web desde cero. Los temas se explican de forma progresiva y sencilla, empezando desde los fundamentos.

Temario del curso

Clase 1: Introducción a la Computación

En esta clase introductoria, aprenderás los conceptos básicos de la computación. Exploraremos qué es una computadora, cómo funciona, sus principales componentes, y su evolución a lo largo de la historia. Además, daremos un vistazo a cómo estas tecnologías nos han llevado al mundo de la programación y el desarrollo web.


  • Comprenderás qué es una computadora y su importancia en la actualidad.
  • Identificarás las partes esenciales de una computadora y su funcionamiento.
  • Descubrirás los hitos clave en la historia de la computación.
  • Obtendrás una introducción al concepto de programación y desarrollo web.

Al finalizar la clase, tendrás una comprensión general de cómo la computación sirve como base para tecnologías modernas como la programación y el desarrollo web.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Fácil

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Fácil
Muy pronto

Clase 2: HTML Básico

En esta clase, los estudiantes aprenderán los fundamentos del lenguaje de marcado HTML (HyperText Markup Language). Explorarán la estructura básica de una página web, etiquetas HTML, atributos y elementos comunes. También comprenderán cómo crear una jerarquía de contenido y enlaces entre diferentes páginas. Esta clase ayudará a desarrollar páginas web más informativas y visualmente atractivas, a su vez dominar a profundidad el lenguaje HTML, el bloque de construcción fundamental de todas las páginas web.


  • Descubrirás la historia de HTML5, quién lo fundó y por qué es tan importante para el desarrollo web
  • Aprenderás a diseñar la estructura básica y global de una página HTML con etiquetas head, body y más!
  • Crearás enlaces a otras páginas y añadirás imágenes a su contenido.
  • Aprenderás la importancia de una estructura clara y semántica en HTML.
  • Construirás una página web informativa con distintas secciones y contenido visual.

Con esta clase, los estudiantes dominarán las bases de HTML para crear páginas web bien estructuradas y con contenido diverso.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Fácil

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Fácil
Muy pronto

Clase 3: Introducción a CSS

En esta clase, los estudiantes se sumergirán en el mundo de CSS (Cascading Style Sheets) y aprenderán a dar estilo a las páginas web. Aprenderán a aplicar colores, fondos y fuentes a elementos HTML, lo que les permitirá transformar su página básica en un sitio visualmente atractivo. También se explorarán conceptos clave como selectores, propiedades y valores. Los estudiantes aprenderán a crear diseños limpios y atractivos para sus sitios web.


  • Conocerás la historia de CSS, quién lo fundó y por qué es tan importante para el desarrollo web
  • Explorarás conceptos de selectores, propiedades y valores en CSS.
  • Aplicarás estilos de color, fondo y formato de texto a una página web.
  • Personalizarán la apariencia de su página HTML para mejorar su presentación.

Esta clase establece una base sólida en CSS, necesaria para diseñar páginas web atractivas y funcionales.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Fácil

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Fácil
Muy pronto

Clase 4: Maquetación con CSS

En esta clase, los estudiantes profundizarán en el modelo de caja de CSS y aprenderán a maquetar contenido en la página web. Se estudiarán propiedades esenciales como márgenes, rellenos y bordes, y se introducirá Flexbox para organizar los elementos de forma eficiente. Al final de esta clase, los estudiantes podrán crear diseños básicos organizados y visualmente claros.


  • Comprenderás el modelo de caja en CSS y sus propiedades.
  • Explorarás cómo organizar elementos usando márgenes y rellenos.
  • Conocerás Flexbox como método de organización de contenido.
  • Aplicarás un diseño de maquetación básico a su página web.

Con estos conocimientos, los estudiantes podrán estructurar sus sitios de forma visualmente agradable y coherente.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Fácil

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Fácil
Muy pronto

Clase 5: JavaScript desde 0

En esta clase, los estudiantes obtendrán una introducción práctica a JavaScript, un lenguaje de programación fundamental para el desarrollo web. Aprenderán los conceptos básicos, como variables, tipos de datos, operadores y estructuras de control. También se familiarizarán con el manejo de eventos y la manipulación del DOM (Document Object Model) para cambiar el contenido de la página en respuesta a las acciones del usuario. También se enseñará a crear interactividad en páginas web utilizando JavaScript.


  • Declararás variables, utilizaremos tipos de datos y operadores.
  • Utilizarás condicionales if/else y bucles for/while para controlar el flujo.
  • Explorarás el DOM y su manipulación en una página web para interactuar con el usuario.
  • Experimentarás con interactividad a través de JavaScript en tus páginas HTML.

Esta clase ayuda a que los estudiantes comprendan cómo hacer sus páginas más dinámicas y personalizables para los usuarios.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Media

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Media
Muy pronto

Clase 6: Funciones y Eventos en JavaScript

En esta clase, los estudiantes explorarán el uso de funciones y eventos en JavaScript para agregar interactividad avanzada a la página. Los estudiantes aprenderán a crear funciones que realizan tareas específicas y a usar eventos como clicks y movimientos del ratón para disparar esas funciones, mejorando así la experiencia de usuario en sus sitios web.


  • Aprenderás a crear y utilizar funciones en JavaScript.
  • Estudiarás eventos comunes como clicks y su uso en interactividad.
  • Implementarás eventos en sus páginas para cambiar el contenido o el diseño en respuesta a la acción del usuario.
  • Crearás botones interactivos que respondan a la acción del usuario.

Al finalizar, los estudiantes podrán hacer que sus sitios web respondan de manera más intuitiva a las interacciones del usuario.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Media

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Media
Muy pronto

Clase 7: Proyecto final - Creando tu sitio web

En esta clase especial, los estudiantes comenzarán a planificar y construir su proyecto final: un sitio web interactivo. Se discutirán los requisitos básicos del proyecto, incluyendo las secciones y funcionalidades esenciales. Cada estudiante desarrollará una estructura básica del sitio y, con orientación, dará los primeros pasos en la construcción de un proyecto que combine HTML, CSS y JavaScript.


  • Introducción al proyecto final: un sitio web con un tema libre.
  • Definirás la estructura y contenido del sitio: páginas, secciones y navegación.
  • Planificarás su contenido y funcionalidades (interactividad básica).
  • Iniciarás la construcción del sitio en HTML, CSS y JavaScript.

Esta clase guiará a los estudiantes en la planificación y primer desarrollo de su proyecto, estableciendo una base sólida para la presentación final.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Media

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Media
Muy pronto

Clase 8: Formularios y Validación Básica

En esta clase, los estudiantes aprenderán a crear formularios en HTML y agregar validación básica con JavaScript. Se introducirán a elementos comunes de formularios como campos de texto, casillas de verificación y botones, además de aprender a validar la información ingresada para garantizar que sea correcta antes de enviarla.


  • Explorarás elementos de formulario en HTML como input, textarea, y button.
  • Aprenderás a estructurar y estilizar formularios para capturar datos de usuario.
  • Aplicarás validación de formulario en JavaScript para comprobar que los campos no estén vacíos.
  • Crearás un formulario de contacto con validación simple.

Esta clase permitirá que los estudiantes creen formularios funcionales y seguros, mejorando la interacción en sus páginas.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Media

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Media
Muy pronto

Clase 9: Presentación de Proyectos Finales

En esta clase final, los estudiantes presentarán sus proyectos completos para recibir retroalimentación. Cada participante mostrará su sitio web, incluyendo HTML, CSS y JavaScript, y demostrará sus conocimientos adquiridos a lo largo del curso. Al final, se otorgarán certificados de finalización a cada estudiante.


Duración: 2 horas | Instructor: Angel Salazar | Dificultad: Media

Duración: 2 horas
Instructor: Angel Salazar
Dificultad: Media
Muy pronto