Merge pull request #142 from bjc-edc/deploy-june-2023

Deploy June 2023

course/bjc4nyc.es.html

@@ -20,24 +20,24 @@ <h2>La belleza y alegría de la informática&mdash;<em>BJC</em></h2>
         <div class="topic_container" novideo noassignment>
 
             <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/1-intro-loops.es.topic" title="Unidad 1: Introducción a la programación">Unidad 1: Introducción a la programación</a> </div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/2-conditionals-abstraction.es.topic" title="Unidad 2: Abstracción">Unidad 2: Abstracción</a> </div>
-			<div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/3-lists.es.topic" title="Unidad 3: Estructuras de datos">Unidad 3: Estructuras de datos</a></div>
-			    <div class="topic_link"><ul><li><strong><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/create-task.es.topic" title="Práctica AP Creación de tareas">Práctica AP Creación de tareas</a></strong></li></ul></div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/4-internet.es.topic" title="Unidad 4: ¿Cómo funciona el Internet?">Unidad 4: ¿Cómo funciona el Internet?</a></div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/5-algorithms.es.topic" title="Unidad 5: Algoritmos y simulaciones">Unidad 5: Algoritmos y simulaciones</a></div>
-			    <div class="topic_link"><ul><li><strong><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/create-task.es.topic" title="AP Creación de tareas">AP Creación de tareas</a></strong></li></ul></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/2-conditionals-abstraction.es.topic" title="Unidad 2: Abstracción">Unidad 2: Abstracción</span> </div>
+			<div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/3-lists.es.topic" title="Unidad 3: Estructuras de datos">Unidad 3: Estructuras de datos</span></div>
+			    <div class="topic_link"><ul><li><strong><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/create-task.es.topic" title="Práctica AP Creación de tareas">Práctica AP Creación de tareas</span></strong></li></ul></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/4-internet.es.topic" title="Unidad 4: ¿Cómo funciona el Internet?">Unidad 4: ¿Cómo funciona el Internet?</span></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/5-algorithms.es.topic" title="Unidad 5: Algoritmos y simulaciones">Unidad 5: Algoritmos y simulaciones</span></div>
+			    <div class="topic_link"><ul><li><strong><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/create-task.es.topic" title="AP Creación de tareas">AP Creación de tareas</span></strong></li></ul></div>
             <p>Las unidades 1 a 5 cubren todo el curriculum AP CSP 2020. Estás listo para el examen. Las unidades 6 a 8 se enfocan en la jerarquía de abstracción sobre como las computadoras trabajan, así como la recursión, una bella y poderosa idea de la ciencias de la computación que va más allá del marco AP CSP y su examen. Dichas unidades son perfectas para disfrutarlas luego de tomar el examen.</p>
-            <div class="sidenote">
+            <div class="todo"><div class="sidenote">
                 <p>
                     <span class="topic_link" style="text-align:center;"><a href="/bjc-r/cur/snap-cheat-sheet.html" title="Guía de respuestas de Snap!">Guía de respuestas de Snap<em>!</em></a></span>&mdash;Snap<em>!</em> comparado con el lenguaje del examen de AP
                 </p>
-                <p class="todo">
-                    <span class="topic_link" style="text-align:center;"><a href="/bjc-r/cur/programming/vocab-index.es.html" title="Índice del vocabulario de BJC">Índice de BJC</a></span>&mdash;Lista de todo el vocabulario de BJC
+                <p>
+                    <span class="topic_link" style="text-align:center;"><a href="/bjc-r/cur/programming/index.es.html" title="Índice del vocabulario de BJC">Índice de BJC</a></span>&mdash;Lista de todo el vocabulario de BJC
                 </p>
