Skip to content

Commit

Permalink
A11y-U2L2P1 list fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@jkangEDC
jkangEDC committed Dec 6, 2024
1 parent 8a1eab1 commit 0889371
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 25 deletions.
27 changes: 14 additions & 13 deletions cur/programming/2-complexity/2-data-structures-art/1-shopping-list-app.es.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,17 +29,18 @@ <h2>Aplicación de Lista de la compra</h2>


<div class="forYouToDo" id="first">
<ol>
<img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap-reminder.es.png" alt="Recuerda intercambiar de pareja" title="Recuerda intercambiar de pareja" />
<li><a class="run" href="/bjc-r/prog/2-complexity/U2L2-ShoppingList.es.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.es.png" alt="Haz clic para cargar un proyecto nuevo. Entonces guárdalo." title="CHaz clic para cargar un proyecto nuevo. Entonces guárdalo."></a> Este proyecto contiene disfraces de botones para los objetos en los que el usuario hará clic para controlar los artículos de su lista de compras.</li>
<div class="endnote">
<a href="#hint-shopping-list-example" data-toggle="collapse" title="Haz clic par abir un video que muestra cómo ser vería una lista de la compra.">Haga clic para ver un video que muestra cómo se vería una lista de la compra.</a>
<div id="hint-shopping-list-example" class="collapse">
<img class="indent" data-gifffer="/bjc-r/img/3-lists/shopping-list-project-v3.es.gif" height= 500 width= 600 alt="animación de la aplicación de lista de la compra">
<img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap-reminder.es.png" alt="Recuerda intercambiar de pareja" title="Recuerda intercambiar de pareja" />
<ol>
<li><a class="run" href="/bjc-r/prog/2-complexity/U2L2-ShoppingList.es.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.es.png" alt="Haz clic para cargar un proyecto nuevo. Entonces guárdalo." title="CHaz clic para cargar un proyecto nuevo. Entonces guárdalo."></a> Este proyecto contiene disfraces de botones para los objetos en los que el usuario hará clic para controlar los artículos de su lista de compras.
<div class="endnote">
<a href="#hint-shopping-list-example" data-toggle="collapse" title="Haz clic par abir un video que muestra cómo ser vería una lista de la compra.">Haga clic para ver un video que muestra cómo se vería una lista de la compra.</a>
<div id="hint-shopping-list-example" class="collapse">
<img class="indent" data-gifffer="/bjc-r/img/3-lists/shopping-list-project-v3.es.gif" alt="animación de la aplicación de lista de la compra">
</div>
</div>
</div>
<div class="sidenoteBig">Aprendiste a inicializar (crear y establecer) una variable global en <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/4-keeping-score.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Unidad 2 Laboratorio 1 Página 4: Mantener la puntuación con variables globales">Unidad 2 Laboratorio 1 Página 4: Mantener la puntuación con variables globales</a>.</div>
</li>
<li>
<div class="sidenoteBig">Aprendiste a inicializar (crear y establecer) una variable global en <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/4-keeping-score.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Unidad 2 Laboratorio 1 Página 4: Mantener la puntuación con variables globales">Unidad 2 Laboratorio 1 Página 4: Mantener la puntuación con variables globales</a>.</div>
<div class="ap-standard">AAP-1.C</div>
Inicializa una variable <var>lista de la compra</var> para almacenar la información.
<ol>
Expand Down Expand Up @@ -83,12 +84,12 @@ <h3>Añadir artículos a una lista</h3>
</div>

<div class="forYouToDo">
<ol start="3">
<div class="ap-standard">AAP-2.N parte a</div>
<div class="ap-standard">AAP-2.N parte a</div>
<div class="sidenoteBig">
<p>Has visto los bloques <code>preguntar</code> y <code>responder</code> en <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/2-checking-player-guess.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Unit 2 Lab 1 Page 2: Checking the Player's Guess">Unidad 2 Laboratorio 1 Página 2: Comprobarla respuesta del jugador</a>.</p>
<p>Has trabajado con múltiples objetos o personajes en <a href="/bjc-r/cur/programming/1-introduction/2-gossip-and-greet/2-gossip.es.html?topic=nyc_bjc%2F1-intro-loops.es.topic&course=bjc4nyc.es.html&novideo&noassignment" title="Unidad 1 Laboratorio 2 Página 2: Hacer que los programas hablen">Unidad 1 Laboratorio 2 Página 2: Hacer que los programas hablen</a>.</p>
</div>
<ol start="3">
<li>
Escribe una secuencia de comandos para el objeto del botón "Agregar artículo" de modo que cuando se haga clic en él, le <code>pregunte</code> al usuario por un nuevo elemento y luego coloque la <code>respuesta</code> del usuario en la lista de la compra.
</li>
Expand Down Expand Up @@ -124,8 +125,8 @@ <h3>Eliminar artículos de una lista</h3>
<div class="examFullWidth">
<div class="pseudop">
Los elementos de una lista son <em>valores</em>, por lo que <strong>puedes usar <code>elemento de</code> en cualquier lugar donde puedas usar cualquier otra expresión</strong>. Por ejemplo:
<ul>
<div class="ap-standard">AAP-2.N.1 viñeta 2 y 3</div>
<div class="ap-standard">AAP-2.N.1 viñeta 2 y 3</div>
<ul>
<li>
Puedes asignar un elemento de lista a una variable.
<a href="#hint-assigning-element-to-variable" data-toggle="collapse" title="Puedes asignar un elemento de lista a una variable. En el exame...">En el examen...</a>
Expand Down
25 changes: 13 additions & 12 deletions cur/programming/2-complexity/2-data-structures-art/1-shopping-list-app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,17 +26,18 @@ <h2>Shopping List App</h2>


