Please enable JavaScript to use CodeHS

Informática Creativa (MS)

Description

En esta lección, los estudiantes serán introducidos a HTML: el lenguaje para construir páginas web. Los estudiantes descubrirán por qué HTML es importante y cómo funciona para comenzar a construir sus propias páginas web.

Objective

Students will be able to:

  • Identify the purpose and applications of HTML
  • Create their first simple web page
Description

En esta lección pasamos de etiquetas simples a documentos completos de HTML. Aprendemos algunas etiquetas nuevas que nos permiten poner información en diferentes lugares en la página web, y aprendemos sobre la estructura de árboles anidados de un documento HTML.

Objective

Students will be able to:

  • Discern the various parts of an HTML page
  • Create fully formed HTML pages
Description

En esta lección, los estudiantes aprenden sobre el formato de etiquetas que les permiten modificar la apariencia del texto y hacen que sus páginas web se vean claras y estéticamente agradables.

Objective

Students will be able to:

  • Apply formatting tags in order to modify the appearance of text and make web pages look clear and aesthetically pleasing
Description

En esta lección, los estudiantes aprenden cómo agregar hipervínculos a sus páginas web utilizando la etiqueta <a>.

Objective

Students will be able to:

  • Add and utilize hyperlinks on their webpages
Description

En esta lección, los estudiantes aprenden cómo agregar imágenes a sus propias páginas web utilizando la etiqueta <img>!

Objective

Students will be able to:

  • Embed an image in HTML
Description

En esta lección, los estudiantes aprenden cómo agregar listas a sus páginas web y practicar haciendo diferentes tipos de listas.

Objective

Students will be able to:

  • Incorporate different kinds of lists to their web pages
Description

¡En esta lección, los estudiantes aprenden a crear y agregar tablas a sus páginas web!

Objective

Students will be able to:

  • Create tables in their web pages
  • Explain the benefits of including tables on web pages
  • Compare various ways of displaying information and choose the appropriate format
Description

En esta lección, los estudiantes usarán el estilo HTML para que sus páginas sean visualmente atractivas y únicas.

Objective

Students will be able to:

  • Apply HTML styling to make their web pages more visually appealing and unique
Description

En esta lección, los estudiantes comenzarán a usar CSS para agregar estilo a sus páginas HTML.

Objective

Students will be able to:

  • Describe how CSS adds styling to HTML pages
Description

En esta lección, los estudiantes usan selectores de etiquetas CSS para seleccionar todos los elementos del mismo tipo (<table> o <h1> por ejemplo) y darles a todos el mismo estilo.

Objective

Students will be able to:

  • Use CSS tag selectors to select all elements of the same kind and give them all the same style
Description

En esta lección, los estudiantes aprenden a usar selectores de clase CSS para aplicar el estilo CSS a todos los elementos HTML que comparten una clase específica que permite a los estudiantes ser más específicos al aplicar su estilo.

Objective

Students will be able to:

  • Use CSS class selectors to apply CSS styling to all HTML units that share a specified class
Description

En esta lección, los estudiantes usarán selectores CSS por ID para seleccionar un solo elemento para darle formato en una página web.

Objective

Students will be able to:

  • Use CSS Selectors by ID to select a single element to format on a webpage
Description

En esta lección, los estudiantes aprenden qué es una URL y qué sucede cuando visitan una URL.

Objective

Students will be able to:

  • Describe the process that occurs when typing in a URL, from sending a request and response over the Internet to viewing a webpage
Description

En este proyecto, los estudiantes desarrollarán su primer artefacto digital: ¡su propio sitio web! Este sitio web comenzará como su propia página de inicio personal, y a medida que los estudiantes progresan en el curso, pueden seguir agregando enlaces a sus proyectos favoritos. ¡Al final del curso, esta página de inicio servirá como su propio sitio web de portafolio personal que muestra su trabajo!

Objective

Students will be able to:

  • Create their own website from scratch, hosted at their own custom domain
Description

En esta lección, los estudiantes son presentados a Karel el Perro y cómo a Karel se le puede dar un conjunto de instrucciones para realizar una tarea simple.

Objective

Students will be able to:

  • Recognize, explain, and use the commands that Karel can be given. These commands are: move(), putBall(), takeBall() and turnLeft().
Description

En esta lección, los estudiantes se basan en su comprensión de cómo Karel el Perro puede recibir un conjunto de instrucciones para realizar una tarea simple.

