Descubre cómo crear páginas web organizadas, atractivas y funcionales mediante las tecnologías fundamentales del desarrollo web: HTML, CSS y JavaScript. A través de ejercicios prácticos, aprenderás a estructurar contenidos, diseñar la presentación visual y agregar interactividad.
¿Estás listo para comenzar tu camino en el desarrollo web?
Este curso está dirigido a personas interesadas en aprender a crear páginas web, desde estudiantes de secundaria y universitarios hasta profesionales que deseen adquirir conocimientos básicos de desarrollo web. Está pensado especialmente para quienes desean comenzar a trabajar con HTML, CSS y JavaScript, sin necesidad de contar con experiencia previa en programación.
No se requieren conocimientos previos de desarrollo web. Se recomienda tener habilidades básicas en el uso de una computadora, saber administrar archivos y carpetas, y disponer de acceso a Internet. También se necesitará un navegador web actualizado y un editor de código. Los conocimientos previos de HTML y CSS son útiles, pero no obligatorios.
El curso introduce los fundamentos del desarrollo web y el uso de las herramientas necesarias para crear páginas web. El plan de estudio está organizado en cuatro módulos: introducción al desarrollo web; HTML y CSS; JavaScript y jQuery; y diseño adaptable con Bootstrap. A lo largo del curso, los estudiantes practicarán la creación y organización de contenidos, la aplicación de estilos, la programación de interacciones y la adaptación de las páginas a diferentes tamaños de pantalla.
El objetivo del curso es desarrollar las habilidades básicas necesarias para crear y diseñar páginas web mediante HTML, CSS y JavaScript. Al finalizar la capacitación, se espera que los estudiantes puedan:
Para realizar las prácticas, los estudiantes necesitarán una computadora con conexión a Internet, un navegador web actualizado y un editor de código, como Visual Studio Code o Sublime Text. Se recomienda contar con un equipo que permita ejecutar simultáneamente el editor y el navegador. No se especifica un modelo de computadora ni una capacidad mínima de memoria, por lo que estos requisitos deben confirmarse según las herramientas que se utilicen durante la capacitación.
| Módulo/Tema | Descripción |
|---|---|
| Módulo 1: Introducción al Desarrollo Web | |
| 1.1 Fundamentos del desarrollo web | Conceptos básicos del desarrollo web, diferencias entre sitios web estáticos y dinámicos, funcionamiento de los sitios web y su importancia en la comunicación, los negocios y los servicios digitales. |
| 1.2 Herramientas y tecnologías de desarrollo web | Introducción a las tecnologías fundamentales del desarrollo web, incluyendo HTML para la estructura, CSS para la presentación y JavaScript para la interactividad, así como las herramientas utilizadas durante el proceso de desarrollo. |
| 1.3 Configuración del entorno de desarrollo | Instalación y configuración de un editor de código, uso del navegador web para visualizar páginas, herramientas de desarrollador para inspeccionar elementos y depurar errores, y organización de los archivos del proyecto. |
| Módulo 2: HTML y CSS | |
| 2.1 Estructura y elementos de HTML | Creación de documentos HTML, uso de etiquetas, atributos y elementos semánticos, incorporación de encabezados, párrafos, enlaces, imágenes, listas, tablas y formularios para organizar el contenido de una página web. |
| 2.2 Estilos y diseño con CSS | Aplicación de estilos mediante selectores, propiedades y reglas CSS; manejo de colores, tipografías, márgenes, rellenos, bordes y fondos; y uso de herramientas de diseño como Flexbox y CSS Grid para organizar los elementos de la página. |
| Módulo 3: JavaScript y jQuery | |
| 3.1 Fundamentos de JavaScript | Introducción a la programación con JavaScript, incluyendo variables, tipos de datos, operadores, estructuras condicionales, bucles, funciones y eventos para agregar comportamiento e interactividad a las páginas web. |
| 3.2 Manipulación del DOM e interactividad | Uso de JavaScript para acceder y modificar elementos del Modelo de Objetos del Documento (DOM), responder a eventos del usuario, validar formularios y actualizar dinámicamente el contenido de una página web. |
| 3.3 Introducción a jQuery | Uso de la biblioteca jQuery para seleccionar y manipular elementos del DOM, gestionar eventos, aplicar efectos y animaciones, y simplificar determinadas tareas de programación en el navegador. |
| Módulo 4: Diseño Responsive con Bootstrap | |
| 4.1 Fundamentos del diseño web responsivo | Principios del diseño adaptable a distintos dispositivos, uso de unidades flexibles, imágenes adaptables y media queries para mejorar la visualización y la experiencia de usuario en computadoras, tabletas y teléfonos móviles. |
| 4.2 Introducción a Bootstrap | Configuración e integración de Bootstrap en un proyecto web, uso de su sistema de cuadrícula (grid), contenedores, filas, columnas y puntos de interrupción para organizar diseños adaptables. |
| 4.3 Componentes y utilidades de Bootstrap | Implementación de componentes como botones, barras de navegación, tarjetas, formularios y menús desplegables, además del uso de clases de utilidad para ajustar el espaciado, la alineación, los colores y la presentación en diferentes tamaños de pantalla. |
Si deseas conocer más detalles sobre el contenido, la duración y la modalidad del curso, puedes contactarnos mediante el siguiente botón:
Contáctanos