-            </div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/6-how-computers-work.es.topic" title="Unidad 6: ¿Cómo funcionan las computadoras?">Unidad 6: ¿Cómo funcionan las computadoras?</a></div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/7-recursion-trees-fractals.es.topic" title="Unidad 7: Fractales y recursión">Unidad 7: Fractales y recursión</a></div>
-            <div class="topic_link"><a href="/bjc-r/topic/topic.html?topic=nyc_bjc/8-recursive-reporters.es.topic" title="Unidad 8: Funciones recursivas">Unidad 8: Funciones recursivas</a></div>
+            </div></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/6-how-computers-work.es.topic" title="Unidad 6: ¿Cómo funcionan las computadoras?">Unidad 6: ¿Cómo funcionan las computadoras?</span></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/7-recursion-trees-fractals.es.topic" title="Unidad 7: Fractales y recursión">Unidad 7: Fractales y recursión</span></div>
+            <div class="topic_link"><span href="/bjc-r/topic/topic.html?topic=nyc_bjc/8-recursive-reporters.es.topic" title="Unidad 8: Funciones recursivas">Unidad 8: Funciones recursivas</span></div>
 
             <br />
 

cur/programming/1-introduction/1-building-an-app/5-finish-your-first-snap-app.es.html

@@ -7,7 +7,7 @@
 	</head>
 
 	<body>
-        <h2>Mejorando tu juego</h2>
+        <h2>Mejorar tu juego</h2>
         <div class="learn">
             Siempre hay algo más que hacer para mejorar tu programa. <strong>En esta página,</strong> mejoraremos el juego haciendo que Alonzo le dé la bienvenida al jugador cuando haga clic en la bandera verde (<img class="button" src="/bjc-r/img/1-introduction/green-flag_button.png" alt="botón bandera verde" title="botón bandera verde"/>).
         </div>

cur/programming/1-introduction/2-gossip-and-greet/1-pair-programming.es.html

@@ -46,19 +46,19 @@ <h4>Cómo colaborar en la programación en pareja</h4>
         <div class="comment">CRD-1.C.1</div>
         <p>
             <ul>
