KnowledgeCity

CSS avanzado

CSS (hoja de estilo en cascada) es una forma popular de dar formato al diseño de páginas web.

CSS (hoja de estilo en cascada) es una forma popular de dar formato al diseño de páginas web. CSS se utiliza para definir estilos tecnológicos, tamaños de tablas y cualquier aspecto que se encuentre en las páginas web. Aprenderá los conceptos básicos de CSS, incluidas fuentes, listas, alineación y codificación, fondos y bordes. Nuestro curso avanzado de Hojas de estilo en cascada  (CSS3) se centra en la creación y el formato de un juego interactivo de preguntas y respuestas. Combinando HTML, CSS y JavaScript, aprenderá técnicas para crear respuestas cronometradas, señales visuales y animación para agregar interés y sabor a la experiencia de juego. La lógica para controlar las funciones del temporizador y la apertura y cierre de los paneles de las ventanas se presentará mediante JavaScript.

Objetivos de aprendizaje:

  • Diseñar un juego interactivo y funcional
  • Crear un tablero de juego Grid Box
  • Agregar audio al juego
  • Obtener un conocimiento práctico de JavaScript
  • Crear varios temporizadores de cuenta atrás
  • Hacer que las secciones aparezcan y desaparezcan
  • Controlar el cursor usando CSS
  • Formato de gráficos vectoriales escalables (SVG)

Instructor: Cliff Brozo

Duración: 1h 47m · 18 lecciones
Nivel: Advanced
Idioma: Español

Habilidades que obtendrás

Hojas de estilo en cascada (CSS)Códigos CSSMarco de trabajo CSSScript HTMLHojas de estilo de JavaScriptCSS Orientado a Objetos

Lo que aprenderás

  • Diseñar un juego interactivo de preguntas y respuestas que funcione
  • Construir un tablero de juego Grid Box y el código que lo genera
  • Crear múltiples temporizadores de cuenta regresiva, incluyendo temporizadores de cubo, y controlar paneles de ventana con JavaScript
  • Agregar audio y diseñar pantallas de presentación, botones elegantes y logotipos para el juego
  • Controlar el cursor usando CSS y hacer que secciones aparezcan y desaparezcan
  • Formatear y estilizar Gráficos Vectoriales Escalables (SVG)

Puntos clave

  • El curso combina HTML, CSS y JavaScript para crear un juego interactivo de preguntas y respuestas.
  • Los estudiantes utilizan técnicas tales como respuestas cronometradas, señales visuales y animación para agregar interés a la experiencia de juego.
  • JavaScript se introduce para proporcionar lógica que controla funciones de temporizador y la apertura y cierre de paneles de ventana.
  • El curso cubre formato de Gráficos Vectoriales Escalables (SVG) y control del cursor usando CSS.
  • Al construir el juego, los estudiantes ganan un conocimiento práctico de JavaScript junto con técnicas avanzadas de CSS3.

Preguntas frecuentes

¿Qué cubre este curso Avanzado de CSS?

El curso se enfoca en crear y formatear un juego interactivo de preguntas y respuestas combinando HTML, CSS y JavaScript. Cubre construir un tablero de juego, diseñar ventanas deslizantes, formatear temporizadores, crear pantallas de presentación, botones elegantes y logotipos, controlar el cursor con CSS y formatear Gráficos Vectoriales Escalables (SVG).

¿Qué habilidades ganaré de este curso?

Ganarás habilidades en Hojas de Estilo en Cascada (CSS), Códigos CSS, Marcos CSS, Scripting HTML, Hojas de Estilo JavaScript y CSS Orientado a Objetos, junto con un conocimiento práctico de JavaScript.

¿Aprenderé JavaScript en este curso?

Sí. El curso introduce JavaScript para controlar funciones de temporizador y la apertura y cierre de paneles de ventana, y uno de sus objetivos es ganar un conocimiento práctico de JavaScript.

¿Qué tipo de proyecto construiré?

Diseñarás un juego interactivo de preguntas y respuestas que funcione, incluyendo un tablero de juego Grid Box, múltiples temporizadores de cuenta regresiva, audio, pantallas de presentación y secciones que aparecen y desaparecen.

Transcripción

Transcripción

(música brillante) Bienvenido de nuevo a KnowledgeCity, y nuestro curso sobre hojas de estilo en cascada. Está avanzado, así que esperamos que sepas un poco. sobre CSS cuando ingrese. ¿Qué vamos a hacer para este curso? es echar un vistazo a algunos diseños de juegos, y averiguando cómo usar el poder de las hojas de estilo en cascada para generar unos gráficos atractivos. Soy Clint Brozo, seré tu instructor y mi experiencia fue variada de ser un escritor de deportes a un programador y un profesor que he estado enseñando a nivel universitario desde hace más de 36 años. Sé 20 idiomas, todos son lenguajes de computadora. además del inglés.

Aprende sobre la marcha

Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.