Programación HTML, CSS, Javascript - Generador de chistes - ¡LOL!

Completado por 29 alumnos

Edades 10-15

Clase única en vivo

En esta única lección, los estudiantes usarán HTML, CSS y Javascript para crear y diseñar una aplicación web de una sola página que obtiene datos de una API para generar un chiste aleatorio y familiar con cada toque de un botón.

Chris Boydstun

Puntuación media:

5.0

Número de reseñas:

(61 opiniones)

Videoconferencias en vivo

Se reúne una vez

2-4 alumnos por clase

55 min

Acerca de Descripción general del aprendizaje Maestro Reseñas

Qué está incluido

1 reunión en vivo

55 minutos horas presenciales

Experiencia de clase

In this course, students will learn how to create a web based application using fundamental HTML, CSS, and JavaScript and interacting with an API. HTML and CSS are the foundation of the web. So, they're also the foundation for taking tech skills to the next level. Having a handle on the fundamentals will make learning another programming language like JavaScript much easier. APIs, or application program interfaces, are vital tools for businesses in all industries. They allow the capabilities of one computer program to be used by another.

This class will show and explain how to create a basic HTML layout, style it with CSS, and then use JavaScript to connect to an API that delivers content to our web based application. I will also give out a challenge after every class so students can experiment and grow their knowledge. By the end of the course, students will have the knowledge of how to create a basic web based application using HTML, CSS, and JavaScript to display data from a public API. 

This lesson will require a computer with internet access.

Metas de aprendizaje

-Basic HTML Layout with markdown sections for titles, body paragraph, and interactive buttons.
-Intermediate CSS Styling applying background colors, text colors, element location, and interactive animations.
-Intermediate Javascript creating variables, adding event listeners, crafting functions, and displaying data from the DOM. 
-Basic API Data Handling like sending headers as objects for authentication, asynchronous functions, and receiving JSON data.

Otros detalles

Orientación para padres

CodeSandbox.io is an online code editor and prototyping tool that makes creating and sharing web apps faster. As a teacher on the platform and according to the class content policy, I can use materials--such as CodeSandbox.io --in my classroom presentations and lectures as long as I am not linking to them or giving learners under 13 a way to click in to any of these sites.

Recursos externos

Además del aula de Outschool, esta clase utiliza:

CodeSandbox.io

Fuentes

Our API and joke source is https://icanhazdadjoke.com/. Students can find API documentation at the site for further experimentation. Special Thanks to Brad Traversy (https://www.traversymedia.com/) and Florin Pop (https://www.florin-pop.com/) for sharing their courses and ideas!

Conoce al profesor

Chris Boydstun

Se unió el January, 2021

5.0

61reseñas

Perfil

Experiencia y certificaciones del docente

I have more than a decade of teaching experience including the last five years teaching online. I've also trained and worked as a full stack web developer over the last several years and am happy to bring together my two expertise to help your student. =)