DESARROLLO WEB

PROFESIONAL

HTML5 CSS3 JavaScript

Curso CISE - 80 Horas

De cero a tu primer proyecto web interactivo

🚀 ¿Qué vas a crear?

Tu Sitio Web Personal Completo

Un proyecto profesional con múltiples páginas interactivas

📱

Responsive

Se adapta a móviles, tablets y escritorio

⚡

Interactivo

Formularios, menús, galerías dinámicas

🎨

Profesional

Diseño moderno y atractivo

Páginas incluidas:

  • 🏠 Inicio: Presentación impactante con hero section
  • 👤 Sobre mí: Biografía, intereses y habilidades
  • 💼 Portafolio: Galería de proyectos con descripciones
  • 📧 Contacto: Formulario funcional con validación

🎯 Objetivos del Curso

  • ✔ Crear tu propio sitio web desde cero sin necesidad de plantillas
  • ✔ Dominar HTML5, CSS3 y JavaScript con práctica intensiva
  • ✔ Diseñar interfaces responsive que funcionen en cualquier dispositivo
  • ✔ Añadir interactividad con JavaScript (formularios, menús, efectos)
  • ✔ Gestionar proyectos con Git y GitHub como un profesional
  • ✔ Construir tu portafolio profesional para mostrar tus habilidades

Al finalizar: Tendrás las bases sólidas para trabajar como desarrollador web frontend

📚 Estructura del Curso (80 Horas)

📖 Módulo 1

Fundamentos Web

6h

Internet, Cliente-Servidor, Configuración entorno

🗃️ Módulo 2

HTML5

18h

Estructura, textos, imágenes, formularios, semántica

🎨 Módulo 3

CSS3

26h

Estilos, tipografía, Flexbox, Responsive Design

⚡ Módulo 4

JavaScript

22h

Variables, DOM, eventos, funciones, proyectos

🔧 Módulo 5

Git & GitHub

8h

Control de versiones, repositorios, GitHub Desktop, comandos básicos

📊 Metodología de Aprendizaje

Aprendizaje práctico y progresivo

10% Introducción

Contexto y objetivos

30% Teoría

Conceptos con ejemplos visuales

40% Práctica Guiada

Instructor + alumnos

20% Práctica Autónoma

Ejercicios individuales

✨ Características del curso:

  • 📝 Ejercicios prácticos después de cada concepto
  • 🎯 Proyecto transversal que crece con cada módulo
  • 👨‍🏫 Soporte personalizado del instructor
  • 📚 Material descargable y código de ejemplo
  • 🏆 Certificado al completar el curso

🛠️ Herramientas que Usarás

Todo gratuito y profesional

💻

Visual Studio Code

Editor de código profesional (gratis)

+ Extensiones esenciales

🌐

Google Chrome

Navegador con DevTools

Depuración y testing

🔧

Git

Control de versiones

Comandos básicos + consola

🐙

GitHub Desktop

Interfaz gráfica para Git

Gestión visual de repositorios

💰 Inversión Total: 0€

Solo necesitas un ordenador con conexión a Internet

🗃️ HTML5 + 🎨 CSS3

HTML5 (18 horas)

  • Fundamentos: Estructura, etiquetas, atributos
  • Textos y enlaces: Formato, navegación
  • Multimedia: Imágenes, audio, video
  • Formularios: Inputs, validación HTML5
  • Semántica: header, nav, main, section, footer

CSS3 (26 horas)

  • Fundamentos: Selectores, propiedades, colores
  • Tipografía: Google Fonts, jerarquía visual
  • Box Model: Padding, margin, border
  • Flexbox: Layouts modernos y flexibles
  • Responsive: Media queries, mobile-first

📱 Tu sitio funcionará perfecto en:

📱 Móviles 📲 Tablets 💻 Desktop
✔ ✔ ✔

⚡ JavaScript (22 Horas)

Dale vida a tu web con interactividad

Fundamentos (6h)

  • Variables y tipos de datos
  • Operadores matemáticos
  • Concatenación y template literals
  • Console y debugging básico

DOM Manipulation (6h)

  • Seleccionar elementos del HTML
  • Modificar contenido y estilos
  • Añadir/eliminar clases CSS
  • Crear elementos dinámicamente

Eventos (5h)

  • addEventListener y eventos comunes
  • Click, hover, submit, keydown
  • Botones interactivos
  • Mostrar/ocultar elementos

Lógica (5h)

  • Condicionales (if/else)
  • Funciones reutilizables
  • Arrays y bucles
  • LocalStorage (guardar datos)

🎯 Proyectos JavaScript que crearás:

  • ✔ Contador de clicks
  • ✔ Formulario con validación
  • ✔ Menú hamburguesa responsive
  • ✔ Galería con lightbox
  • ✔ Lista de tareas (To-Do)
  • ✔ Tema claro/oscuro

🔧 Git & GitHub (8 Horas)

Control de versiones profesional

¿Por qué Git?

  • 📸 Guarda el historial de todos tus cambios (como puntos de guardado)
  • ↩️ Vuelve atrás si algo sale mal
  • 👥 Colabora en equipo sin conflictos
  • 💼 Herramienta profesional usada en todas las empresas

💻 Comandos Básicos

  • git init - Inicializar repositorio
  • git add - Añadir cambios
  • git commit - Guardar versión
  • git status - Ver estado
  • git log - Ver historial

🐙 GitHub Desktop

  • ✨ Interfaz gráfica intuitiva
  • 📂 Gestión visual de repositorios
  • 🔍 Ver cambios fácilmente
  • 💾 Commits con un click
  • 🌐 Sincronizar con GitHub.com

🚀 Tu proyecto en GitHub = Tu Carta de Presentación

Los empleadores buscan desarrolladores con proyectos públicos en GitHub

🎓 ¿Listo para Empezar?

80 Horas que Cambiarán tu Futuro

De cero conocimientos a desarrollador web con proyecto real

💼

Portfolio Profesional

Tu sitio web completo para mostrar

🏆

Certificado

Acredita tus nuevas habilidades

👨‍🏫

Soporte Continuo

Ayuda personalizada del instructor

🌐

GitHub Ready

Proyecto público para empleadores

📋 Requisitos para el Curso

  • ✔ Ordenador (Windows, Mac o Linux)
  • ✔ Conexión a Internet
  • ✔ Ganas de aprender (lo más importante)
  • ✔ Ningún conocimiento previo necesario

🚀 ¡Inscríbete Ahora!

Curso CISE - Desarrollo Web Profesional

80 Horas • HTML5 • CSS3 • JavaScript • Git

📧 Más información: cise@ciseasturias.org

🌐 https://ciseasturias.org/

1 / 10