Objective

Students will be able to:

  • Recognize, explain, and use the commands that Karel can be given
  • Debug and rework their code as well as someone else’s code
Description

En esta lección, los estudiantes se introducen a las funciones a través de la lente de enseñar a Karel un nuevo truco: ¡cómo girar a la derecha! Los estudiantes aprenderán cómo definir y llamar a una función que le enseña a Karel como turnRight.

Objective

Students will be able to:

  • Define and call functions
Description

En esta lección, las funciones se utilizarán para enseñar a Karel una nueva palabra o comando. El uso de funciones permite que los programas se descompongan en piezas más pequeñas y facilite la comprensión.

Objective

Students will be able to:

  • Understand what functions are, how they are used and how using them improves programs
  • Design and implement their own functions to solve problems
Description

En esta lección, los estudiantes aprenderán la importancia de escribir código legible y cómo usar la función de inicio (start) puede ayudar a lograr esto.

Objective

Students will be able to:

  • Explain the importance of writing readable code
  • Analyze and compare the readability of different programs
  • Use the start function to make their programs more readable
Description

En esta lección, los estudiantes aprenden diseño descendente y descomposición como los procesos de romper grandes problemas en piezas más pequeñas y manejables. Las funciones mejoran la legibilidad del código y evitan el código repetido.

Objective

Students will be able to:

  • Break a large problem down into smaller, simpler problems
  • Write functions that solve the simpler problems, and use them as building blocks to solve the larger problem
  • Compare programs and identify good vs. poor decomposition
Description

En esta lección, los estudiantes aprenderán cómo utilizar comentarios en su código para explicar qué está haciendo su código. Los comentarios deben incluir condiciones previas y condiciones posteriores. Las condiciones previas son suposiciones que hacemos sobre lo que es verdadero antes de llamar a una función en nuestro programa. Las condiciones posteriores son lo que debería ser verdadero después de llamar a una función en nuestro programa.

Objective

Students will be able to:

  • Explain the preconditions and postconditions of a function
  • Create clear and readable comments in their code that help the reader understand the code
  • Explain the purpose of comments
Description

En esta lección, los estudiantes serán presentados a SuperKarel. SuperKarel incluye comandos como turnRight() y turnAround() ya que se usan frecuentemente. Estos comandos vienen preempaquetados con la librería (API) SuperKarel.

Objective

Students will be able to:

  • Write programs that use SuperKarel instead of Karel
  • Utilize the new toolbox of commands that SuperKarel provides over Karel
Description

En esta lección, los estudiantes aprenden a usar for loops en sus programas. El for loop le permite repetir una parte específica del código un número fijo de veces.

Un for loop se escribe de la siguiente manera:

for(var i = 0; i < 4; i++)
{
        // Código a ser repetido 4 veces
}
Objective

Students will be able to:

  • Create for loops to repeat code a fixed number of times
  • Explain when a for loop would be a useful tool
  • Utilize for loops to write programs that would be difficult/impossible without loops
Description
  • Una condición es una función que devuelve una respuesta verdadero/falso.
  • JavaScript utiliza las declaraciones if como una forma de tomar decisiones y ejecutar código específico. Las declaraciones if son útiles para escribir código que puede ser usado en diferentes situaciones.
Objective

Students will be able to…
* Use conditions to gather information about Karel’s world (is the front clear, is Karel facing north, etc)
* Create if statements to only execute code if a certain condition is true

Description

Las declaraciones if y if/else permiten a Karel manejar diferentes tipos de mundos y nos permite resolver problemas más generales.

Objective

Students will be able to:

  • Explain the purpose of an If/Else statement
  • Create If/Else statements to solve new types of problems
  • Identify when an If/Else statement is appropriate to be used
Description

Los while loops nos permiten repetir una sección de código, mientras una condición sea cierta.

Objective

Students will be able to…
* Explain the purpose of a while loop
* Create while loops to repeat code while a condition is true
* Utilize while loops to solve new types of problems
* Test their solutions on different Karel worlds

Description

En esta lección, los estudiantes echan un vistazo a todas las estructuras de control. Las estructuras de control pueden ser selectivas, como las declaraciones if e if / else y estár basadas en una condición. Otras estructuras de control son iterativas y permiten un código repetido como los for loops y los while loops. Básicamente, las estructuras de control controlan la forma en que se ejecutan los comandos.

Objective