<div class="forYouToDo" id="first">
<ol>
<img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap-reminder.png" alt="Remember to Do Pair Programming Swaps" title="Remember to Do Pair Programming Swaps" />
<li><a class="run" href="/bjc-r/prog/2-complexity/U2L2-ShoppingList.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.png" alt="Click here to load a starter project. Then save it." title="Click here to load a starter project. Then save it."></a> This project contains button costumes for the sprites that the user will click to control the items on their shopping list.</li>
<div class="endnote">
<a href="#hint-shopping-list-example" data-toggle="collapse" title="Click for a video showing how the shopping list app might look.">Click for a video showing how this might look.</a>
<div id="hint-shopping-list-example" class="collapse">
<img class="indent" data-gifffer="/bjc-r/img/3-lists/shopping-list-project-v3.gif" alt="animation of shopping list app">
<img class="imageRight" src="/bjc-r/img/icons/pair-programming-swap-reminder.png" alt="Remember to Do Pair Programming Swaps" title="Remember to Do Pair Programming Swaps" />
<ol>
<li><a class="run" href="/bjc-r/prog/2-complexity/U2L2-ShoppingList.xml" target="_blank"><img class="inline" src="/bjc-r/img/icons/load-save.png" alt="Click here to load a starter project. Then save it." title="Click here to load a starter project. Then save it."></a> This project contains button costumes for the sprites that the user will click to control the items on their shopping list.
<div class="endnote">
<a href="#hint-shopping-list-example" data-toggle="collapse" title="Click for a video showing how the shopping list app might look.">Click for a video showing how this might look.</a>
<div id="hint-shopping-list-example" class="collapse">
<img class="indent" data-gifffer="/bjc-r/img/3-lists/shopping-list-project-v3.gif" alt="animation of shopping list app">
</div>
</div>
</div>
<div class="sidenoteBig">You learned how to initialize (create and set) a global variable on <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/4-keeping-score.html?topic=nyc_bjc%2F2-conditionals-abstraction.topic&course=bjc4nyc.html&novideo&noassignment" title="Unit 2 Lab 1 Page 4: Keeping Score with Global Variables">Unit 2 Lab 1 Page 4: Keeping Score with Global Variables</a>.</div>
</li>
<li>
<div class="sidenoteBig">You learned how to initialize (create and set) a global variable on <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/4-keeping-score.html?topic=nyc_bjc%2F2-conditionals-abstraction.topic&course=bjc4nyc.html&novideo&noassignment" title="Unit 2 Lab 1 Page 4: Keeping Score with Global Variables">Unit 2 Lab 1 Page 4: Keeping Score with Global Variables</a>.</div>
<div class="ap-standard">AAP-1.C</div>
Initialize a <var>shopping list</var> variable to store the information.
<ol>
Expand Down Expand Up @@ -80,12 +81,12 @@ <h3>Adding Items to a List</h3>
</div>

<div class="forYouToDo">
<ol start="3">
<div class="ap-standard">AAP-2.N part a</div>
<div class="ap-standard">AAP-2.N part a</div>
<div class="sidenoteBig">
<p>You've seen the <code>ask</code> and <code>answer</code> blocks on <a href="/bjc-r/cur/programming/2-complexity/1-variables-games/2-checking-player-guess.html?topic=nyc_bjc%2F2-conditionals-abstraction.topic&course=bjc4nyc.html&novideo&noassignment" title="Unit 2 Lab 1 Page 2: Checking the Player's Guess">Unit 2 Lab 1 Page 2: Checking the Player's Guess</a>.</p>
<p>You've worked with multiple sprites on <a href="/bjc-r/cur/programming/1-introduction/2-gossip-and-greet/2-gossip.html?topic=nyc_bjc%2F1-intro-loops.topic&course=bjc4nyc.html&novideo&noassignment" title="Unit 1 Lab 2 Page 2: Making Programs Talk">Unit 1 Lab 2 Page 2: Making Programs Talk</a>.</p>
</div>
<ol start="3">
<li>
Write a script for the "Add Item" button sprite so that when that sprite is clicked, it will <code>ask</code> the user for a new item, and then put the user's <code>answer</code> in the grocery list.
</li>
Expand Down Expand Up @@ -121,8 +122,8 @@ <h3>Removing Items from a List</h3>
<div class="examFullWidth">
<div class="pseudop">
The items in a list are <em>values</em>, so <strong>you can use <code>item of</code> anywhere you can use any other expression</strong>. For example:
<div class="ap-standard">AAP-2.N.1 bullets 2 and 3</div>
<ul>
<div class="ap-standard">AAP-2.N.1 bullets 2 and 3</div>
<li>
You can assign a list item to a variable.
<a href="#hint-assigning-element-to-variable" data-toggle="collapse" title="You can assign a list item to a variable. On the exam...">On the exam...</a>
Expand Down

0 comments on commit 0889371

Please sign in to comment.