Please enable JavaScript to use CodeHS

Teaching Computing Ideas

Description

In this lesson, students will be introduced to HTML: the language for building web pages. Students will discover why HTML is important and how it works in order to start building their own web pages.

Objective

Students will be able to:

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

In this lesson we upgrade from simple tags to full HTML documents. We learn some new tags that let us put information in different places on the web page, and we learn about the nested tree structure of an HTML document.

Objective

Students will be able to:

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

In this lesson, students learn about formatting tags that let them modify the appearance of text and make their web pages look clear and aesthetically pleasing.

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

In this lesson, students learn how to add hyperlinks to their web pages using the <a> tag.

Objective

Students will be able to:

  • Add and utilize hyperlinks on their webpages
Description

In this lesson, students learn how to add images to their own web pages using the <img> tag!

Objective

Students will be able to:

  • Embed an image in HTML
Description

In this lesson, students learn how to add lists to their web pages and practice making different kinds of lists.

Objective

Students will be able to:

  • Incorporate different kinds of lists to their web pages
Description

In this lesson, students learn how to create and add tables to their web pages!

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

In this lesson, students will use HTML styling to make their pages visually appealing and unique.

Objective

Students will be able to:

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

In this lesson, students will begin using CSS to add styling to their HTML pages.

Objective

Students will be able to:

  • Describe how CSS adds styling to HTML pages
Description

In this lesson, students use CSS tag selectors to select all elements of the same kind (<table>, or <h1> for example) and give them all the same style.

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

In this lesson, students learn to use CSS class selectors to apply CSS styling to all HTML elements that share a specified class which allows students to be more specific when applying their styling.

Objective

Students will be able to:

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

In this lesson, students will use CSS Selectors by ID to select a single element to format on a webpage.

Objective

Students will be able to:

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

In this lesson, students learn what a URL is and what happens when they visit a 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

In this project, students will be developing their first digital artifact: their very own website! This website will start off as their own personal homepage, and as students progress through the course, they can keep adding links to their favorite projects. By the end of the course this homepage will serve as their own personal portfolio website showcasing their work!

Objective

Students will be able to:

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

In this lesson, students are introduced to Karel the Dog and how Karel can be given a set of instructions to perform a simple task.

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

In this lesson, students build on their understanding of how Karel the Dog can be given a set of instructions to perform a simple task.

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

In this lesson, students are introduced to functions through the lens of teaching Karel a new trick - how to turn right! Students will learn how to define and call a function that teaches Karel how to turnRight.

Objective

Students will be able to:

  • Define and call functions
Description

In this lesson, functions will be used to teach Karel a new word or command. Using functions allows programs to be broken down into smaller pieces and makes it easier to understand.

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

In this lesson, students will learn the importance of writing readable code and how using the start function can help achieve this.

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

In this lesson, students learn top down design and decomposition as the processes of breaking big problems into smaller, manageable pieces. The functions improve the readability of the code and avoid repeated code.

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

In this lesson, students will learn how to utilize comments in their code to explain what their code is doing. Comments should include preconditions and postconditions. Preconditions are assumptions we make about what is true before a function is called in our program. Postconditions are what should be true after a function is called in our program.

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

In this lesson, students will be introduced to SuperKarel. SuperKarel includes commands like turnRight() and turnAround() since they are so commonly used. These commands come prepackaged with the SuperKarel library (API).

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

In this lesson, students learn how to use for loops in their programs. The for loop allows you to repeat a specific part of code a fixed number of times.

A for loops is written as follows:

for(var i = 0; i < 4; i++)
{
    // Code to be repeated 4 times
}
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
  • A condition is a function that returns a true/false answer.
  • JavaScript uses if statements as a way to make decisions and execute specific code. If statements are helpful in writing code that can be used in different situations.
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

If and if/else statements allow Karel to handle different types of worlds and allow us to solve more general problems.

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

While loops allow us to repeat a section of code as long some condition is true.

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

In this lesson, students take a look at all of the control structures. Control structures can be selective, like if and if / else statements and are based on a condition. Other control structures are iterative and allow for repeated code like for loops and while loops. Basically, control structures control the way the commands execute.

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

In this lesson, students will test their knowledge of control structures in preparation for the upcoming Karel challenges. Control structures (like loops and if statements) are useful in building programs that can be applied in various Karel worlds.

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

In this lesson, students will learn the proper way to indent their code. Indentation is especially important when using multiple loops, functions, and if statements to show the structure of the code. Indentation provides a good visual approach to see which commands are inside vs. outside of a loop or if statement.

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

In this lesson, students will synthesize all of the skills and concepts learned in the Karel unit to solve increasingly challenging Karel puzzles.

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