App Lab - Make It InteractiveYouTube↗  IA↗(long shot)
Education  92.2K views 27 likes 4 dislikes   27 Nov 2017
Code.org 471K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Apps are really cool because it's kind of like starting your own business
Las aplicaciones son geniales porque son como comenzar tu propio negocio
I mean, you get to design everything from the ground up,
Quiero decir, puedes diseñar todo desde cero,
you get to manage everything,
puedes administrar todo,
and you're the owner of this piece of work that you just created with code.
y eres el propietario de esta pieza de trabajo que acabas de crear con código.
Now that you can change the look of your app let's make it interactive by responding to events!
¡Ya que puedes cambiar el aspecto de tu aplicación, hagámosla interactiva respondiendo a los eventos!
Events are user actions like clicking a button, scrolling through a menu, or hovering over a picture.
Los eventos son acciones del usuario como hacer clic en un botón, desplazarse por un menú o ubicarse sobre una imagen.
Interactive apps need ways to respond to events.
Las aplicaciones interactivas necesitan formas de responder a los eventos.
Like playing a sound when I click this button.
Como reproducir un sonido cuando hago clic en este botón.
To do this in App Lab you need to use
Para hacer esto en App Lab necesitas usar
a new block called onEvent.
un nuevo bloque llamado onEvent
This program sets the screen to blue.
Este programa pinta la pantalla con azul.
I want the screen to turn green when I click this button.
Quiero que la pantalla se ponga verde cuando hago clic en este botón.
First I'll need to drag in an onEvent block.
Primero tendré que arrastrar un bloque onEvent.
By hovering I know the button's ID is "bigButton"
Al pasar el mouse, sé que la identificación del botón es "bigButton"
so I'll select that in the first drop-down.
así que lo seleccionaré en el primer menú desplegable.
Next I'll choose the type of event.
A continuación elegiré el tipo de evento.
There's lots of options you can pick from but right now I'll leave it as a regular old click.
Hay muchas opciones que puedes elegir, pero por ahora elegiré un clic normal.
Finally I'll add code inside the on event that will change the background color of the screen.
Finalmente agregaré código dentro del onEvent que cambiará el color de fondo de la pantalla.
You can read this block like a sentence:
Puedes leer este bloque como si fuera una oración:
"On the event that the button is clicked run all this code."
"En caso de que se haga clic en el botón, ejecute todo este código".
Let's test it.
Vamos a probarlo.
Blocks outside an onEvent still run right away so the screen starts blue.
Los bloques que se encuentran fuera de un onEvent se ejecutan de inmediato y pintan la pantalla de color azul.
And when I click the big button
Y cuando hago clic en el botón grande
the code inside my onEvent runs and my screen turns green.
el código dentro de mi onEvent se ejecuta y la pantalla se vuelve verde.
If you want to change more things after the event, like the text on the screen
Si deseas cambiar más cosas después del evento, como el texto en la pantalla
just add more code to the onEvent
solo agrega más código al onEvent
To make your program respond to more events add more onEvent blocks.
Para hacer que tu programa responda a más eventos, agrega más bloques onEvent.
Just make sure not to put them inside of each other.
Solo asegúrate de no ponerlos uno dentro del otro.
Now it's time to try it out for yourself.
Ahora es el momento de probarlo tu mismo.
Have fun!
¡Que te diviertas!
Subtitles by the Amara.org community
Subtitulos por Prodidactica.com
Similar videos:

How Computer Vision Works
Code.org
23.3K views 427 likes 17 dislikes 01 Dec 2020100% match


Teamwork - Dealing with Disagreements
Code.org
1.4K views 16 likes 0 dislikes 29 Apr 2020100% match

Stevie and the Big Project
Code.org
375K views 121 likes 27 dislikes 17 Mar 2017100% match


How Computers Work: CPU, Memory, Input & Output
Code.org
562K views 4.5K likes 307 dislikes 30 Jan 2018100% match






What is the Internet?
Code.org
1.8M views 14.1K likes 656 dislikes 27 Jun 2016100% match






App Lab - Share Your App
Code.org
54.2K views 31 likes 2 dislikes 27 Nov 2017100% match

CS Principles: Intro to Variables - Part 1
Code.org
48.3K views 153 likes 13 dislikes 18 Nov 2015100% match

CS Principles: Using Loops
Code.org
44.9K views 92 likes 9 dislikes 18 Nov 2015100% match

The Collector (Course C-F)
Code.org
229.4K views 43 likes 10 dislikes 21 Apr 2017100% match



Computer Science Matters
Code.org
129.2K views 169 likes 4 dislikes 08 Nov 2015100% match







App Lab - Design Mode
Code.org
71.9K views 32 likes 1 dislikes 27 Nov 2017100% match

How Neural Networks Work
Code.org
13.6K views 236 likes 9 dislikes 01 Dec 2020100% match



CS Principles: Functions with Parameters
Code.org
55.5K views 92 likes 26 dislikes 18 Nov 2015100% match

What is Machine Learning?
Code.org
17.7K views 250 likes 11 dislikes 01 Dec 2020100% match


Hour of Code - WORLDWIDE
Code.org
321.7K views 965 likes 70 dislikes 25 Aug 2016100% match





For Loops and Repeat Blocks
Code.org
49.9K views 5 likes 10 dislikes 02 Oct 2015100% match

Coding with Stephen Curry
Code.org
155.1K views 449 likes 32 dislikes 03 Dec 2017100% match

Introducing How Computers Work
Code.org
768.6K views 6.8K likes 290 dislikes 30 Jan 2018100% match







How AI Works
Code.org
1.2K views 56 likes 0 dislikes 01 Dec 2020100% match





Game Lab: Intro To Drawing
Code.org
62.8K views 30 likes 3 dislikes 02 Aug 2018100% match

Game Lab: Adding Colors
Code.org
52.9K views 33 likes 3 dislikes 02 Aug 2018100% match

Computer Science is Changing Everything
Code.org
476.3K views 2.5K likes 178 dislikes 29 Sep 2016100% match






App Lab - Images and Sounds
Code.org
80.8K views 48 likes 7 dislikes 27 Nov 2017100% match

Introducing CodeBytes!
Code.org
23.4K views 333 likes 7 dislikes 05 Nov 2020100% match

Ethics & AI: Equal Access and Algorithmic Bias
Code.org
8.4K views 68 likes 14 dislikes 01 Dec 2020100% match



Maze Intro: Programming with Blocks (Course C-F)
Code.org
1.1M views 236 likes 49 dislikes 20 Apr 2017100% match



Change the Face of Computer Science
Code.org
67.7K views 902 likes 59 dislikes 03 Feb 2021100% match

How Computers Work: Binary & Data
Code.org
666.6K views 6.9K likes 360 dislikes 30 Jan 2018100% match





Minecraft Hour of Code - Hero's Journey
Code.org
50.5K views 319 likes 45 dislikes 27 Nov 2017100% match





App Lab - Getting Started
Code.org
165.1K views 90 likes 8 dislikes 27 Nov 2017100% match


Settings Privacy About Contact Donate