-                <li><strong>Comunícate de forma activa.</strong> El conductor debe explicar constantemente la razón por la que se utiliza cada uno de los bloques. El navegador debe interrumpir con preguntas como las siguientes: ¿Qué tal si lo hacemos de una forma diferente? ¿Cómo este programa puede evitar este u otro error? ¿No deberíamos atender este requerimiento y este otro al mismo tiempo? Estamos repitiendo mucho esta secuencia de código, ¿Podríamos colocar el código en un bloque de instrucciones y luego utilizar ese bloque en distintos lugares?</li>
-                <li><strong>Escucha al otro.</strong> Intenta entender qué piensa tu compañero antes de refutar.</li>
-                <li><strong>Trabaja en equipo.</strong> Si actúas a la defensiva cuando te dan sugerencias, recuerda que nadie escribe el código perfecto a la primera. El <em>trabajo</em> del navegador es encontrar problemas en el código del conductor, y en el momento de intercambiar los roles, el nuevo navegador realizará la misma tarea. Recuerden que este es un trabajo en equipo, no una competencia entre ambos.</li>
-                <li><strong>Procura alcanzar un consenso.</strong> Evita regatear; si tienes una opinión diferente sobre la forma en que se resuelve una tarea, no digas "bueno, lo puedes hacer a tu manera, solo si me dejas resolver este otro problema a mi manera". Ambos integrantes deben escuchar los <em>razonamientos</em> del otro compañero y trabajar en conjunto para encontrar una solución que satisfaga a ambos.</li>
-                <li><strong>Digan lo que piensan y lleguen a un acuerdo.</strong> Esto no significa que deberías <em>intentar</em> estar en desacuerdo todo el tiempo, pero si lo haces, aún pueden ser amigos. Resuelve el conflicto escuchando y entendiendo a tu compañero, en lugar de simplemente discutir o ceder únicamente por finalizar el conflicto.</li>
+                <li><strong>Comuníquense de forma activa.</strong> El conductor debe explicar constantemente la razón por la que se utiliza cada uno de los bloques. El navegador debe interrumpir con preguntas como las siguientes: ¿Qué tal si lo hacemos de una forma diferente? ¿Cómo este programa puede evitar este u otro error? ¿No deberíamos atender este requerimiento y este otro al mismo tiempo? Estamos repitiendo mucho esta secuencia de código, ¿Podríamos colocar el código en un bloque de instrucciones y luego utilizar ese bloque en distintos lugares?</li>
+                <li><strong>Escuchen al otro.</strong> Intenten entender qué piensa su compañero antes de refutar.</li>
+                <li><strong>Trabajen en equipo.</strong> No actúen a la defensiva cuando les den sugerencias, recuerden que nadie escribe el código perfecto a la primera. El <em>trabajo</em> del navegador es encontrar problemas en el código del conductor, y en el momento de intercambiar los roles, el nuevo navegador realizará la misma tarea. Recuerden que este es un trabajo en equipo, no una competencia entre ambos.</li>
+                <li><strong>Procuren alcanzar un consenso.</strong> Eviten regatear; si tienen una opinión diferente sobre la forma en que se resuelve una tarea, no digan "bueno, lo puedes hacer a tu manera, solo si me dejas resolver este otro problema a mi manera". Ambos integrantes deben escuchar los <em>razonamientos</em> del otro compañero y trabajar en conjunto para encontrar una solución que satisfaga a ambos.</li>
+                <li><strong>Digan lo que piensan y lleguen a un acuerdo.</strong> Esto no significa que deberías <em>intentar</em> estar en desacuerdo todo el tiempo, pero si lo hacen, aún pueden ser amigos. Resuelvan el conflicto escuchando y entendiendo a su compañero, en lugar de simplemente discutir o ceder únicamente por finalizar el conflicto.</li>
                 <li><strong>Tomen turnos sin importar la experiencia. </strong> No dejen que el programador más experimentado abrume al otro compañero. Asegúrense que las parejas se encuentren cómodas contribuyendo, en cada uno de los roles. Resolver un problema en grupo es casi siempre mejor que hacerlo cada integrante de forma individual.</li>
             </ul>
         </p>
 
         <p>
             En esta primera unidad vamos a utilizar estos símbolos como referencia para recordarles cuándo deben intercambiar roles en un momento específico del laboratorio. Después de esta unidad, deben recordar intercambiar roles cada cinco minutos.<br />
-            <img class="indent" src="/bjc-r/img/icons/pair-programming-swap.es.png" alt="Intercambio programación en pareja" title="Intercambio programación en pareja">
-            <img class="indent" src="/bjc-r/img/icons/pair-programming-swap-mini.png" alt="Intercambio programación en pareja" title="Intercambio programación en pareja">
+            <img class="indent" src="/bjc-r/img/icons/pair-programming-swap.es.png" alt="Intercambio de pareja de programación" title="Intercambio de pareja de programación">
+            <img class="indent" src="/bjc-r/img/icons/pair-programming-swap-mini.png" alt="Intercambio programación en pareja" title="Intercambio de pareja de programación">
 		</p>
 
 		<div class="forYouToDo">

cur/programming/1-introduction/2-gossip-and-greet/3-customizing.es.html

@@ -87,9 +87,9 @@ <h4><strong>¿Cómo editar un bloque?</strong></h4>
 		<div class="atworkFullWidth">
 			<div class="imageRight">
 				<img class="noshadow" height="175px" src="/bjc-r/img/atwork/Edith_Windsor.jpeg" alt="foto de Edith Windsor" title="foto de Edith Windsor" />
-				<div class="endnote" style="width:245px;margin:6px;padding:10px;"><small>Autor de la imagen Rex Block</small></div>
+				<div class="endnote" style="width:245px;margin:6px;padding:10px;"><small>Autor de la imagen: Rex Block</small></div>
 			</div>