Students will be able to:

  • Identify the different control structures that can be used to modify the flow of control through a program
  • Combine control structures to solve complicated problems
  • Choose the proper control structure for a given problem
Description

En esta lección, los estudiantes evaluarán su conocimiento de las estructuras de control en preparación para los próximos desafíos de Karel. Las estructuras de control (como los loops y las declaraciones if) son útiles en la construcción de programas que se pueden aplicar en varios mundos de Karel.

Objective

Students will be able to:

  • Analyze a solution to a problem and explain why it works
  • Use control structures to create general solutions that work on all Karel worlds
Description

En esta lección, los estudiantes aprenderán la forma correcta de indentar su código. La indentación es especialmente importante cuando se usan múltiples loops, funciones y declaraciones if para mostrar la estructura del código. La indentación proporciona un buen enfoque visual para ver qué comandos están dentro vs. a fuera de un loop o una declaración if.

Objective

Students will be able to:

  • Explain why it is important to indent code
  • Identify proper indentation
  • Modify a program to have proper indentation
  • Write programs with proper indentation
Description

En esta lección, los estudiantes sintetizarán todas las habilidades y conceptos aprendidos en la unidad Karel para resolver puzzles de Karel cada vez más desafiantes.

Objective

Students will be able to:

  • Define a problem in their own words and plan out a solution to the problem
  • Break a large problem down into smaller pieces and solve each of the pieces, then use these solutions as building blocks to solve the larger problem
  • Utilize the proper control structures to create general solutions that solve multiple Karel worlds
  • Write clear and readable code using control structures, functions, decomposition, and comments
Description

En esta lección, los estudiantes se introducen a la programación con gráficos de tortuga. Los estudiantes comenzarán a reconocer los programas como secuencias y grupos de comandos. Los estudiantes aprenderán algunos comandos básicos y luego los aplicarán de inmediato escribiendo su primer programa.

Objective

Students will be able to:

  • Define programming/coding
  • Use basic Tracy commands
  • Write their first program
Description

En esta lección, los estudiantes serán introducidos en el diseño del mundo de la cuadrícula de Tracy y aprenderán cómo usar pares de coordenadas para ubicar a Tracy en el plano de coordenadas. Se agregarán a la lista de comandos que conocen y pueden usar para crear gráficos Tracy.

Objective

Students will be able to:

  • Locate Tracy on the coordinate plane
  • Use the penup(), pendown(), and backward() commands in their programs
Description

En esta lección, los estudiantes aprenderán cómo usar los comandos de izquierda y derecha para mover a Tracy a más ubicaciones en el lienzo. Ahora tendrán muchos comandos que se pueden usar para que Tracy cree gráficos más complejos.

Objective

Students will be able to:

  • Use the left and right commands in order to move Tracy around her grid world
Description

En esta lección, los estudiantes son presentados para bucles. Aprenden cómo los bucles simplifican el proceso de hacer pequeños cambios en un programa y ayudan a evitar repetir el código. Para los bucles se escriben así:

para i en el rango (4):
    // El código se repetirá 4 veces
Objective

Students will be able to:

  • Create for loops to repeat code a fixed number of times
  • Explain when a for loop would be a useful tool
  • Utilize for loops to write programs that would be difficult / impossible without loops
Description

En esta lección, los estudiantes se introducen a la capacidad de convertir a Tracy en cualquier ángulo. Con esta característica, Tracy ahora puede dibujar líneas diagonales que abren la posibilidad de dibujar múltiples formas que no estaban disponibles previamente.

Objective

Students will be able to:

  • Use angles inside turning commands
  • Turn Tracy at angles in conjunction with for loops
Description

En esta lección, los estudiantes aprenden cómo usar comentarios para describir sus programas. Los comentarios son útiles porque permiten a los programadores dejar notas sobre los programas que están escribiendo. Los estudiantes también aprenderán sobre los diferentes tipos de comentarios que se pueden usar y los beneficios de usarlos.

Objective

Students will be able to:

  • Use comments throughout their program
  • Describe why comments are helpful for both themselves and anyone else looking at their code
Description

En esta breve lección, los estudiantes serán introducidos a las reglas para nombrar elementos en su código. Las variables y funciones que se usan dentro de sus programas serán nombradas por los estudiantes, por lo que se deben obedecer las siguientes pautas para asegurarse de que los programas escritos sean legibles y exitosos.

Objective

