.NET University

  ¿Por qué aprender Desarrollo Web con HTML, CSS y JavaScript?   Porque estas tres tecnologías constituyen la base esencial del desarrollo web. A lo largo del curso aprenderás a construir estructuras semánticas, aplicar estilos avanzados, crear diseños responsivos e implementar interactividad y lógica del lado del cliente.

¿Cómo está estructurado el curso?

El contenido está organizado en   9 secciones   que avanzan progresivamente desde los fundamentos de HTML hasta la creación de interfaces interactivas, diseños responsivos y temas visuales.

Lo que aprenderás

•   HTML5:   Construir la estructura semántica de páginas web utilizando HTML5.
•   CSS avanzado:   Aplicar estilos visuales avanzados, maquetación profesional con Flexbox y CSS Grid, y transiciones.
•   JavaScript:   Implementar interactividad y lógica del lado del cliente utilizando tipos de datos, declaraciones condicionales y arrays.
•   Manipulación del DOM:   Crear y modificar elementos, estilos y clases del DOM de forma dinámica.
•   Responsive Design:   Desarrollar diseños adaptables para que tus sitios luzcan correctamente en cualquier dispositivo.
•   Componentes web:   Construir páginas de inicio de sesión, secciones de noticias, barras laterales y modales interactivos.
•   Temas visuales:   Implementar temas como el modo oscuro mediante botones de alternancia.

Temas que desarrollarás durante el curso

Fundamentos de HTML

• Introducción
• Configuraciones
• Documento básico de HTML
• Listas
• Elementos semánticos en HTML

Estilos Básicos en CSS

• ¿Qué es CSS?
• Formatos de texto en CSS
• Pseudoclases
• Posicionamiento - Parte 1
• Transiciones

Flexbox y Grid en CSS

• Introducción a CSS Flexbox
• Estilos de los flex items
• Introducción a CSS Grid
• Cómo crear grids
• Nombrar grid areas

Estructura y Estilos de Páginas

• Estructura de la página principal
• Estilos de formularios
• Estilos de pie de página
• Crear estructura de la página de inicio de sesión
• Estilos de inicio de sesión Parte-1

Secciones y Navegación

• Crear estructura de la navegación
• Creando la estructura del encabezado de la sección de noticias
• Crear estructura de las publicaciones
• Creando la estructura de la sección a quién seguir
• Crear botón de nueva publicación

Fundamentos de JavaScript

• ¿Qué es JavaScript?
• Tipo de datos
• Declaraciones condicionales
• Arrays
• Bucles

Manipulación del DOM

• ¿Qué es el DOM?
• Estilos y clases en el DOM
• Crear elementos en el DOM
• Navegar por la página de inicio de sesión
• Validación de la página de inicio de sesión

Funcionalidad Interactiva

• Crear la estructura del modal box para publicación
• Dando funcionalidad al post modal
• Crear la estructura de la barra lateral
• Dando funcionalidad a la barra lateral

Responsive y Temas Visuales

• Crear botón de alternancia
• Cambiar al modo oscuro Parte 1
• Haciendo responsive la página principal
• Haciendo responsive la página de inicio de sesión
• Haciendo responsive la página de noticias

Aprenderás un workflow real de desarrollo web

Partirás desde la construcción de la estructura con HTML5, continuarás con la maquetación y los estilos mediante CSS, Flexbox y Grid, y finalmente incorporarás JavaScript para agregar lógica, interactividad y manipulación dinámica del DOM.

Resultados al finalizar el curso

Al finalizar el curso habrás desarrollado conocimientos fundamentales para crear interfaces web completas utilizando HTML, CSS y JavaScript, incluyendo:

• Estructuras semánticas con HTML5.
• Diseños profesionales utilizando Flexbox y CSS Grid.
• Interactividad y lógica utilizando JavaScript.
• Manipulación dinámica del DOM.
• Páginas de inicio de sesión y secciones de noticias.
• Barras laterales y modales interactivos.
• Diseños Responsive para diferentes dispositivos.
• Implementación de modo oscuro mediante botones de alternancia.

¿Para quién es este curso?

•   Principiantes:   Personas que desean comenzar en el desarrollo web desde cero.
•   Personas sin experiencia:   No se requiere experiencia previa en programación.
•   Futuros desarrolladores web:   Personas que desean dominar las tecnologías base de la web mediante un aprendizaje práctico y orientado a proyectos reales.

Construye tus primeras interfaces web interactivas

A través de HTML, CSS y JavaScript aprenderás a transformar estructuras básicas en interfaces atractivas, responsivas e interactivas, aplicando los conocimientos adquiridos en componentes y páginas reales.

Da el primer paso hacia el desarrollo web

Comenzarás desde cero y avanzarás progresivamente por HTML, CSS y JavaScript, construyendo estructuras, estilos, componentes interactivos y diseños responsivos.

¡Empieza hoy y da el primer paso hacia tu carrera en el desarrollo web!