-			<p>Edith Windsor (1929–2017) was an American LGBT (lesbian, gay, bisexual, and transgender) rights activist and a technology manager at IBM, where she was hired after receiving a master's degree in mathematics in 1957 from New York University.  At IBM, Windsor focused on operating systems and computers progressing natural language (human language). Windsor was known around IBM for her "top-notch debugging skills" and was promoted to senior technical and management positions.  She was the lead plaintiff in the 2013 Supreme Court case <em>United States v. Windsor</em>, which overturned Section 3 of the Defense of Marriage Act and was considered a landmark legal victory for the same-sex marriage movement in the United States.</p>
+			<p>Edith Windsor (1929-2017) fue una activista estadounidense de derechos LGBT (lesbianas, gays, bisexuales y transgénero) y una gerente de tecnología en IBM, donde fue contratada después de obtener una maestría en matemáticas en 1957 de la Universidad de Nueva York. En IBM, Windsor se centró en sistemas operativos y en el avance de la tecnología de lenguaje natural (lenguaje humano). Windsor era conocida en IBM por sus habilidades de depuración de primera categoría y fue ascendida a puestos técnicos y de gestión superiores. Fue la demandante principal en el caso <em>Estados Unidos contra Windsor</em> (en inglés, <em>United States v. Windsor</em>) de 2013, que anuló la Sección 3 de la Ley de Defensa del Matrimonio y se consideró una victoria legal histórica para el movimiento de matrimonio entre personas del mismo sexo en Estados Unidos.</p>
 			<p><a href="https://www-americasquarterly-org.translate.goog/article/duolingos-luis-von-ahn-i-just-want-to-have-an-impact/?_x_tr_sl=en&_x_tr_tl=es&_x_tr_hl=en&_x_tr_pto=wapp" title="Enlace al artículo de Wikipedia sobre Edith Windsor" target="_blank">Aprender más</a></p>
 		</div>
 

cur/programming/1-introduction/2-gossip-and-greet/5-if-else.es.html

@@ -7,7 +7,7 @@
 	</head>
 
 	<body>
-        <h2>Agregar variedad a <code>Conversaciones</code></h2>
+        <h2>Agregar variedad a <code>chisme</code></h2>
         <div class="todo">Lots of quizlets interrupting the page. To address later. --MF, 5/15/19</div>
         <div class="comment">Here is the <a href="https://bjc.edc.org/bjc-r/cur/programming/2-complexity/old/new/3-if-else.es.html">old version of this page</a> --MF, 4/12/19</div>
         <div class="learn">

cur/programming/1-introduction/3-drawing/1-exploring-motion.es.html

@@ -8,12 +8,6 @@
 
     <body>
         <h2>Explorar el movimiento</h2>
-        <div class="todo">
-            <p>PG: We imply a promise we only sort-of keep. I'd mostly keep this page, but change the pink box. I'd also bring back the Albers algorithm (currently optional project page 5) somewhere. That one doesn't even require angle and gives a rich variety of solid-color shapes—rectangles, triangles, circles, hot-dogs—as well as opportunities for varying color. USE, MODIFY, be creative. </p>
-            <p>BH: I would eliminate all the WAIT blocks throughout.  I'm saying KEEP if that's the only problem.</p>
-            <ul><li>If we have the time and consider this a priority, Brian and Mary think we should teach visual stepping (currently on <a href="http://localhost/bjc-r/cur/programming/2-complexity/4-abstraction/2-fractal-art.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment">2.4.2</a>) here rather than using all these <code>wait</code> blocks. This would require changes to most of 1.3 and it's images as well as changes to <a href="http://localhost/bjc-r/cur/programming/2-complexity/4-abstraction/2-fractal-art.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment">2.4.2</a> and a minor changes to <a href="http://localhost/bjc-r/cur/programming/2-complexity/4-abstraction/5-debugging-recap.es.html?topic=nyc_bjc%2F2-conditionals-abstraction.es.topic&course=bjc4nyc.es.html&novideo&noassignment">2.4.5</a>. --MF, 12/18/18</li></ul>
-        </div>
-
         <div class="learn">
             <p>A continuación se presentan trabajos de los artistas Josef Albers, Maya Hayuk, Vassily Kandinsky, Atta Kwami, Kazimir Malevich, Carlos Mérida, Piet Mondrian, Alma Thomas y Theo van Doesburg. Sus estilos son diferentes, pero todos están basados en polígonos o círculos.</p>
             <p>
