Diseño web

Modulo 1 : html

• Semana 1

  • Introducción a HTML desde cero

  • Creación de títulos y párrafos

  • Uso de etiquetas de texto: negrita, cursiva, subrayado.

  • Creación de listas ordenadas y no ordenadas

  • Enlaces: hipervínculos internos y externos

  • Uso de imágenes

• Semana 2

  • Uso de elementos semánticos: header, footer, nav, section, article

  • Mejorando la accesibilidad con etiquetas semánticas

  • Integración de multimedia: imágenes, audio y video

  • Atributos alt y title para imágenes: su importancia en accesibilidad y SEO

  • Incorporación de videos de YouTube

  • Creación de mapas de imagen

  • Práctica: Creación de una página web simple utilizando elementos semánticos y multimedia.

• Semana 3

  • Creación de formularios: input, textarea, select, checkbox, radio, button

  • Atributos de formulario: action, method, name, value, placeholder.

  • Validación de formularios: required, minlength, maxlength.

  • Uso de tablas: creación y estructura

  • Atributos de tabla: colspan, rowspan

  • Práctica: Creación de un formulario interactivo y una tabla de datos

• Semana 4

  • Proyecto 1: Construcción de un sitio web personal

  • Pruebas y revisión de los proyectos

  • Pruebas y revisión de los proyectos

  • Consejos para continuar aprendiendo y recursos adicionales

Modulo 2 : css

• Semana 1

  • Introducción a CSS

  • Selectores CSS

  • Propiedades de estilo básicas (color, fondo, texto, tamaño, etc.)

  • Modelo de caja (margin, border, padding)

  • Unidades de medida y valores relativos (px, em, rem, %)

  • Práctica: Creación de estilos básicos para una página web.

• Semana 2

  • Introducción a Flexbox

  • Flex Container y Flex Items

  • Propiedades de contenedor: display, flex-direction, flex-wrap, justify-content, align-items

  • Propiedades de items: order, flex-grow, flex-shrink, flex-basis, align-self

  • Diseño de diseños flexibles y responsivos

  • Creación de menús de navegación flexibles

  • Diseño de galerías de imágenes flexibles.

• Semana 3

  • Introducción a CSS Grid

  • Creación de una cuadrícula CSS con grid-template-columns y grid-template-rows

  • Propiedades de línea de cuadrícula (grid-column-start, grid-column-end, grid-row-start, grid-row-end)

  • Alineación de elementos en la cuadrícula: justify-items, align-items, justify-self, align-self

  • Espaciado entre celdas: grid-column-gap, grid-row-gap, grid-gap

  • Creación de diseños responsivos con Grid y Media Queries

• Semana 4

  • Proyecto 1: Creación de un sitio web personal utilizando Flexbox y CSS básico.

  • Proyecto 2: Diseño de una página de inicio para una pequeña empresa utilizando Grid y Flexbox

  • Consejos para continuar aprendiendo y recursos adicionales

Modulo 3 : JavaScript

• Semana 1

  • Introducción a JavaScript

  • Variables y tipos de datos

  • Operadores y expresiones

  • Estructuras de control: if, else, switch

  • Bucles: for, while, do-while, map

  • Funciones

• Semana 2

  • Introducción al Document Object Model (DOM)

  • Selección de elementos del DOM

  • Manipulación de contenido: crear, modificar y eliminar elementos

  • Eventos en JavaScript

• Semana 3

  • Arrays: creación, manipulación y recorrido

  • Métodos de array: push, pop, shift, unshift, etc

  • Objetos en JavaScript: creación y propiedades

  • Métodos de objeto: agregar, modificar y eliminar propiedades

  • Iteración sobre objetos

• Semana 4

  • Introducción a la asincronía en JavaScript

  • setTimeout y setInterval

  • Promesas: síncronas y asíncronas

  • Fetch API: realizar peticiones AJAX