CienciaTecnología

Lanzan curso para programar tu propia aplicación web con HTML, CSS y JavaScript, ¡ES GRATIS!

Comparte esta información en tus redes sociales

FUENTE: Getty Images

¿Alguna vez has querido crear tu propia aplicación web desde cero, sin depender de bibliotecas o frameworks externos? Imagina tener la habilidad de construir un proyecto divertido y funcional mientras aprendes los fundamentos de desarrollo web. Este curso está diseñado justamente para eso: mejorar tus habilidades en HTML, CSS y JavaScript a través de la creación de una aplicación de cuestionarios interactiva.

Te acompañaran paso a paso en el proceso, desde el diseño visual hasta la implementación de lógica compleja, todo explicado de manera clara y accesible. Ya seas un principiante entusiasta que quiere empezar con buen pie en el mundo del desarrollo web, o un desarrollador intermedio que busca afianzar sus conocimientos, aquí encontrarás valiosas lecciones que te ayudarán a crecer y mejorar.

Abordarás temas como el almacenamiento de datos en Local Storage, la creación de una barra de progreso, la generación dinámica de HTML con JavaScript, y la obtención de preguntas desde una API externa. Todo esto mientras construyes una aplicación práctica que puedes mostrar con orgullo. ¡Prepárate para sumergirte en el mundo del desarrollo web y llevar tus habilidades al siguiente nivel!

Requisitos

  • Editor de texto: Se sugiere Visual Studio Code.
  • Navegador Google Chrome.
  • Entusiasmo por aprender.
FUENTE: Getty Images

TEMARIO

1.-Introducción y recursos

Breve introducción sobre el curso y los recursos necesarios para seguirlo.

2.-Crear y estilizar la página de inicio

Diseño y estilización de la página de inicio de la aplicación.

3.-Crear y estilizar la página del juego

Diseño y estilización de la página donde se realizará el quiz.

4.-Mostrar preguntas y respuestas codificadas manualmente

Mostrar preguntas y respuestas predefinidas en la aplicación.

5.-Mostrar retroalimentación para respuestas correctas/incorrectas

Proveer retroalimentación visual para las respuestas correctas e incorrectas.

6.-Crear un display de información (HUD)

Crear una interfaz de usuario que muestre información relevante durante el juego (por ejemplo, puntaje actual).

7.-Crear una barra de progreso

Implementar y estilizar una barra que muestre el progreso del usuario en el cuestionario.

8.-Crear y estilizar la página final

Diseño y estilización de la página que se muestra al finalizar el cuestionario.

9.-Guardar puntajes altos en el almacenamiento local

Implementar la funcionalidad para guardar los puntajes más altos utilizando Local Storage.

10.-Cargar y mostrar puntajes altos desde el almacenamiento local

Recuperar y mostrar los puntajes guardados desde Local Storage.

11.-Utilizar Fetch API para cargar preguntas desde un archivo JSON Local

Aprender a usar Fetch API para cargar preguntas desde un archivo JSON almacenado localmente.

12.-Utilizar Fetch API para cargar preguntas desde Open Trivia DB API

Utilizar Fetch API para obtener preguntas de la base de datos Open Trivia DB.

13.-Crear un cargador giratorio

Crear un ícono de cargador giratorio para mejorar la experiencia del usuario durante la carga de preguntas.

14.-Cierre

Conclusión y resumen del curso.

FUENTE: Skillshare

El curso tiene una duración de 2 horas y 1 minuto en formato de video bajo demanda. Ha recibido una calificación de 4.6 de 5, basada en las opiniones de 5,271 estudiantes. Con 188,397 estudiantes inscritos, este curso es impartido por el instructor James Quick, quien guía a los participantes a través de cada paso del proceso de desarrollo de una aplicación de cuestionarios.

Enlace al curso: Inscríbete y accede GRATIS al curso “Build a Quiz App with HTML, CSS, and JavaScript”.


Comparte esta información en tus redes sociales

Luis Arana

Químico de profesión, ama la bioquímica y los procesos metabólicos. Fiel amante de la poesía.

Descubre más desde Enséñame de Ciencia

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo