Desarrollo Frontend: Introducción y Estándares

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál es la función principal de HTML en una página web?

Dar estilo a la página

Añadir dinamismo a la página

Estructurar la página (correct)

Definir la lógica de la página

¿Qué significa el acrónimo HTML?

Lenguaje de Estilos en Cascada

Lenguaje de Marcas de Hipertexto (correct)

Lenguaje de Desarrollo Web

Lenguaje de Programación en Hipertexto

¿Qué es CSS?

Un lenguaje de programación

Un lenguaje de estilo (correct)

Un lenguaje de referencia

Un lenguaje de hipertexto

¿Cuál es la función principal de CSS en una página web?

Dar estilo a la página (B) Signup and view all the answers

¿Qué es la anatomía de una página web?

Los elementos básicos que conforman una página web (D) Signup and view all the answers

¿Qué significan las siglas CSS?

Cascading Style Sheets (C) Signup and view all the answers

¿Cuál es el papel del desarrollador frontend en un proyecto web?

Manejar la parte visual y de interacción del proyecto (C) Signup and view all the answers

¿Qué es JavaScript en el contexto de desarrollo web?

Un lenguaje de programación basado en prototipos (B) Signup and view all the answers

¿Cuál es el propósito del head en un archivo HTML?

Llamar a archivos importantes para el funcionamiento de la página web (C) Signup and view all the answers

¿Qué es un framework en el contexto de HTML?

Una estructura o plantilla que optimiza tiempos de trabajo (D) Signup and view all the answers

¿Qué es el body en un archivo HTML?

La parte que organiza el contenido que los usuarios ven (A) Signup and view all the answers

¿Qué tipo de etiqueta es el
?

Contenedora (A) Signup and view all the answers

¿Qué es un archivo CSS?

Un archivo con estilos escritos (D) Signup and view all the answers

¿Qué es una API?

Un mecanismo que permite la comunicación entre software (A) Signup and view all the answers

¿Cuál es el nombre que debe tener el primer archivo que carga cualquier sitio web?

index.html (A) Signup and view all the answers

¿Qué es la anatomía de una etiqueta HTML?

La estructura básica de una etiqueta (C) Signup and view all the answers

¿Cómo se cierran las etiquetas en HTML?

Con un slash (/) (C) Signup and view all the answers

¿Qué atributo se utiliza para insertar una imagen en HTML?

src (B) Signup and view all the answers

¿Qué etiqueta se utiliza para insertar un video en HTML?

video (B) Signup and view all the answers

¿Qué atributo se utiliza para especificar un texto alternativo para una imagen en HTML?

alt (B) Signup and view all the answers

¿Qué atributo se utiliza para especificar los controles para manipular un video en HTML?

controls (A) Signup and view all the answers

¿Qué etiqueta se utiliza para especificar varias rutas de un video en HTML?

source (A) Signup and view all the answers

¿Cómo se especifica un tiempo de inicio y fin para un video en HTML?

Usando el atributo #t con un valor de tiempo (D) Signup and view all the answers

¿Qué es lo que se recomienda siempre utilizar para insertar un archivo multimedia en HTML?

La etiqueta figure (C) Signup and view all the answers

Study Notes

Desarrollador Front-end

Un desarrollador front-end se encarga de la parte visual de un proyecto web, es decir, toda parte que interactúa con el usuario mediante el navegador.
Debe enfocarse en interacciones, animaciones, estilos, navegación y estándares de desarrollo.

Estándares de desarrollo web

Existen tres estándares fundamentales para el desarrollo web: HTML, CSS y JavaScript.
HTML estructura un documento mediante etiquetas.
CSS define el diseño de un documento previamente escrito en un lenguaje de referencia.
JavaScript indica al navegador qué tareas debe realizar y es un lenguaje de programación basado en prototipos, orientado a objetos.

Anatomía de una página web

La anatomía de una página web se compone de elementos básicos: Header, Main content, Side Bar, Footer.
Estos elementos se pueden distribuir de manera diferente.

Estructura básica de un Index.html

El head llama a todos los archivos importantes necesarios para el correcto funcionamiento de la página web y que no deben ser visibles por los usuarios.
Algunos de estos archivos pueden ser frameworks, librerías, estilos, fuentes, APIs.
El body organiza el contenido que los usuarios ven.

Etiquetas HTML

Las etiquetas HTML tienen una estructura básica, algunas deben cerrarse con un "/".
Existendiferentes tipos de etiquetas, como etiquetas de contenido y etiquetas contenedoras.

Etiquetas multimedia

Las etiquetas utilizadas para insertar imágenes y vídeos son: img, video, source.
La etiqueta img tiene atributos como src, alt, title.
La etiqueta video tiene atributos como src, controls, preload.
La etiqueta source se utiliza para especificar varias rutas de archivos de video en caso de que el navegador no entienda algún formato de vídeo.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Aprende sobre los aspectos clave del desarrollo frontend, incluyendo interacciones, animaciones, estilos y navegación, y cómo se aplican los estándares HTML, CSS y JavaScript en el desarrollo web.