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.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
In this lesson, students learn how to add hyperlinks to their web pages using the <a> tag.
Students will be able to:
In this lesson, students learn how to add images to their own web pages using the <img> tag!
Students will be able to:
In this lesson, students learn how to add lists to their web pages and practice making different kinds of lists.
Students will be able to:
In this lesson, students learn how to create and add tables to their web pages!
Students will be able to:
In this lesson, students will use HTML styling to make their pages visually appealing and unique.
Students will be able to:
In this lesson, students will begin using CSS to add styling to their HTML pages.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
In this lesson, students will use CSS Selectors by ID to select a single element to format on a webpage.
Students will be able to:
In this lesson, students learn what a URL is and what happens when they visit a URL.
Students will be able to:
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!
Students will be able to:
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.
Students will be able to:
move(), putBall(), takeBall() and turnLeft().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.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
In this lesson, students will learn the importance of writing readable code and how using the start function can help achieve this.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
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).
Students will be able to:
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
}
Students will be able to:
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
If and if/else statements allow Karel to handle different types of worlds and allow us to solve more general problems.
Students will be able to:
While loops allow us to repeat a section of code as long some condition is true.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
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.
Students will be able to:
In this lesson, students will synthesize all of the skills and concepts learned in the Karel unit to solve increasingly challenging Karel puzzles.
Students will be able to:
In this lesson, students will learn how to print messages out onto the console using the Javascript command println.
Students will be able to:
start functionIn this lesson, students learn how to assign values to variables, manipulate those variable values, and use them in program statements. This is the introductory lesson into how data can be stored in variables.
Students will be able to…
In this lesson, students learn how they can allow users to input information into their programs, and use that input accordingly.
Students will be able to…
In this lesson, students learn about the different mathematical operators they can use to perform mathematical computations and create useful programs that compute information for the user.
Students will be able to…
In this lesson, students will learn the basics of creating graphics objects. Graphic creation relies on setting the type, shape, size, position, and color on the artist’s canvas before adding to the screen. Using the geometric concepts, and the concept of getWidth() and getHeight(), multiple graphic objects can be created in JavaScript.
Students will be able to…
In this lesson, students review content with a 25 question Unit Quiz.
Students will be able to:
In this lesson, students are introduced to coding with turtle graphics. Students will begin to recognize programs as sequences and groups of commands. Students will learn a few basic commands and then apply them right away by writing their first program.
Students will be able to:
In this lesson, students will be introduced to the layout of Tracy’s grid world and will learn how to use coordinate pairs to locate Tracy on the coordinate plane. They will add to the list of commands they know and can use to create Tracy graphics.
Students will be able to:
penup(), pendown(), and backward() commands in their programsIn this lesson, students will learn how to use the left and right commands in order to move Tracy to more locations on the canvas. They will now have many commands that can be used to have Tracy create more complex graphics.
Students will be able to:
In this lesson, students are introduced to for loops. They learn how for loops simplify the process of making small changes to a program and help avoid repeating code. For loops are written like this:
for i in range (4):
// Code to be repeated 4 timesStudents will be able to:
In this lesson, students are introduced to the ability to turn Tracy at any angle. With this feature, Tracy can now draw diagonal lines which opens up the possibility to draw multiple shapes that weren’t previously available.
Students will be able to:
In this lesson, students learn how to use comments to describe their programs. Comments are helpful because they allow programmers to leave notes about the programs they are writing. Students will also learn about the different types of comments that can be used and the benefits of using them.
Students will be able to:
In this short lesson, students will be introduced to the rules for naming elements in their code. Variables and functions that are used inside their programs will be named by students, so the following guidelines should be obeyed to be sure that the programs written are readable and successful.
Students will be able to:
In this lesson, students are introduced to functions. They start with the basics of defining a function and why we need them and will revisit a program they coded earlier in the unit to rewrite it using functions.
Students will be able to:
In this lesson, students are able to add some flair to their turtle graphics programs by controlling color, pensize, and fill. These new commands are added to the list of commands that have been already practiced in order to allow for more creativity in student programs.
Students will be able to:
circle() command to draw different shapescolor(), pensize(), begin_fill(), and end_fill() commands to add more creativity to their programsIn this lesson, students are introduced to the concept of Top Down Design. Top Down Design is the process of breaking down a program into functions or smaller parts to avoid repeated code and to make our programs more readable.
Students will be able to:
In this lesson, students will learn about a fundamental aspect of every programming language: Variables. A variable is something that stores information in a program that can be used later.
Students will be able to:
In this lesson, students will learn how to incorporate user input into their programs. Students will learn how to request user input as both strings and integers, where the input is stored, and how to convert strings and integers.
Students will be able to:
In this lesson, students will dive deeper into the concept of functions by exploring how to use parameters to customize their code.
Students will be able to:
In this lesson, students will expand their knowledge of for loops. They are aware that for loops execute the same lines of code a given number of times but will learn that i is actually a variable that can be used to control commands inside the loop as it is running.
Students will be able to:
In this lesson, students will learn the extended parameters that can be used to control the value of i in for loops. They will then be able to use the variable i to control much more of their code by setting specific values.
Students will be able to:
In this lesson, students will learn how to use If Statements which will allow them to use conditions to determine how their code should run.
Students will be able to:
In this lesson, students will learn how to expand on If Statements by including a way to have Tracy make decisions between multiple scenarios.
Students will be able to:
In this lesson, students will learn that while loops allow code to be executed repeatedly based on a condition. They will also be warned that infinite loops are created if the exit condition of the while loop is never met, causing the code inside the while loop to repeat continuously which causes the program to crash.
Students will be able to:
In this lesson, students will put together all the concepts they’ve learned thus far. They will be able to use top down design and to write programs that will solve complex problems.
Students will be able to:
In this lesson, students review content with a 25 question End-of-Unit Quiz.
Students will be able to:
In this activity, students will learn how to use block coding to create 8 repetitive beats of music along with a visualization. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create their own beat with music visualization by creating an array of beats on which to play sounds through the use of parameters.
In this activity, students will learn how to use block coding to create a music visualization with a preloaded song or one of their own choosing that they have uploaded. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom music visualization by changing the song, color, and shape parameters in visualization code blocks.
In this activity, students will learn how to use block coding to create very simple musical phrases. They will use different notes to generate a single 8-beat phrase.
SWBAT use blocks to create a song consisting of a single measure by choosing which notes to use as the parameters to their beats blocks.
In this activity, students will learn how to use block coding to create very simple musical phrases. They will use single tones to generate a single 8-beat phrase, but have a full range of notes to choose from. They will also be able to customize the colors of the visualization.
SWBAT use blocks to create a song consisting of a single measure by mixing different notes together and modifying the accompanying visualization’s colors.
In this activity, students will learn about chord progressions. They will then use the block editor to create a song using popular chord progressions.
SWBAT use JavaScript block coding to create a song by choosing the chord parameters to create common chord progressions.
In this activity, students will learn about for loops. They will utilize loops to repeat sections of their song a specific number of times in order to allow for the creation of a song with different chord progressions for the chorus, verses, and bridges.
SWBAT use JavaScript block coding and for loops to repeat chord progressions in their songs.
In this activity, students will put together all they’ve learned about beats, chords, chord progressions, and loops to create a full length song.
SWBAT use JavaScript block coding to create a full length song using beats, chords, chord progressions, and for loops.
In this activity, students will put together all they’ve learned to create a visualization for their own composition using block beats, chords, chord progressions, and loops.
SWBAT create a visualization for their own composition using block beats, chords, chord progressions, and loops.
In this activity, students will put together all they’ve learned to create a visualization for their own composition using block beats, chords, chord progressions, and loops.
SWBAT create a visualization for their own composition using block beats, chords, chord progressions, and loops.
In this activity, students will learn how to use block coding to create a meme that consists of an image with a text overlay. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create their own meme using images and changing parameters.
In this activity, students will learn how to use block coding to create a collage with multiple images. They will be able to customize their images using filters and use a coordinate plane to position images in the correct location.
SWBAT use JavaScript block coding to create a collage of multiple images, using a coordinate system to place images and parameters to alter their appearance.
In this activity, students will take inspiration from well-known artists, and create their own inspired digital art. They will learn how to use block coding to create a collage with multiple images. They will be able to customize their images using filters and use a coordinate plane to position images in the correct location.
SWBAT use JavaScript block coding to create digital art that emulates well-known artists, using a coordinate system to place images and parameters to alter their appearance.
In this activity, students will explore how face filters work. They will learn about the technology behind face filters, and explore some very basic face filters built in JavaScript.
SWBAT explain how face filters detect and map facial features to correctly place filters.
In this activity, students will learn about event handlers and develop their own interactive paint program.
SWBAT set event handlers to develop their own interactive paint program.
In this activity, students will learn how to use blocks to create art using patterns by instructing a turtle named Tracy around our canvas. They will be able to add background colors, shapes filled with colors, and fractal patterns to each image.
SWBAT use block coding with Tracy the Turtle to create fractal spirals with various backgrounds, colors and shapes.
In this activity, students will learn how to use blocks to create a gif composed of multiple images. They will be able to add different text, shapes, or filters to each image.
SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.
In this activity, students will learn how to use blocks to create a gif composed of multiple images and background music. They will be able to add different background music for every frame of the GIF.
SWBAT use block coding to create a gif composed of multiple images with additional annotations, such as text.
In this activity, students will create a story by using multiple scenes. Their scenes can include images, text overlays, background music, sound effects, and even recordings that they’ve made themselves.
SWBAT use block coding to create a multi-image story, complete with music and narration.
In this activity, students will use almost everything they have experimented with throughout the course to create a final project, similar to the short stories that can be found on social media sites.
SWBAT use block coding to create a multi-image story using images with image filters, complete with music and narration.
In this activity, students will learn how to use block coding to make-a-shot game. They will customize different aspects of their program to create a final product that can be shared with family and friends.
SWBAT use JavaScript block coding to create a customized make-a-shot game by changing parameters for background images, ball objects, goals, and paddle types.
In this activity, students will learn how to use block coding to add events and event handlers to make their games responsive to user input (e.g., key press, mouse click) or game scenarios (e.g., out of time, scoring a goal). They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom make-a-shot type game by adding events and event handlers from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add sound effects to any events they like and can even add more than one to an event, if they so choose. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom sports game by adding sound effect parameters from the JavaScript code blocks.
In this activity, students will learn how to use block coding to build a fully functional, finished product sports game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom sports game by adding instructions and bringing in everything they have learned so far (events, event handlers, images, sound effects) from the JavaScript code blocks.
In this activity, students will learn how to use block coding to create an air horn app to cheer on their favorite team. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT create a custom air horn app by modifying parameters (e.g., background image, horn image, sound effect, voiceover sounds) from the JavaScript code blocks.
In this activity, students will learn how to use block coding to create the start of a mini golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT begin to create a mini-golf game by adding event handlers and modifying parameters (e.g., background image, ball image) from the JavaScript code blocks. Specifically, their first main task is to define the events that will let someone hit the ball, cause the ball to bounce off of the walls, and get the ball in the hole.
In this activity, students will learn how to use block coding to add obstacles to the mini-golf game that they started creating in the last lesson. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding their own obstacles and corresponding events from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add multiple holes to their mini-golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding multiple holes from the JavaScript code blocks.
In this activity, students will learn how to use block coding to add an instructions page to their mini-golf game. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT continue to create a mini-golf game by adding an instructions page from the JavaScript code blocks.
In this activity, students will put together all they’ve learned to complete their mini-golf game using as many of the coding blocks that they need. They will customize different aspects of their program to create a final product that can be shared with their teacher, family, and friends.
SWBAT complete to creating a mini-golf game by using the JavaScript code blocks.
When was the first computer made? What did it look like, and what was it used for? In this lesson, students will explore the creation and evolution of computing machines that now permeate our day-to-day life.
Students will be able to:
How are computers organized? What are the main components of a computer?
In this lesson, we will explore how different organizational structures of computers interact with each other to make computers functional.
Students will be able to:
What kinds of software do computers use and need?
In this lesson, the topic of software is broken down into types of software, how they interact, and the specific functions of the different types of software.
Students will be able to:
What is hardware? How does hardware work?
In this lesson, hardware is broken down into the different physical components of computers and how they contribute to the function of the computer as a whole.
Students will be able to:
Where is computing headed? What is Artificial Intelligence and what are the potential impacts that this might have on our world?
In this lesson, students learn about Artificial Intelligence and how the landscape of computing might change in the future. Students will discuss how these future developments might impact our society.
Students will be able to:
For the final project, students will create a short presentation about a specific model of computer. It could be an early computer model, or a computer model that is still being developed. They may pick any technology where a computer is the main component – this includes phones, robots, drones, etc.
Students will be able to create and present on a specific model of computer using any technology where a computer is the main component (phone, robots, drone, etc).
How do computers store and manipulate information? In this lesson, students learn how computers abstract complicated information into manageable chunks that they can then store and manipulate.
Students will be able to:
In this lesson, students will learn what a number system is, the difference between the decimal number system and the binary number system, and how to convert between decimal and binary.
Students will be able to:
In this lesson, students will learn what a number system is, the difference between the decimal number system and the binary number system, and how to convert between decimal and binary.
Students will be able to :
In this lesson, students will learn how computers break down images into concrete values that can be stored. Students will learn how images are represented digitally using pixels.
Students will be able to:
In this lesson, students will learn about the hexadecimal number system, and how it is useful in storing digital information. They will also learn how to convert numbers from the hexadecimal system to binary and vice versa.
Students will be able to:
In this lesson, students will learn how the RGB encoding scheme allows us to encode colors as numeric data. It defines the amount of red, green and blue light in a pixel.
Students will be able to:
In this lesson, students will learn how to include images in their programs and manipulate their pixels using WebImage. Students will learn how image filters manipulate stored pixel data.
Students will be able to:
In this lesson, students will have a high level discussion about what the internet is and how the internet works. The topics of anonymity and censorship will also be discussed.
Students will be able to:
In this lesson, we explore the hardware that makes up the internet and explore characteristics of that hardware that define our experience on the internet.
Students will be able to:
In this lesson, students will explore how internet hardware communicates using Internet Addresses and the Internet Protocol.
Students will be able to:
In this lesson, students will explore the DNS system and how it maps human readable domain names into actual accessible IP addresses.
Students will be able to:
In this lesson, students explore how messages get from one address on the internet to another.
Students will be able to:
In this lesson, students learn about the last piece of the puzzle for how the Internet works: Packets and Protocols. All information sent over the internet is broken down into small groups of bits called packets. The format for creating and reading packets is defined by open protocols so that all devices can read packets from all other devices.
Students will be able to:
In this lesson, students are presented with different ways that the Internet impacts their lives. The Internet affects the way that people communicate (emails, social media, video chat) and collaborate to solve problems. It has revolutionized the way that people can learn and even buy things. Because the Internet is present in almost every facet of people’s lives, there are severe ethical and legal concerns that derive from the Internet.
Students will be able to:
In this performance task, students choose an innovation that was enabled by the Internet and explore the effects of this innovation. Students will produce a computational artifact (visualization, a graphic, a video, a program, or an audio recording that you create using a computer) and a written responses to several prompts. This lesson is meant to be a culminating project of students understanding of the Internet and its impact.
Students will be able to:
Congratulations! You have completed the Computing Ideas course! Time to celebrate and reflect on your accomplishments.
Students reflect on what they have learned in the course, celebrate the accomplishment of completing the course, and think about what their next steps are in their computer science education.
In this lesson, students will learn what is meant by cybersecurity and explore a few news worthy cyber attacks. They will also discuss the Internet of Things and the increase in connected devices.
Cybersecurity is the protection of computer systems, networks, and data from digital attacks. Increased connectivity via the Internet of Things and reliance on computer devices to send and store data makes users more vulnerable to cyber attacks.
Students will be able to:
In this lesson, students will explore the hardware that makes up the internet and the characteristics of that hardware that define our experience on the internet.
Students will be able to:
In this lesson, students will explore how internet hardware communicates using Internet Addresses and the Internet Protocol.
Students will be able to:
In this lesson, students will explore the DNS system and how it maps human readable domain names into actual accessible IP addresses.
Students will be able to:
In this lesson, students explore how messages get from one address on the internet to another.
Students will be able to:
In this lesson, students learn about the last piece of the puzzle for how the Internet works: Packets and Protocols. All information sent over the internet is broken down into small groups of bits called packets. The format for creating and reading packets is defined by open protocols so that all devices can read packets from all other devices.
Students will be able to:
In this lesson, students are presented with the main ways that networks are attacked: social engineering and DoS or DDoS. They will build on their knowledge of how the internet works by shifting the focus from understanding the internet and networks to safeguarding networks from malicious attackers.
Students will be able to:
In this lesson, students will learn about The CIA Triad. The CIA Triad is a widely-accepted security measure that should be guaranteed in every secure system. It stands for Confidentiality, Integrity, and Availability.
Students will be able to:
In this lesson, students will learn and examine recent cyber attacks. Cyber attacks result in financial loss, lowered trust, disruption of important services, and more. There is a growing need for cybersecurity experts, and careers in the field are lucrative with high-impact.
Students will be able to:
Sign up for a free teacher account to get access to curriculum, teacher tools and teacher resources.
Teacher SignupSign up as a student if you are in a school and have a class code given to you by your teacher.
Student Signup