Save
Busy. Please wait.
Log in with Clever
or
show password
Forgot Password?
Don't have an account?  Sign up 
Sign up using Clever
or
Username is available taken
show password

Your email address is only used to allow you to reset your password. See our Privacy Policy and Terms of Service.

Already a StudyStack user? Log In

Reset Password
Enter the associated with your account, and we'll email you a link to reset your password.

Question

User Interface (UI)
click to flip
focusNode
Didn't know it?
click below
 
Knew it?
click below
Don't know

Question

UI Elements
Remaining cards (30)
Know
0:00
edit
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.

  Normal Size     Small Size show me how

Stack #2807592

QuestionAnswer
User Interface (UI) The "User Interface" or UI of an app refers to how a person (user) interacts with the computer or app.
UI Elements objects, like buttons, images, text boxes, pull down menus, screens and so on.
UI Events controls, like click, scroll, move mouse, type keyboard key, etc.
Event-driven program a program designed to run blocks of code or functions in response to specified events (e.g. a mouse click)
Event handling an overarching term for the coding tasks involved in making your app respond to events by triggering functions.
Event listener a command (onEvent in App Lab) that can be set up to trigger a function when a particular type of event occurs on a particular UI element.
Callback function a function specified as part of an event listener; it is written by the programmer but called by the system as the result of an event trigger.
Debugging Finding and fixing problems in your code or algorithm
Variable In JavaScript (and most programming languages) the most primitive type of memory you can use is called a variable. It's called a variable because it's a piece of memory in which you can change what's stored - its value can vary.
Expression Any valid unit of code that resolves to a single value. (Variables can be assigned values that are the result of an expression.)
Data Type All values in a programming language have a "type" - such as a Number, Boolean, or String - that dictates how the computer will interpret it. For example 7+5 is interpreted differently from "7"+"5"
Variable Scope dictates what portions of the code can "see" or use a variable, typically derived from where the variable was first created.
String Any sequence of characters between quotation marks (ex: "hello", "42", "this is a string!").
Concatenate to link together or join. Typically used when joining together text Strings in programming (e.g. "Hello, "+name)
if Statement The common programming structure that implements "conditional statements".
Conditionals Another term for if statements -- statements that only run under certain conditions
Selection A generic term for a type of programming statement (usually an if-statement) that uses a Boolean condition to determine, or select, whether or not to run a certain block of statements. Resources
Boolean A single value of either TRUE or FALSE
Boolean Expression in programming, an expression that evaluates to True or False.
while loop a programming construct used to repeat a set of commands while a boolean condition is true.
Models and Simulations a program which replicates or mimics key features of a real world event in order to investigate its behavior without the cost, time, or danger of running an experiment in real life
List A generic term for a programming data structure that holds multiple items.
Array A data structure in JavaScript used to represent a list.
Key event an event triggered by pressing or releasing a key on the keyboard.
keyup event type triggered when key is released on the keyboard
keydown event type triggered when key is pressed down on the keyboard
event.key Use event.key - from the event parameter of the onEvent callback function - to figure out which key was pressed.
for loop A typical looping construct designed to make it easy to repeat a section of code using a counter variable. The for loop combines the creation of a variable, a boolean looping condition, and an update to the variable in one statement.
return a command used to end execution of a function and resume execution at the point where the function was called.
Canvas a user interface element to use in HTML/JavaScript which acts as a digital canvas, allowing the programmatic drawing and manipulation of pixels, basic shapes, figures and images.
Created by: chris10byrd
 

 



Voices

Use these flashcards to help memorize information. Look at the large card and try to recall what is on the other side. Then click the card to flip it. If you knew the answer, click the green Know box. Otherwise, click the red Don't know box.

When you've placed seven or more cards in the Don't know box, click "retry" to try those cards again.

If you've accidentally put the card in the wrong box, just click on the card to take it out of the box.

You can also use your keyboard to move the cards as follows:

If you are logged in to your account, this website will remember which cards you know and don't know so that they are in the same box the next time you log in.

When you need a break, try one of the other activities listed below the flashcards like Matching, Snowman, or Hungry Bug. Although it may feel like you're playing a game, your brain is still making more connections with the information to help you out.

To see how well you know the information, try the Quiz or Test activity.

Pass complete!
"Know" box contains:
Time elapsed:
Retries:
restart all cards