Hasta el momento lo que se ha diseñado en web esta integrado en un solo archivo .html donde se puede usar estilos y codigo js.
Lo ideal en una aplicacion web frontend es que la estructura el estilo y la lógica esten separados, es decir deben existir 3 archivos los cuales son .html .css .js
Mediante el software y/o entorno de desarrollo IDE Visual studio code, darle estilo a un boton mediante etiqueta html5 section.
Estructura o esqueleto --> .html
Estilo Visual ---> .css
Logica en el front --> .js
Separar el estilo de la estructura
Responder:
1. Que es IDE.
2. Como colocar la estructura básica html en vsc(visual studio code).
3.Cuales son las etiquetas presentes en la estructura básica de HTML.
4. Para que sirve la etiqueta link.
5. captura de archivo html sin estructurar.
6. captura de los archivos separados .html y .css
7. captura de funcionamiento.
10/02/2026 ESTRUCTURACION DE ARCHIVO .JS
DIBUJAR LA ESTRUCTURA FRONTEND DE UNA APLICACION WEB
ETIQUETA SCRIPT
Esta etiqueta permite referenciar un archivo js desde html, se puede colocar dentro de las etiquetas head de configuración, o al final de las etiquetas body, donde es recomendable ya que primero se debe de dar la carga de los componentes html: botones, menu, sliders....etc
ACTIVIDAD
Diseñar una aplicación estructurada la cual de un mensaje de saludo al presionar un botón, la aplicación debe tener archivos separados.
1. Crear archivo html
2. Crear archivo js
3 Enlazarlos.
1- Tomar captura de consola.
2. Tomar captura de funcionamiento de la aplicación web.
3. Copiar codigos html y java script.
4. Realizar descripcion.
Siguiendo los parámetros de estructuración de archivos realizar una aplicación web para calcular la velocidad a partir de la distancia y el tiempo, solicitar los datos en el sistema internacional.
Tomar captura de los 3 codigos html, css, js.
Tomar captura de funcionamiento.
Realizar descripción
24/02/2026
Realizar una aplicación estructurada donde se separe; lógica, estructura y estilo, el usuario ingresa masa y aceleración y se da el resultado de la Fuerza en Newtons.
*capura de ejecucion
*codigo html
*codigo js
*codigo css
Descripcion
3/03/2026
Diseñar una aplicación web la cual modele la formula a=F/m con interfaz grafica y estilos.
*Captura GUI
*código en texto html, css y js
*Descripción.
Diseñar una aplicación web la cual reciba los datos de las notas de 5 materias; Implementación de proyectos, redes, aplicaciones, bases de datos, experiencia de usuario.
17/03/2026
ACTIVIDAD DE CONSULTA
Consultar el proceso de etiquetas con elementos padre, elementos hijo, y elementos hermanos de un ejemplo usando etiquetas section.
¿Que es la renderización en un navegador?
Comentarios
Publicar un comentario