@@ -84,25 +78,21 @@ <h4><strong>Usar pasos visibles</strong></h4>
                     <ul>
                         <li>
                             Haz clic en el botón "Pasos visibles" (<img class="inline nopadtb" src="/bjc-r/img/2-complexity/visible-stepping.png" alt="Botón Pasos visibles, con dos huellas" title="Botón Pasos visibles, con dos huellas" />), y ajusta la barra de deslizamiento para controlar la velocidad de ejecución. Al momento en el que se ejecuta el código, el objeto seguirá la velocidad ingresada y resaltará el bloque actual de ejecución en color <span style="color: black; background-color:cyan">cyan</span>.
-                            <div class="todo">BH, can you remake the video for this project? --MF, 5/14/19
                             <div class="endnote">
                                 <a href="#hint-slider" data-toggle="collapse" title="Haz clic para abrir un video de cómo ajustar la barra de deslizamiento de los Pasos visibles.">Haz clic para abrir un video de cómo ajustar la barra de deslizamiento de los Pasos visibles.</a>
                                 <div id="hint-slider" class="collapse">
-                                    <img  class="inline" src="/bjc-r/img/2-complexity/VisualSteppinginFractal.gif" alt="Animación que muestra cómo usar Pasos visibles en Snap!" title="Animación que muestra cómo usar Pasos visibles en Snap!"/>
+                                    <img class="inline" src="/bjc-r/img/1-introduction/visible-stepping.gif" alt="Animación que muestra cómo usar Pasos visibles en Snap!" title="Animación que muestra cómo usar Pasos visibles en Snap!"/>
                                 </div>
                             </div>
-                            </div>
                         </li>
                         <li>
                             Es posible reducir la velocidad de ejecución paso por paso, de esta forma se le dice a Snap<em>!</em> el momento de ejecutar el siguiente paso. Mueve la barra de deslizamiento hasta la izquierda y luego presiona el botón de Ejecutar/Pausa (<img class="inline" src="/bjc-r/img/sys/play-pause-button.png" alt="botón de pausa con icono de reproducir/pausar" title="botón de pausa con icono de reproducir/pausar" />) para ver qué sucede en cada paso del código.
-                            <div class="todo">BH, can you remake the video for this project? --MF, 5/14/19
                             <div class="endnote">
                                 <a href="#hint-slider-left" data-toggle="collapse" title="Haz clic para abrir un video de la ejecución paso único a través del código.">Haz clic para abrir un video de la ejecución paso único a través del código.</a>
                                 <div id="hint-slider-left" class="collapse">
-                                    <img class="inline" src="/bjc-r/img/2-complexity/VisualPauseSteppinginFractal.gif" alt="Animación que muestra cómo usar el paso único en Pasos visibles de Snap!" title="Animación que muestra cómo usar el paso único en Pasos visibles de Snap!"/>
+                                    <img class="inline" src="/bjc-r/img/1-introduction/single-stepping.gif" alt="Animación que muestra cómo usar el paso único en Pasos visibles de Snap!" title="Animación que muestra cómo usar el paso único en Pasos visibles de Snap!"/>
                                 </div>
                             </div>
-                            </div>
                         </li>
                     </ul>
                     <p>Usar Pasos visibles es de utilidad si se necesita analizar el código de alguien más ya que es posible ver la ejecución en velocidad humana en lugar de velocidad de máquina. Es una funcionalidad muy útil para la depuración (<em>debugging</em>) cuando se busca identificar qué va mal en nuestro código.</p>