Select Lesson
Navigating Code Avengers
JR Education
Pro
Google Classroom Account Set Up
Upload File Account Set Up
Manual Entry Account Set Up
Class Link Account Set Up
Starting a New Year
Creating & Editing Classes
Moving Students Between Classes
Assigning Learning Modules
Using Quick Login
Viewing Individual Student Progress
Viewing Class Progress
Viewing Progress Statistics
Resetting Progress
Downloading & Printing Certificates
Resetting Passwords
Managing Teacher Accounts
Removing or Deleting Accounts
Changing Student Email Addresses
Changing Course Access
Transferring & Verifying Student Accounts
Teaching with Code Avengers
Accessibility
Personalized Learning & Tabs
Course Information
The Profile Page
Tech Specs
How-To Video Guides
Navigating Code Avengers
JR Education
Pro
Google Classroom Account Set Up
Upload File Account Set Up
Manual Entry Account Set Up
Class Link Account Set Up
Starting a New Year
Creating & Editing Classes
Moving Students Between Classes
Assigning Learning Modules
Using Quick Login
Viewing Individual Student Progress
Viewing Class Progress
Viewing Progress Statistics
Resetting Progress
Downloading & Printing Certificates
Resetting Passwords
Managing Teacher Accounts
Removing or Deleting Accounts
Changing Student Email Addresses
Changing Course Access
Transferring & Verifying Student Accounts
Teaching with Code Avengers
Accessibility
Personalized Learning & Tabs
Course Information
The Profile Page
Tech Specs
Code Avengers Overview
This is a list of guides that will show you the most effective ways to use our content.
Navigating Code Avengers
Icons in the navigation bar help you to find your way around the website. The main menu makes navigation easy. The CA logo will return you home to the profile page. The account icon is where you can see your account information. The language drop down lets you change languages.
JR Education
Code Avengers Junior courses are designed for younger learners aged 5 to 14. The courses cover topics such as Computational Thinking, Programming, Impacts of Computing, Networks and Security and Data Representation.
Our Junior courses are story-based, immersing learners in an adventure with a diverse cast of characters. This allows learners to make sense of computer science concepts and their applications through real-world contexts with meaningful examples.
The stories are told through colorful graphics and dialogue scenes that are voiced over for younger or less confident readers. Our online activities have been purposefully designed by experienced teachers with expertise in both the content and pedagogy of computer science and digital technologies.
Custom-built interactive widgets carefully scaffold learners in order to build up knowledge and skills in each area before progressing to more complex tasks, and higher-order thinking skills. Each course is accompanied by a teaching guide that includes learning outcomes for each lesson, descriptions of the content concepts and tasks, vocabulary lists, and a collection of unplugged activities and other resources to support the delivery of our content in the classroom both on and off the computer.
Many of our junior courses also have cross-curricular links with subjects like math, science, and social science to help make the learning meaningful by connecting it to the bigger picture. Code Avengers Junior courses make it easy for teachers with any amount of experience to facilitate effective computer science and digital technologies learning in their classrooms.
Pro
Code Avengers is an interactive learning platform where you can learn programming languages, and develop websites,apps and games.There are also Computer Science topics. When you first log into Code Avengers you'll be on the profile page.
Here you'll see links to all of the tracks we have. We're adding new content all the time and a subscription covers all existing and new content. Each track has a series of courses in it, and each course contains lessons, projects, and quizzes to make it fun and easy to learn the content.
Inside the Code Avengers learning environment, you'll see that each lesson has explanations, instructions, and activities to do. The activities include writing code in the built-in editor,as well as a range of interactive tasks to reinforce learning.
Many of our lessons also have videos for more information. When you try activities you get immediate feedback and there are hints to help you out. You can use the menu to navigate to other lessons in the course as well as projects and quizzes. Projects and quizzes help to reinforce or extend on the learning covered in the lessons.
In every course you'll have access to a bunch of tools to help you. The detailed coding reference for each language,a tools menu,and notes. Completing tasks gives you points and you'll also earn badges and certificates as you progress,making the learning process more engaging.
If you're a teacher you'll also find a handy teacher tab on your profile page that has all of the tools you'll need to implement Code Avengers in your classroom, school, or other learning organization. Here you can set up accounts and classes, view student progress, manage subscriptions, find teaching guides and activities,access support, and more.
1: Creating Student Accounts
There are four ways to create student accounts. The method you choose may depend on the number of accounts you are creating, or the resources available at your school. Explore all four methods below.
1.1: Google Classroom Account Set Up
Before you import a class from Google Classroom to make multiple Code Avengers accounts, make sure you have first created the class in MY CLASSES with the correct name.
- Select ACCOUNT SETUP and then STUDENT ACCOUNTS.
- Select FREE ACCESS or ALL ACCESS. You can see here how many more premium accounts you can create.
- Then select GOOGLE CLASSROOM. Sign in with your school email to access your Google Classroom . The first time you do this you will need to accept the permissions.
- Choose a Google class to import, the accounts will load automatically and then select the Code Avengers class you wish to import the students to.
- Use the check boxes to select the accounts you wish to create and select CREATE ACCOUNTS.
- If you wish to send an automated email to the students to inform them their account has been created, select SEND EMAIL and then FINISH. The new student accounts will automatically show up in MY CLASSES.
1.2: Upload File Account Set Up
- To create multiple Code Avengers accounts at once, select ACCOUNT SETUP and then STUDENT ACCOUNTS.
- Select FREE ACCESS or ALL ACCESS. You can see here how many more premium accounts you can create. Select UPLOAD FILE to upload a spreadsheet of data.
- The top row of your spreadsheet must have the following headings - first name, last name, email, password, and class. Each student can only belong to one class, you can decide on the class name.
- The example only has two students but you can create multiple rows and hundreds of accounts at once. When you are finished, save the file in either xlsx or csv format.
- Upload the file by dragging it into the box or using the BROWSE button. Check you have put the data in the correct columns and click CONTINUE.
- Your new accounts will then load. You can make final edits here before selecting CREATE ACCOUNTS.
- This will take you to the PROCESS COMPLETE screen. If you wish to send an automated email to the students to inform them their account has been created, select SEND EMAIL and then FINISH. The new student accounts will automatically show up in MY CLASSES. If it’s a new class, you’ll need to create it.
1.3: Manual Entry Account Set Up
If a new student has come into your classroom at a later date, the manual method for creating a student account is ideal.
- Select ACCOUNT SETUP and then STUDENT ACCOUNTS.
- Select FREE ACCESS or ALL ACCESS. You can see here how many more premium accounts you can create.
- Select MANUAL ENTRY. At a minimum, type in a name, email, and password. You can also include the name of the class the student belongs to.
- Finally, click CREATE ACCOUNTS.
- If you wish to send an automated email to the student to inform them their account has been created, select SEND EMAIL and then FINISH. The new student accounts will automatically show up in MY CLASSES. If it’s a new class, you’ll need to create it.
1.4: Class Link Account Set Up
- Older or remote learners can create their own account if you generate a link for them. Select ACCOUNT SETUP and then STUDENT ACCOUNTS.
- Select FREE ACCESS or ALL ACCESS. You can see here how many more premium accounts you can create. Select CLASS LINK.
- All the classes you have added in MY CLASSES, will appear with a URL and link icon next to them. Select the link icon to copy the URL to your clipboard and share it with your students.
- When students follow the URL, they will be prompted to create their own student account. They can click START YOUR FREE TRIAL, or click CONTINUE WITH GOOGLE to connect their existing Google account.
- As the student accounts are created, you or another teacher need to verify the accounts.
- Go to VERIFY ACCOUNTS and use the checkboxes to select the accounts you wish to verify.
- Then select VERIFY. The new student accounts will automatically show up in MY CLASSES. You may have to refresh the page. If it’s a new class, you’ll need to create it.
1.5: Starting a New Year
If you have a large number of student accounts, we recommend preparing your school account with a full refresh at the start of a new school year. Please note, previous student’s data will not be deleted and will be restored by recreating the student accounts.
- Go to MY CLASSES and select VIEW ALL STUDENTS.
- You can select the students individually or select multiple students. You can increase the number of students per page by clicking SHOW 50 or 100.
- Click the checkbox on the header row. Make sure to click on each page to select all the students in your school.
- Click SELECT ACTION, then DELETE ACCOUNT and click OK. This step will remove all students from your school and they will no longer be able to login.
- If you are using new class names you can remove the old class names. Existing classes will re-populate with the new student accounts so long as the class name is included as part of the account set up.
- If there are multiple teachers in your school using Code Avengers, each teacher can clear their own classes by going to MY CLASSES and MANAGE CLASS..
- Then select students and click SELECT ACTION, then DELETE ACCOUNT and click OK.
2: Managing Classes & Students
One of the first things you’ll need to do is create a class for your students. If you teach multiple classes, or decide to divide your class into differentiated groups, you may need to edit your class or move students between different classes. In this section you will also learn how to create and assign learning modules to your class, and provide quick login links (a direct link to a course or task).
2.1: Creating & Editing Classes
- To create a class on the MY CLASSES screen, click in the ADD CLASS NAME field and type in your class name. Class names are not case sensitive, and any spaces will be replaced with hyphens.
- To remove a class, click on the 3 dots in the top right corner and choose REMOVE CLASS. Note, this will just remove the class from your management. It doesn't delete the accounts or stop another teacher from managing that class. You can also use this menu to add a class to your favorites.
- To add a class that another teacher has created, simply type the name of the class exactly, and then refresh the page to pull the students in.
- You can click and drag the class tiles into your preferred order, and copy a class link to the clipboard to share with students so they can join a class, for example through your LMS or by email.
- If you name a class incorrectly, you’ll need to create a new class with the correct name, and move the students from the old class to the new class.
- Classes can also be used to create groups of learners for rotations or differentiation. You can then assign different learning modules to each group.
2.2: Moving Students Between Classes
- You can move students to different classes by clicking MANAGE CLASS.
- To move an individual student, simply click the class dropdown, and select a different class.
- To move multiple students, use the checkboxes to select some, or all, of the students.
- Then, click SELECT ACTION in the top right corner, and choose CHANGE CLASS. Now select the class to move them to.
- In MY CLASSES there is also a VIEW ALL STUDENT button. From here you can move students who are not in your classes, or any classes, into classes you are managing. As before, you can move students individually, or in a batch. You can also use the search to find particular students.
2.3: Assigning Learning Modules
- To assign a learning module with specific courses for a class to do, click on ASSIGN MODULES. Here you can select from any modules created by teachers from your school.
- You can edit an existing module from the list, but note that this edits it for all teachers and classes who use the module. To create your own module, select CREATE NEW.
- Give the module a name that will be easy for you to recognize, since all modules from your school are included in the list and click ADD COURSES.
- You can search by typing in a course title, code, or keyword. OR you can filter by track, or find JR, or PRO courses.
- Click the icon on the right to read a course’s description and click on a course to select and add it to the module. Highlighted courses are currently selected. Click again to deselect a course.
- You can search for more courses and select as many as you’d like to add. When you’ve added all the courses click CONTINUE.
- Check the list of courses is correct, then either go back to make changes, or CONFIRM. Once confirmed, go back to the list of modules, and scroll to find it. If you just created it, it may be at the end of the list. Otherwise, it’s alphabetical.
2.4: Using Quick Login
- Quick Login can be enabled from a class tile to help learners easily access Code Avengers lessons. Click the slider to enable it.
- Choose a lesson from an assigned course, or insert any Code Avengers lesson or task URL. This will mean students head straight to that lesson once they log in. Click CONTINUE once you’ve chosen.
- If you chose a URL, simply paste in the URL to the lesson and click CONFIRM.
- If you chose a lesson from an assigned module, select the module from the dropdown. Next, select the course, and then the lesson you want students to start with. Then, click CONFIRM.
- Teacher and student computers need to be on the same network for Quick Login to work, so click OK on the popup to confirm.
- Students can login by going to codeavengers.com/login. You could email this link, share it through your LMS, generate a QR code, or bookmark it on younger students' devices.
- Students then simply click on their class name, click on their own name, click OK on the popup, and then they will be taken to the lesson you’ve selected.
- Quick login does not stay permanently active. If it turns off and you still need it, simply re-enable it. Depending how long it has been, your settings may be saved, or you may need to set the lesson or URL again.
3: Progress, Points, & Reporting
Gather valuable data on student and class progress through the Teacher Dashboard. Explore different reporting methods, learn how to reset progress, and download student course certificates in this section.
3.1: Viewing Individual Student Progress
View the PROFILE PAGE to see an individual student’s progress.
- Find a student in any class list under either: STUDENT PROGRESS, or STUDENT REPORT.
- Click the icon to the left of the student name. Here you can see details such as email address points, total time, which class they belong to, and the last task they attempted. You also can download a more detailed report.
- If you click the VIEW USERS PROFILE it will take you into the student's account. You will be prompted to log into the student’s account. Select OK.
- Now you are able to see the student’s courses in a more detailed view under MY PROGRESS. Remember, you will need to log out and log back in as yourself when you are finished.
3.2: Viewing Class Progress
The STUDENT PROGRESS tab allows you to follow the progress of your students in specific lessons and tasks.
- Search for an individual student or choose to filter by some or all of the classes you manage.
- Select whether you'd like to view the progress of a: track, course, project, or quiz.
- In the table of students you can find: the student's name, the completion percentage of the course, and how many points the student has.
- The rest of the table visually shows the progress in the lessons. The color indicates a student's progress. Up to 5 points per task are lost when students use hints and solutions, so a student with a lot of reds and oranges may need additional support in class.
- Click on a lesson to see the 5 tasks and time it took to complete it.
- Click Show 10 in the bottom left to change the number of student's displayed.
- To see more rows, click NEXT to see the next group of students.
3.3: Viewing Progress Statistics
- You can view details of your students in the STUDENT REPORT.
- In the search bar, find a specific student or choose to view some or all of the classes you manage.
- Select the track, course, project or quiz that you wish to view the progress of.
- Columns show the student's name, email, completion percentage of the course and overall course points. A total of the number of tasks completed is shown here with an average of the number of points earned in a lesson. The next column shows the student's total time spent in that course. Then comes the average time for each activity. 'The last column displays when the student last logged into Code Avengers.
- Click Show 10 in the bottom left to change the number of student's displayed.
- To see more rows, click NEXT to see the next group of students.
- In order to collect and store student data locally, the DOWNLOAD REPORT button opens a new tab with data that can be copied and pasted.
3.4: Resetting Progress
Sometimes students may wish to start afresh, for example a student who is repeating a class or a high achieving student who wants to get a better scor and not use the hints.
- In MY CLASSES you can reset the progress of some or all of your students by selecting MANAGE CLASS.
- Use the check boxes to select the indivdual or multiple students.
- From the SELECT ACTION drop down, select RESET PROGRESS.
- Caution: this deletes all work and points from a student's account. Click OK if you are sure.
- Students can also reset their progress for a lesson in MY COURSES. To reset a lesson, click the reset button next to the lesson name. This removes all the information in the lesson.
- They can reset the progress for an entire course by clicking the RESET ALL button.
3.5: Downloading & Printing Certificates
- When you complete a course, you can download and print a certificate of completion. On your PROFILE PAGE select the MY PROGRESS tab.
- On the left hand menu you will see the number of lessons you have completed, the number of hours you have spent learning, any projects you have completed, and quizzes you have finished.
- Click the CERTIFICATES link at the end of the list. Here you will see all certificates for the courses you have completed. Any courses that are grayed out are not complete.
- Just like on your course library page, you can toggle between JUNIOR and PRO courses.
- Click the DOWNLOAD button to print the certificate.
4: Admin
Take care of general administration such as resetting passwords, changing student account email addresses, managing teacher accounts, and more. If you’ve had a student with an existing Code Avengers account join your school, take a look at "Transferring & Verifying Student Accounts".
4.1: Resetting Passwords
- To reset passwords, students can click FORGOT PASSWORD on the login page. If they don’t have a functional email address, you as the teacher can reset their password.
- If you want to reset the passwords for students in the same class, click MANAGE CLASS. Select the check boxes of some students, or use the top checkbox to select all.
- From the SELECT ACTION dropdown on the top right choose RESET PASSWORD, enter in a new password and click SAVE.
- You can also reset passwords for all your students (from different classes) for example at the start of the school year, by clicking VIEW ALL STUDENTS in MY CLASSES.
- You can click SHOW 50 to view more students, then select some or all of the students with the checkboxes.
- From the SELECT ACTION drop down on the top right choose RESET PASSWORD, enter in a new password.
- Advise students to change this temporary password to something more secure by going to their SETTINGS. This is accessed from the avaar/student initials in the top right.
4.2: Managing Teacher Accounts
- To manage teacher accounts, click ACCOUNT SETUP and select TEACHER ACCOUNTS.
- Select FREE ACCESS or ALL ACCESS, and then MANUAL ENTRY.
- Type in the teacher's details. Class is not required, but could be used to organize teachers into Professional Learning and Development groups.
- Click CREATE ACCOUNTS. If you wish to send an automated email to the teacher, to inform them their account has been created, click SEND EMAIL and then FINISH.
- Teachers' details can be viewed in the TEACHER LIST. The SELECT ACTION drop down allows you to change their class or access, reset their password or progress, and delete their account.
- You can also make changes to their details such as name.
- TEACHER PROGRESS is useful if you are running Professional Learning and Development with staff, and want to see how much of a course they have completed.
4.3: Removing or Deleting Accounts
- To remove a class, click the 3 dots on the tile then select REMOVE CLASS. Note that this simply removes the class from your management. It does not delete the accounts of those in the class.
- To delete student accounts, click MANAGE CLASS and select all the accounts you wish to delete using the check boxes.
- From the SELECT ACTION drop down choose DELETE ACCOUNTS and click OK to confirm. It is important to note that this will remove those accounts from your school. Students will not be able to log into their account anymore.
- If a student rejoins your school, simply go to ACCOUNT SETUP and create a STUDENT ACCOUNT with the exact same email address and their previous progress on Code Avengers will be restored.
4.4: Changing Student Email Addresses
- To update students’ email addresses go to MY CLASSES and click MANAGE CLASS.
- Find the student you need to update, either using the search box or by manually looking.
- You may need to adjust how many students are displayed, by clicking the SHOW drop down menu and change to SHOW 50 or SHOW 100.
- Click the pencil icon on the right hand side, change the email address, and then click SAVE.
4.5: Changing Course Access
- To see how many premium accounts you have available, you can click ACCOUNT SETUP then STUDENT ACCOUNTS. You’ll see the number on the ALL ACCESS tile.
- Teachers can modify students’ access levels through MY CLASSES by either selecting MANAGE CLASS or VIEW ALL STUDENTS.
- Click the dropdown menu in the column labeled ACCESS and select All. Once selected, the Code Avengers platform will update their access settings immediately.
- To change a large group of students, click the SHOW dropdown menu and change to SHOW 50 or SHOW 100.
- Click the checkbox on the header row to select all.
- Go to SELECT ACTION and select the CHANGE ACCESS option.
- Select All from the dropdown menu and then click SAVE.
- Note that for any student who has 200 points or more, you will not be able to change them back to Free once their account has been changed to All.
4.6: Transferring & Verifying Student Accounts
If a student has created their own account, or moved from another school, they can add themselves to your class to keep their previous progress.
- Firstly the student needs to log in and go to their account SETTINGS.
- They need to click on SCHOOL MANAGEMENT.
- The student needs to type in their teacher's email address, and then click SAVE. This is the email address, that their teacher uses, for their Code Avengers teacher account.
- You, the teacher then goes to VERIFY ACCOUNTS.
- Using the checkboxes, select the accounts you wish to verify and click VERIFY.
- The student will now be connected to your school so you can view their progress.
5: Accessibility & Key Specifications
Learn more about Code Avengers’ accessibility and personalization in this section. You can also review technical specifications, course information, and explore “The Profile Page”.
5.1: Teaching with Code Avengers
The goal of the Professional Development 202 module is to teach you to use CA efficiently and orient yourself with the platform. There are five tasks that make up this module that contain videos, reading materials and activities to check your understanding.
The activities all are similar to what your students are asked to do. All the content in this module is available in the videos guides if you need to refer to something later.
5.2: Accessibility
Our course writers and developers are trained teachers and UX specialists. When creating courses, they work hard to support students through a range of strategies. These include:
- Creating tasks with limited mobility and accuracy in mind, with smooth transitions, larger hitboxes and the ability to click then click again to move objects, rather than a sustained drag.
- Having hints and answers available so students can 'work backwards' from the answer and improve their learning if needed.
- Ensuring layouts are predictable. All of the tasks are laid out in either the PRO or the JR format and the tasks all work similarly.
- Limited scrolling, so that most content fits on one screen, especially in the Junior courses.
- Careful consideration of cognitive load, through scaffolding and spreading ideas out across lessons.
- Vocabulary is largely kept to the 2000 most commonly used English words, apart from technical terms, to support low literacy and new language learners.
- Audio is available for most junior courses to help reduce literacy barriers. In the PRO space, many of the courses have videos.
- Color-coded progress tracking is used to indicate to teachers which students may need targeted support.
5.3: Personalized Learning & Tabs
- Any courses that you or your students start, or add to favorites using the star icon, will be listed in MY COURSES.
- Clicking on the MY PROGRESS tab shows overall course progress.
- If you’re signed into a teacher account, you’ll see the TEACHER tab.
- The CERTIFICATIONS tab has a range of available certifications that you can complete.
- If a teacher assigns courses to a class, they can choose to hide the course library. This means students will only see MY COURSES and MY PROGRESS.
5.4: Course Information
- The course tiles tells you information about the course such as the track, course number, and title. It also has a bar which displays how much of the course has been completed.
- You can click on the tile to see more about a course such as a description of the course, as well as the approximate length and target age group.
- Each course is made up of a number of lessons. These lessons each have 5 tasks, indicated by the 5 circles. A white circle indicates a task is not yet completed. A colored circle indicates it has been completed.
- From here you can either click START NOW on a new course, or CONTINUE to carry on with a course you’ve already started. You can also click on a lesson name to jump to a particular lesson, or a task circle to jump to that task.
- A student can reset a lesson by hovering next to the lesson number and clicking on the reset icon that appears. Students may wish to do this for additional practice, a refresher, or in order to earn more points for the lesson if they previously used hints or solutions.
- You can also click the TEACHING GUIDE link to see an outline of the course content including curriculum links, lesson and task descriptions, learning outcomes, and supporting resources.
5.5: The Profile Page
The PROFILE PAGE is our home page. When you log into Code Avengers, it is usually open on the COURSE LIBRARY tab.
In the COURSE LIBRARY tab you can see all of the Code Avengers courses. The PRO library is for older students and the JR library for younger students. The switch toggles between the two libraries. Each library lists age-appropriate courses.
Below the switch there is a filter section. You can use the filters to help you find courses on particular topics, for a given age, and so on. Selecting more filters within a category will show additional courses. Selecting filters from another category will narrow down those courses.
5.6: Tech Specs
Code Avengers is an online learning platform. It runs in the browser with no need to install extra software. Google Chrome or Firefox are the best browsers to use. If you have Internet Explorer, use it to download either of those 2 browsers.
Here are some more technical tips to help you have a smooth experience using Code Avengers:
- Coding courses on the PRO platform require a keyboard and mouse.
- The JR platform works on iPads with iOS version 10. It also works on a range of mid to higher end Android tablets.
- Code Avengers supports a minimum screen resolution of 1024 x 768 pixels. Some parts of the interface may be difficult to use on smaller screens such as some Chromebooks or tablets like ipad mini.
- You may also experience issues if your browsers zoom level isn't set to 100%.