Students will be able to:

  • Name elements of their code by following specific guidelines and rules in order to create readable and working programs
Description

En esta lección, los estudiantes se introducen a las funciones. Comienzan con los conceptos básicos de definir una función y por qué los necesitamos y revisarán un programa que codificaron anteriormente en la unidad para reescribirla utilizando funciones.

Objective

Students will be able to:

  • Define a function
  • Call a function
  • Explain why functions are used
Description

En esta lección, los estudiantes pueden agregar algo de estilo a sus programas de gráficos de tortuga controlando el color, la pensidad y el relleno. Estos nuevos comandos se agregan a la lista de comandos que ya se han practicado para permitir una mayor creatividad en los programas de estudiantes.

Objective

Students will be able to:

  • Use the extended circle() command to draw different shapes
  • Use the color(), pensize(), begin_fill(), and end_fill() commands to add more creativity to their programs
Description

En esta lección, los estudiantes se introducen al concepto de diseño de arriba hacia abajo. El diseño de arriba hacia abajo es el proceso de desglosar un programa en funciones o piezas más pequeñas para evitar el código repetido y hacer que nuestros programas sean más legibles.

Objective

Students will be able to:

  • Break a large problem down into smaller pieces
  • Write functions to solve each smaller problem
  • Solve a complicated problem using Top Down Design
Description

En esta lección, los estudiantes aprenderán sobre un aspecto fundamental de cada lenguaje de programación: las variables. Una variable es algo que almacena información en un programa que se puede usar más adelante.

Objective

Students will be able to:

  • Describe what variables are
  • Discuss why variables are used in our programs
Description

En esta lección, los estudiantes aprenderán cómo incorporar la aportación del usuario en sus programas. Los estudiantes aprenderán cómo solicitar la entrada del usuario como cadenas e enteros, donde se almacena la entrada y cómo convertir cadenas e enteros.

Objective

Students will be able to:

  • Incorporate user input into their code in order to customize their programs
Description

En esta lección, los estudiantes se profundizarán en el concepto de funciones explorando cómo usar parámetros para personalizar su código.

Objective

Students will be able to:

  • Incorporate parameters into their functions in order to adapt their functions to multiple situations
Description

En esta lección, los estudiantes ampliarán su conocimiento de los bucles. Son conscientes de que para los bucles ejecuta las mismas líneas de código un número determinado de veces, pero aprenderé que yo es en realidad una variable que se puede usar para controlar los comandos dentro del bucle a medida que se está ejecutando.

Objective

Students will be able to:

  • Use i as a variable inside their for loop to control different commands
Description

En esta lección, los estudiantes aprenderán los parámetros extendidos que se pueden usar para controlar el valor de i en bucles. Luego podrán usar la variable I para controlar mucho más de su código estableciendo valores específicos.

Objective

Students will be able to:

  • Control the value of i using extended parameters
Description

En esta lección, los estudiantes aprenderán cómo usar las declaraciones IF que les permitirán usar condiciones para determinar cómo debe ejecutarse su código.

Objective

Students will be able to:

  • Use if statements in order to tell Tracy how to make decisions
Description

En esta lección, los estudiantes aprenderán cómo ampliar si las declaraciones incluyen una forma de que Tracy tome decisiones entre múltiples escenarios.

Objective

Students will be able to:

  • Use if/else statements in order to have Tracy make decisions between multiple scenarios
Description

En esta lección, los estudiantes aprenderán que si bien los bucles permiten que el código se ejecute repetidamente en función de una condición. También se les advertirá que se crean bucles infinitos si la condición de salida del bucle mientras nunca se cumple, lo que hace que el código dentro del bucle mientras se repite continuamente, lo que hace que el programa se bloquee.

Objective

Students will be able to:

  • Effectively use while loops in their programs
  • Identify infinite loops
Description

En esta lección, los estudiantes reunirán todos los conceptos que han aprendido hasta ahora. Podrán usar el diseño de arriba hacia abajo y escribir programas que resolverán problemas complejos.

Objective

Students will be able to:

  • Identify the different control structures we can use to modify the flow of control through a program
  • Combine control structures to solve complicated problems
  • Choose the proper control structure for a given problem
Description

En esta lección, los estudiantes revisan el contenido con un cuestionario de 25 preguntas al final de la unidad.

Objective

Students will be able to:

  • Prove their knowledge of control structures and coding concepts through a multiple choice quiz