Select Lesson

Curricula

Code Avengers General Curriculum

New Zealand Curriculum

Australian Curriculum

Canadian Curriculum

United Kingdom Curriculum

United States Curriculum

International Baccalaureate (IB)

Cambridge International CS

Cross Curricular Coding

Curriculum Guides

Curricula

Code Avengers General Curriculum

New Zealand Curriculum

Australian Curriculum

Canadian Curriculum

United Kingdom Curriculum

United States Curriculum

International Baccalaureate (IB)

Cambridge International CS

Cross Curricular Coding

Curricula

Code Avengers courses are developed by teachers and industry specialists with relevant technical and pedagogical expertise. We align our courses to a range of international curricula.

Code Avengers General Curriculum

Code Avengers has two separate course libraries: the JR library and the PRO library. The JR library has courses for ages 5 to 15. The PRO library has more advanced content that is better suited for ages 12 and up.

View details of a general curriculum from Code Avengers

New Zealand Curriculum

Our PRO courses teach content to meet NCEA standards.
We have created a whole new group of Junior courses for Primary Schools up to Junior High Schools that are designed to meet the progress outcomes of the new DT curriculum, and, at younger levels, help students meet the NZ maths curriculum. Click on the link below to see an overview of the courses by year level and how we recommend you could incorporate Digital technologies into your classroom.

Each course will have lesson plans that have a break down of the new progress outcomes, achievement outcomes, lesson outcomes/learning intentions as well as notes to help new teachers explain and learn the concepts and offline activities and resources.

View details of CA alignment to the New Zealand curriculum

Australian Curriculum

The curriculum guides below are in varying degrees of detail but should give you an idea about what courses we currently have available and how you might use it in the class.

CA alignment to the Australian curriculum F-10

The document below is split into different states:

CA alignment to Y11/12 syllabuses.

Canadian Curriculum

The curriculum guides below are in varying degrees of detail but should give you an idea about what courses we currently have available and how you might use it in the class.

Key:
⊕ = Some parts of this course cover some of the LO’s under this BC course
⊛ = This course is upcoming
If there is no symbol, then the majority of the LO’s in that EU could be covered by the course listed (a good match) and the course is currently released

Code Avengers BC Computer Science Principles Curriculum Alignment

BC Course	Code Avengers Courses	Notes
Web 10	JavaScript: level 1 , level 2 and level 3 ⊕HTML/CSS level 1 HTML/CSS level 2 and HTML/CSS level 3 ⊛HCI/UX/UI courses Web Development level 1 ⊛Web Development level 2 ⊛ Web Development level 3 ⊛ ⊛jQuery Intro to the internet	Some parts not covered by courses: CMS options, domains and hosting options? Career options and interpersonal skills. Although all of these would easily be worked into a course that uses CA for the remainder. Web Dev L2-3 use Firebase and CA will have SQL and PHP courses in future.
Comp Studies 10	⊕JavaScript: level 1 ⊕ Python level 1 ⊕Intro to the internet ⊕Algorithms⊛ ⊕Planning	We don’t currently have courses that cover much of the hardware/software/security aspects apart from a basic introduction, although these are on the roadmap. The level 1 JS and Python courses cover the programming concepts and constructs/code maintenance well, and the algorithms and planning courses cover the computational thinking/planning and writing sections.
Digital Communications 11	-	At present there is not too much that aligns with this as it appears to be quite digital citizenship focused, and as mentioned in the comments in the standard, the content looks quite appropriate for an English or Media Studies class too.
Computer Information Systems 11	-	Similar to Comp Studies 10 with respect to hardware and networking aspects. We would be developing courses around this for the NZ curriculum at some point too so in future we would have some alignment.
Programming 11	JS level 1 JS level 2 Python level 1 Python level 2 Planning ⊛Algorithms	This is covered quite well by the level 1 JS and Python courses although user defined functions are covered in level 2. The planning course covers pseudocode and flowcharts as well as touching on Class diagrams. External libraries for GUIs is covered at level 3 using tkinter, and testing is covered throughout. The focus of our programming courses is more on writing code than reusing existing code, however, as it is often easier to modify existing code once you understand how to write it.
Comp Sci 11	JS level 1 JS level 2 Python level 1 Python level 2 ⊛Algorithms Planning ⊛Data Representation	Some parts that are not covered specifically are the more mathematical and financial concepts included in this course. These CA courses cover the remainder of the content relating to programming/algorithms/data representation aspects in this one well though.
Digital Media 12	⊕Design courses – color, layout, typography⊛ ⊕Compression⊛	At present we don’t have courses that cover all of the digital media creation aspects although basic image manipulation is covered in the HTML/CSS level 1 course when using the lesson plans along with the course. These upcoming design courses will cover the principles of graphic design fairly well. There is also an upcoming course on encoding that covers lossless/lossy compression etc.
Computer information systems 12		As for CIS 11
Programming 12	JS level 3 Python level 3	These courses cover most of the content although some of the more specific parts are not covered such as PyDoc/JavaDoc (but documenting code and docstrings etc. are covered in the Python course), Git, SVN etc.
CompSci 12	⊕JS level 3 ⊕ Python level 2 Python level 3 ⊕Algorithms⊛	The programming parts are covered in the programming courses, and the upcoming algorithms course will cover that content quite well. Probably just the mathematical modelling, use of IDEs/debuggers and persistent memory parts that are not specifically covered.

United Kingdom Curriculum

The curriculum guides below are in varying degrees of detail but should give you an idea about what courses we currently have available and how you might use it in the class.

This is a unit plan for some of our introductory courses -Intro to coding
Below you will find our notes beside the curriculum L/Os and links to our current courses that could help you teach those L/Os.

Key: ⊕ = Some parts of this course cover some of the LO’s under this EU ⊛ = This course is upcoming If there is no symbol, then the majority of the LO’s in that EU could be covered by the course listed (a good match) and the course is currently released

Key Stage 1 (5-6 years old)
Learning Outcome	CA Courses/Unit Plans
01 - understand what algorithms are, how they are implemented as programs on digital devices, and that programs execute by following precise and unambiguous instructions.	Computational Thinking 1 - Camping Adventure Computational Thinking 200 - Matariki
02 - create and debug simple programs	Programming 1 - Sea Creatures Programming 0 - Crazy Code Creatures
03 - Use logical reasoning to predict the behaviour of simple programs
04 - use technology purposefully to create, organise, store, manipulate and retrieve digital content	Data Representation 1 - Carnival Crisis
05 - recognise common uses of information technology beyond school	These two points are a bit more organic and would be contextual knowledge gained in the process of using Code Avengers.
06 - use technology safely and respectfully, keeping personal information private; identify where to go for help and support when they have concerns about content or contact on the internet or other online technologies	These two points are a bit more organic and would be contextual knowledge gained in the process of using Code Avengers.
Key Stage 2 (7-11 years old)
Learning Outcome	CA Courses/Unit Plans
01 - design, write and debug programs that accomplish specific goals, including controlling or simulating physical systems; solve problems by decomposing them into smaller parts	Programming 2 - Gear Up For Safety
02 - use sequence, selection, and repetition in programs; work with variables and various forms of input and output	Programming 3 - Larsson Castle Mystery
03 - use logical reasoning to explain how some simple algorithms work and to detect and correct errors in algorithms and programs	Computational Thinking 2 - Creature Feature Zoo
04 - understand computer networks, including the internet; how they can provide multiple services, such as the World Wide Web, and the opportunities they offer for communication and collaboration	Intro to how the web works Wires, Waves & Wifi HTML/CSS introductory lessons , HTML/CSS level 1
05 - use search technologies effectively, appreciate how results are selected and ranked, and be discerning in evaluating digital content	We don’t have a course on this at present, although aspects of digital literacy are on our road map.
06 - select, use and combine a variety of software (including internet services) on a range of digital devices to design and create a range of programs, systems and content that accomplish given goals, including collecting, analysing, evaluating and presenting data and information	⊕They would be getting some of this by using CA as a tool for learning and creating digital outcomes
07 - use technology safely, respectfully and responsibly; recognise acceptable/unacceptable behaviour; identify a range of ways to report concerns about content and contact	⊕Again a more contextual one, probably better taught more through discussion in the classroom. The Hour of Code project below cover copyright and attribution. Digital Media 300 - Jumping Jam Game Design
Key Stage 3 (11-14 years old)
Learning Outcome	CA Courses/Unit Plans
01 - design, use and evaluate computational abstractions that model the state and behaviour of real-world problems and physical systems	Computational Thinking 3 - Saving Food Avengers Old McDonald Hacked a Farm, AI AI Drone
02 - understand several key algorithms that reflect computational thinking [for example, ones for sorting and searching]; use logical reasoning to compare the utility of alternative algorithms for the same problem	⊕Our courses don't currently cover sorting and searching algorithms. Algorithms Demo Algorithms 1
03 - use 2 or more programming languages, at least one of which is textual, to solve a variety of computational problems; make appropriate use of data structures [for example, lists, tables or arrays]; design and develop modular programs that use procedures or functions	JavaScript level 2 Python level 2 -L2 (these cover data structures and modular programs specifically)
04 - understand simple Boolean logic [for example, AND, OR and NOT] and some of its uses in circuits and programming; understand how numbers can be represented in binary, and be able to carry out simple operations on binary numbers [for example, binary addition, and conversion between binary and decimal]	Data Representation 200 - Data Rep DJ Data Representation 3 - Numbers Through Time JavaScript level 1 JavaScript level 2 Python level 1 Python level 2
05 - understand the hardware and software components that make up computer systems, and how they communicate with one another and with other systems	Digital Infrastructure 4 - Wires, Waves & Wifi
06 - understand how instructions are stored and executed within a computer system; understand how data of various types (including text, sounds and pictures) can be represented and manipulated digitally, in the form of binary digits	Professor Photon's Color Conundrum Data Representation 4 - Reality Bites
07 - undertake creative projects that involve selecting, using, and combining multiple applications, preferably across a range of devices, to achieve challenging goals, including collecting and analysing data and meeting the needs of known users	The following courses cover HTML/CSS, JS and database applications like Firebase: Web Development 0 Web Development 1 Web Development 2
08 - create, reuse, revise and re-purpose digital artefacts for a given audience, with attention to trustworthiness, design and usability	Typography Color Theory Human Computer Interaction
09 - understand a range of ways to use technology safely, respectfully, responsibly and securely, including protecting their online identity and privacy; recognise inappropriate content, contact and conduct, and know how to report concerns	Look at Impacts of Computing 300 - Security Siege for our Hour of Code project on this topic.
Key Stage 4 (14+ years old)
Learning Outcome	CA Courses/Unit Plans
All pupils must have the opportunity to study aspects of information technology and computer science at sufficient depth to allow them to progress to higher levels of study or to a professional career.	JavaScript level 1 JavaScript level 2 JavaScript level 3 Python level 1 Python level 2 Python level 3 HTML/CSS level 1 HTML/CSS level 2 HTML/CSS level 3 JQuery 1 Web Development 1 Web Development 2 Web Development 3 If a student works through a given track like JS or Python from Intro to level 3 they will have a pretty good foundation to allow them move on to further study or employment. If they work through multiple ones like HTML/CSS/JS/Web Dev then they will have an excellent foundation for Web Development
01 - develop their capability, creativity and knowledge in computer science, digital media and information technology	All of the above courses from the tracks plus: Algorithms 1 Typography Color Theory Data Representation 4 - Reality Bites
02 - develop and apply their analytic, problem-solving, design, and computational thinking skills	This kind of thing will be a result of working through the courses above from the tracks and using their knowledge to build things and solve problems. This course may also be helpful: Planning
03 - understand how changes in technology affect safety, including new ways to protect their online privacy and identity, and how to report a range of concerns	Again a more contextual one probably taught more through discussion in the classroom although eventually we may have some digital literacy content covering some of it.

Computer Science A levels http://ocr.org.uk/Images/170844-specification-accredited-a-level-gce-computer-science-h446.pdf

Code Avengers don't yet cover this fully. We would recommend the amazing CS field guide created by Canterbury University in NZ. Start with this CS fieldguide chapter + Programming Languages 1. If you are not familiar with programming languages already, then realistically this is an ideal starting point before you start tackling the harder concepts. This is all prereq knowledge. The activities on machine language will be at the level needed for A levels.

Computer Science A level JUST USING CODE AVENGERS: Python 3 and Programming Languages 1

(a) Need for and characteristics of a variety of programming paradigms.

PY3 and JS3 only cover examples of functional and procedural but never explicitly talk about the paradigms themselves. So it's really only a "using".

(b) Procedural languages.

This paradigm is covered a LOT in the Python courses. But it's only "using". Most of what PY3 covers is implicit, in the sense that if they've done Python before learning the OOP stuff then they've done it procedurally, and the course talks a little bit about why we use OOP and what the advantages are etc..

(c) Assembly language (including following and writing simple programs with the Little Man Computer instruction set). See appendix 5d.

Lesson 5 and 6 of PL1 is a great starting point. But you would need to follow it up and look into LMC

(d) Modes of addressing memory (immediate, direct, indirect and indexed).

None of our courses cover this yet. This is what we plan to make our level 2 and level 3 Programming Languages courses cover. These will not be available in 2018 however.

(e) Object-oriented languages (see appendix 5d for pseudocode style) with an understanding of classes, objects, methods, attributes, inheritance, encapsulation and polymorphism.

Python 3 covers most of e, but does not cover inheritance or polymorphism

United States Curriculum

Code Avengers have created a whole new group of Junior courses for elementary schools up to junior high schools that are aligned to parts of the Computer Science K-12 framework. Much of our PRO content covers Algorithms and Programming.

Overall the CA programming courses (JavaScript, Python, and Web Dev) cover a lot of the programming and algorithms content, in terms of learning about how to break down problems, write code, programming concepts and structures etc.

Our Computer Science courses (Programming Languages, and Algorithms) cover a lot of the other concepts quite well also.

The least covered topics are in networking, hardware and software, and the more ethical/philosophical topics.

View details of CA alignment to the CS K-12 curriculum

International Baccalaureate (IB)

Code Avengers cross-curricular focused Junior courses can support inquiry learning in Primary Years Programme (PYP).
Our Intro and Level 1 courses all teach the skills to create programs, web sites and apps, which students can use to create outcomes for a Digital Design course in the Middle Years Programme (MYP).
For Computer Science in the Diploma Programme (DP) or Career Related Programme (CP) our Level 1 Computer Science courses can support learners to develop confidence in select general topics.
Code Avengers is not connected to the IB system, the guide merely indicates how we might support a learner using IB with some additional learning resources.

View details of CA alignment to the IB curriculum

Cambridge International CS

Code Avengers can strongly support the teaching of Section 1: Theory of Computer Science and it has courses that completely cover the requirements of Section 2: Practical Problem-solving and Programming.

The linked document shows how Code Avengers courses align with Cambridge IGCSE Computer Science 0478 syllabus for 2020 and 2021.

PDF of CA alignment to the Cambridge International CS curriculum

Cross Curricular Coding

Below is some suggested coding for different learning areas

Cross curricular coding ideas

1. NAV BAR

13HRS

Resources

Guide

</div>
<div class="js comments_comment-content">
<div class="comments_comment-profile-info">
<span class="js comments_comment-profile-name">{{codeName}}</span>
        
<span class="js comments_comment-timestamp">{{timestamp}}</span>
      </div>
<p class="js comments_comment-text">{{comment}}
<div class="js comments_comment-buttons">
<span class="js comments_comment-replies-count" data-upvotes="{{upvotes}}">{{upvotes}}</span>
<button class="js comments_comment-up-vote"></button>
<button class="js comments_comment-reply"></button>
      </div>
    </div>
    {{#if parentID}}

{{else}}
<div class="js comments_comment-replies">
        
      </div>
    {{/if}}
  </div>

<div class="guiders-preview_content">
      {{#if complete}}{{else}}
<h4 class="guiders-preview_subtitle">{{subtitle}}</h4>
      {{/if}}
<h2 class="guiders-preview_title">{{{title}}} {{#if complete}}{{{message}}}{{/if}}</h2>
      {{#if complete}}{{else}}
<div class="guiders-preview_description"><p>{{{message}}}</div>
      {{/if}}
      {{#if complete}}
<div class="guiders-preview_social-buttons">
<a href="{{{twitterUrl}}}" target="_blank" onclick="ai.publish(true, null, event);" class="js guiders-preview_social-button -twitter"><i class="guiders-preview_social-icon icon-ca-twitter"></i> {{{twitter}}}</a>
<button class="js guiders-preview_social-button -facebook" onclick="ai.share.facebook();ai.publish(true, null, event);"><i class="guiders-preview_social-icon icon-ca-facebook"></i> {{{facebook}}}</button>
      </div>
      {{/if}}
    </div>
  </div>  
  {{#if tour}}
<p class="guiders-preview_action">{{{action}}}
  {{/if}}

{{#with pricing}}
<div id="pricing-popup">
<div class="pricing">
<h3 class="pricing_header">{{{header}}}</h3>
<p class="pricing_info">
    
    {{{text}}}

<div class="pricing_sections">
    {{#each sections}}
<div class="pricing_section-wrapper">
<div class="pricing_section">
<h3 class="pricing_section-header">{{header}}</h3>
          {{#if list}}
            {{#each list}}
<p class="pricing_section-info">{{this}}
            {{/each}}
          {{else}}
<p><span class="js- pricing_section-price">{{price}}</span> <span class="js- pricing_section-dom">{{dom}}</span> <span class="pricing_section-details">{{{details}}}</span>
<p class="pricing_section-info">{{{text}}}</p>
          {{/if}}
        </div>
        {{#if button1}}
<button class="pricing_button js signup-button">{{../button1}}</button>
        {{/if}}
        {{#if button2}}
<button class="pricing_button -red js-quote-button" data-analytic="submit-quote">{{../button2}}</button>
        {{/if}}
      </div>
    {{/each}}
    </div>
    
  </div>
</div>
{{/with}}

<div id="quote" class="js quote">
    <div class="pricing">
        <h3 class="pricing_header">{{{header}}}</h3>
        <p class="pricing_info">{{{text}}}</p>
        <div class="js pricing_sections">
        {{#each inputs}}
            <div class="pricing_input-wrapper {{size}}">
                <label class="pricing_label">{{placeholder}}</label>
                {{#if list}}
                    <select required name="{{name}}" class="js pricing_input">
                    {{#each list}}
                        <option value="{{#if name}}{{name}}{{/if}}">{{#if name}}{{name}}{{else}}{{this}}{{/if}}</option>
                    {{/each}}
                    </select>
                {{else}}
                    <input required type="{{#if type}}{{type}}{{else}}text{{/if}}" name="{{name}}" placeholder="{{placeholder}}" class="js pricing_input" value="{{value}}">
                {{/if}}
            </div>
        {{/each}}
        </div>
        <button class="js-teacher-quote pricing_button -red" data-analytic="submit-quote-button Quote">{{{button}}}</button>
  </div>
</div>

{{else}}
            {{{level}}}
          {{/if}}
        </h2>
<h3 class="track-popup_name">{{name}}</h3>
<p class="track-popup_description">{{description}}</p>
      </div>
    </div>
<div class="track-popup_header-right">
      {{{trackBox}}}
      
      {{#if secondaryButton}}
<a href="{{trackUrl}}" class="js track-popup_header-button">{{secondaryButton}}</a>
      {{/if}}
    </div>
  </div>
<div class="js track-popup_tracks">
    {{#each courses}}
<div class="track-popup_course">
<div class="track-popup_course-left">
<div class="track-popup_course-left-content">
<h2 class="track-popup_course-name">{{name}} {{type}}</h2>
<p class="track-popup_course-info">{{{description}}}</p>
          </div>
        </div>
<div class="track-popup_course-right">
          {{{boxHtml}}}
<a href="{{url}}" class="track-popup_course-button {{#if ../disableTrack}}is-disabled{{/if}}">{{../startNowButton}}</a>
        </div>
      </div>
    {{/each}}
  </div>
</div>

<div class="guides-info-section">
<h3 class="guides-info-section_heading">Key</h3>
<div class="js guides-info-section_key">
<p class="js guides-info-section_key-text">There are five types of lesson segments:</p>
<i class="guides-info-section_key-icon icon-ca-puzzle"></i> <span class="guides-info-section_type">Concepts</span>: <p class="guides-info-section_key-description">Notes on the concepts covered in the CA lessons.</p>
<i class="guides-info-section_key-icon icon-ca-rocket"></i> <span class="guides-info-section_type">Activities</span>: <p class="guides-info-section_key-description">Off-line and online activities to supplement the CA lessons. </p>
<i class="guides-info-section_key-icon icon-ca-ca-logo"></i> <span class="guides-info-section_type">CA Lessons</span> = <p> class="guides-info-section_key-description"Online lessons created by CA.</p>
<i class="guides-info-section_key-icon icon-ca-ca-logo"></i> <span class="guides-info-section_type">CA Projects</span> = <p class="guides-info-section_key-description">Online projects created by CA to reinforce your learning.</p>
<i class="guides-info-section_key-icon icon-ca-ca-logo"></i> <span class="guides-info-section_type">CA Quizzes</span> = <p class="guides-info-section_key-description">Online quizzes created by CA to review previous lessons.</p>
<p class="js guides-info-section_key-text">These small segments can be organised into three sections</p>
<p><span>Prior Learning</span>: These are recap/review segments</p>
<p><span>The Lesson</span>: This section leads you through the concepts, activities and CA lessons.</p> 
<p><span>Extension</span>: These are additional concepts, activities and lessons.</p>
  </div>
</div>

<div class="js purchase-item {{handler}} {{type}} {{#if purchased}}has-purchased{{/if}} {{#if isComplete}}is-complete{{/if}} {{#if new}}-new{{/if}}" {{#if id}} data-id="{{id}}" {{/if}} {{#if plan}} data-plan="{{plan}}" {{/if}} {{#if item}} data-item="{{item}}" {{/if}} {{#if url}} data-url="{{url}}" {{/if}}>
<img src="{{img}}" class="purchase-item_img">
<p class="purchase-item_header">{{title}}</p>
    {{#if description}}
<p class="purchase-item_text">{{description}}</p>
    {{/if}}
<p class="purchase-item_price"><span class="purchase-item_price-price {{#if salePrice}}-strikethrough{{/if}}">{{price}}</span> {{#if salePrice}}<span class="purchase-item_price-sale">{{salePrice}}</span>{{/if}}</p>
<p class="purchase-item_type">USD {{per}}</p>
<div class="purchase-item_buttons">
      {{#each buttons}}
        {{#if url}}
<a href="{{url}}" {{#if target}} target="{{target}}" {{/if}} class="js purchase-item_button external-link" title="{{text}}">{{text}}</a>
        {{else}}
<button class="js purchase-item_button {{hander}}" title="{{text}}">
<span class="js show-spinner">{{text}}</span>
<div class="js show-spinner" data-loader="circle-side"></div>
          </button>
        {{/if}}
      {{/each}}
    </div>
    {{#if info}}
<p class="purchase-item_info">{{info}}</p>
    {{/if}}
  </div>

<div class="js payment-form">
<div class="payment-form_content">
      {{{header}}}
<div class="payment-form_inputs">
<div class="js payment-form_input-wrapper -wide -radios">
<div class="js payment-form_option" data-type="ccd">
<label class="js payment-form_label" title="{{creditCard}}">{{creditCard}}</label> 
<span class="js payment-form_option-radio is-active"></span>
          </div>
<div class="js payment-form_option" data-type="paypal">
<label class="js payment-form_label" title="Paypal">Paypal</label> 
<span class="js payment-form_option-radio"></span> 
          </div>
        </div>
      </div>
<form class="js payment-form_input-wrapper -wide ccd_form">

<div class="payment-form_inputs">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{firstName}} *</label>
<input class="js payment-form_input -dark" type="text" data-recurly="first_name">

</div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{lastName}} *</label>
<input class="js payment-form_input" type="text" data-recurly="last_name">

</div> 
        </div>
        
        {{#if includeSignup}}
<div class="js payment-form_inputs include-signup">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{email}} *</label>
<input class="js payment-form_input -dark" type="email">

</div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{password}} *</label>
<input class="js payment-form_input" type="password">

</div> 
          </div>
        {{/if}}

<div class="payment-form_inputs">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{cardNumber}} *</label>
<div data-recurly="number"></div>
          </div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">CVV *</label>
<div data-recurly="cvv"></div>
          </div> 
        </div>
<div class="payment-form_inputs">  
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{month}} *</label>
<div data-recurly="month"></div>
          </div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{year}} *</label>
<div data-recurly="year"></div>
          </div> 
<input type="hidden" name="recurly-token" data-recurly="token">

</div>
      </form>
<div class="payment-form_input-wrapper -wide js code">
<label class="js payment-form_label">{{couponCode}} </label>
<input type="text" name="coupon" class="js payment-form_input">

</div>
      
      {{#if includeSignup}}
<div class="js payment-form_input-wrapper include-signup">
<span class="js payment-form_option-checkbox policy-consent -dark" data-value="yes"></span>
<label class="js payment-form_label -checkbox -no-caps">
            {{{consent}}}
          </label>
        </div>
      {{/if}}

<div class="payment-form_buttons">
<div class="js payment-form_error"></div>
<button class="js payment-form_continue-button">
<span class="payment-form_continue-button-text js show-spinner">{{buttonText}}</span>
<div class="js show-spinner" data-loader="circle-side"></div>
        </button>
      </div>
    </div>
  </div>

<!doctype html>

<body class="slide -{slideType}">
<header class="slide_header"> 
<i class="slide_logo icon-ca-ca-logo"></i>
<span class="slide_title">{header}</span>
<div class="slide_controls">
<button id="presentation-jump" class="js slide_controls-button -jump" onclick="window.opener.ai.presentation.previousSlide(true)"><i class="slide_controls-icon icon-ca-left-arrow -double"></i><i class="slide_controls-icon icon-ca-left-arrow -double"></i></button>
<button id="presentation-prev" class="js slide_controls-button -prev" onclick="window.opener.ai.presentation.previousSlide(false)"><i class="slide_controls-icon icon-ca-left-arrow"></i></button>
<button id="presentation-next" class="js slide_controls-button -next" onclick="window.opener.ai.presentation.nextSlide(false)"><i class="slide_controls-icon icon-ca-right-arrow"></i></button>
<button id="presentation-skip" class="js slide_controls-button -skip" onclick="window.opener.ai.presentation.nextSlide(true)"><i class="slide_controls-icon icon-ca-right-arrow -double"></i><i class="slide_controls-icon icon-ca-right-arrow -double"></i></button>
</div>
</header>

{content}
</section>

</body>

<div class="js- projects-popup -{{type}}">
<div class="js- projects-popup_top">
    {{#if image}}
<div class="js- projects-popup_image-wrapper">
      {{#if promo}}{{else}}<div class="projects-popup_image-overlay"></div>{{/if}}
<img src="{{image}}" class="js- projects-popup_image">

</div>
    {{/if}}
<div class="projects-popup_info">
<div class="projects-popup_header">
<span class="js- projects-popup_title">{{{name}}}</span>
        {{#if time}}<span class="js- projects-popup_time">{{{time}}}</span>{{/if}}
      </div>
      {{#if description}}<p class="js- projects-popup_description">{{{description}}}</p>{{/if}}
      {{#compare progress '>' 0}}
        {{#equals type project}}
<div class="projects-popup_progress-bar">
<div class="js- projects-popup_progress {{{theme}}}" style="width: {{progress}}%"></div>
          </div>
        {{/equals}}
      {{/compare}}
    </div>
  </div>
<div class="js- projects-popup_bottom">
<div class="projects-popup_info">
<div class="projects-popup_header">
<span class="js- projects-popup_title">{{{name}}}</span>
        {{#if time}}<span class="js- projects-popup_time">{{{time}}}</span>{{/if}}
      </div>
      {{#if description}}<p class="js- projects-popup_description">{{{description}}}</p>{{/if}}
      {{#compare progress '>' 0}}
        {{#equals type project}}
<div class="projects-popup_progress-bar">
<div class="js- projects-popup_progress {{{theme}}}" style="width: {{progress}}%"></div>
          </div>
        {{/equals}}
      {{/compare}}
    </div>
    {{#if image}}
<div class="js- projects-popup_image-wrapper {{#if promo}}-promo{{/if}}">
      {{#if promo}}{{else}}<div class="projects-popup_image-overlay"></div>{{/if}}
<img src="{{image}}" class="js- projects-popup_image">

</div>
    {{/if}}
  </div>
</div>

<div class="pdf-header_title">{{name}} Answers</div>
</header>
<section class="pdf-section">
  {{#each lessons}}
<div class="pdf-section_lesson-title">{{lessonNo}}. {{{title}}}</div>
    {{#each tasks}}
<div class="pdf-section_task">
<h2 class="pdf-section_task-title">{{lessonNo}}.{{taskNo}}. {{{objective}}}</h2>
        {{#if solution}}
<pre class="prettyprint pdf-section_code">{{{solution}}}</pre>
        {{else if questions}}
<p>Review Quiz Questions:<br>

<ol class="pdf-section_list">
            {{#each questions}}
<li class="pdf-section_list-item">{{{answer}}}
            {{/each}}
          </ol>
        {{else if answer}}
<p>{{{answer}}}
        {{/if}}
      </div>
    {{/each}}
  {{/each}}
</section>
<script>addEventListener("load", function (event) { prettyPrint() }, false);</script>

<div class="pdf-header_title">{{name}} Instructions</div>
</header>
<section class="pdf-section">
  {{#each lessons}}
<div class="pdf-section_lesson-title">{{lessonNo}}. {{{title}}}</div>
    {{#each tasks}}
<div class="pdf-section_task">
<h2 class="pdf-section_task-title">{{lessonNo}}.{{taskNo}}. {{{objective}}}</h2>
        {{#if goal}}
          {{{goal}}}
        {{/if}}
        {{#if questions}}
<p>Review Quiz Questions:<br>

<ol class="pdf-section_list">
            {{#each questions}}
<li class="pdf-section_list-item">{{{question}}}
            {{/each}}
          </ol>
        {{/if}}
        {{#if answer}}
<p>{{{answer}}}
        {{/if}}
      </div>
    {{/each}}
  {{/each}}
</section>
<script>addEventListener("load", function (event) { prettyPrint() }, false);</script>

{{#each this}}
<div class="course-box -{{theme}}">
<div class="course-box_content">
<div class="course-box_top-bar">
<div class="course-box_top-bar-left">
<span class="course-box_type">{{level}}</span>
<span class="course-box_title">{{{name}}}</span>
          </div>
<div class="course-box_top-bar-right">
<span>{{hours}} HRS</span>
<span class="course-box_top-post"></span>
<span class="course-box_preview-btn">Preview <i class="icon-ca-play-full course-box_preview-btn-triangle"></i></span>
          </div>
        </div>
<div class="course-box_details">
<p class="course-box_description">{{{description}}}</p>
<div class="course-box_buttons">
<div class="course-box_buttons-left">
              {{#if progress}}
<a href="{{url}}" class="button course-box_resume-button">Resume</a>
              {{else}}
<a href="{{url}}" class="button course-box_resume-button">Start</a>
              {{/if}}
            </div>
<div class="course-box_buttons-right">
<button class="button course-box_details-button">View Details</button>
<div class="course-box_content-footer">
<div class="course-box_footer-info">
                  
                </div>
<div class="course-box_footer-info">
                  {{difficulty}}
                </div>
<div class="course-box_footer-info">
                  {{taskCount}} Tasks
                </div>
              </div>
            </div>
          </div>
<div class="course-box_footer">
<div class="course-box_footer-info">
                  
            </div>
<div class="course-box_footer-info">
              {{difficulty}}
            </div>
<div class="course-box_footer-info">
              {{taskCount}} Tasks
            </div>
          </div>
        </div>
      </div>
<div class="course-box_preview">
        {{#if image}}
<div class="course-box_preview-image">
<image src="{{image}}" class="course-box_preview-image-image">
          </div>
        {{else}}
<div class="course-box_preview-video">
<div class="course-box_preview-video-play">
<div class="course-box_preview-video-play-icon">
<i class="icon-ca-play"></i>
              </div>
            </div>
          </div>  
        {{/if}}
      </div>
<div class="course-box_percentage-top">
<span class="course-box_percentage-circle"></span>
<div class="course-box_percentage-percent-wrapper">
<span class="course-box_percentage-percent" style="width: {{progress}}%"></span>
        </div>
<i class="icon-ca-ribbon-small{{ribbon}} course-box_percentage-ribbon -percent{{progress}}"></i>
      </div>
<div class="course-box_percentage-bottom">
<span class="course-box_percentage-circle"></span>
<div class="course-box_percentage-percent-wrapper">
<span class="course-box_percentage-percent" style="width: {{progress}}%"></span>
        </div>
<i class="icon-ca-star course-box_percentage-star"></i>
<i class="icon-ca-ribbon-small{{ribbon}} course-box_percentage-ribbon -percent{{progress}}"></i>
      </div>
    </div>
  {{/each}}

<!doctype html>
<style>
    html {
        font-size: 0 !important;
    }

.t-quiz > * {
        font-size: initial !important;
        margin-bottom: 0 !important;
    }
</style>
<link rel="stylesheet" href="/dist/style.min.css?0.052468554855654936">
{{#each css}}
{{/each}}
<script>
    window.CHINA = true;
    window._MIN_ = '';
    window.CURRENT_VERSION = '1';
    window.IFRAME = true;
</script>
<script src="/js/jquery.js?v=yOKaW5htuhTZ_ZEWQ-n3h0ennNBkN3zmVmtasuaxVKk"></script>
<script src="/js/jquery-ui.min.js?v=_CzTpg6QTje_ISm9yjDTYORSNm5j6oJ56j0nP6TCzhc"></script>

download
new file
upload media
rename

delete

Keyboard Shortcuts

Toolbox

My Notes

Loading Notes...

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

canvas {
        background-color: white;
        border: 1px solid black;
    }

table {
        position: absolute;
        width: 360px;
        height: 300px;
        background-color: black;
        top: 50%;
        opacity: 0.9;
        margin: auto;
        margin-top: -150px;
        left: 0;
        right: 0;
        cursor: pointer;
    }

td {
        padding: 24px;
    }

p {
        line-height: 28px;
    }

.social-share img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

h1 {
        font-size: 28px;
    }

#code {
        display: none;
    }
</style>

<a href="{protocol}//{domain}"><img src="{protocol}//{domain}/images/logo-full.png"
                                    alt="Code Avengers logo" width="200"
                                    style="margin-top: 20px;"></a>
<br><span>presents</span>
<h1>"{title}" by {codename}</h1>
<iframe id="myApp" {events} width="{width}" height="{height}"></iframe>
<p>Learn to make apps, games and websites with <a style="color: #ef5555" href="/">CodeAvengers.com</a>

<table onclick="this.style.display='none';displayApp()">
<tr>
<td>  
<h2>Instructions</h2>
<p>{instructions}
  
<p>
<b>Click to start</b>

</table>

<div id="code">
{content}
</div>

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

canvas {
        background-color: white;
        border: 1px solid black;
    }

td {
        padding: 24px;
    }

p {
        line-height: 28px;
    }

.social-share img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

h1 {
        font-size: 28px;
    }

.fullscreen footer, .fullscreen header {
        display: none;
    }

.fullscreen table {
        top: 170px;
    }
</style>

<header>
<a href="{protocol}//{domain}"><img src="{protocol}//{domain}/images/logo-full.png"
                                    alt="Code Avengers logo" width="200"
                                    style="margin-top: 20px;"></a>
<br><span>presents</span>
<h1>"{title}" by {codename}</h1>
</header>

<canvas id="paperscriptCanvas" tabindex="0"
        {canvasEvents} width="{width}" height="{height}"></canvas>

<footer>
<p>Learn to make apps, games and websites with <a style="color: #ef5555;" href="/">CodeAvengers.com</a>

</footer>

<tr>
<td>  
<h2>Instructions</h2>
<p>{instructions}
  
<p>
<b>Click to start</b>

</table>

<title>Code Avengers Profile</title>
<meta name="viewport" content="width=device-width">

<header>
<a href="https://codeavengers.com"><img src="/images/logo.png"></a>
<a href="/m/about.html">About us</a> | <a href="http://blog.codeavengers.com">Blog</a>
</header>
<section>
<h2>My Profile</h2>
<img src="/images/profile9.png" width="180" alt="profile">

</a>
<strong>Name</strong>: Supacoda<br>

<strong>Birthday</strong>: 14<sup>th</sup> April<br>

<strong>Height</strong>: 1.79m<br>

<h3>My Super Powers</h3>
<p>I have super endurance, once I start, I keep going until I finish!
	
<p>I will eat anything and lots of it... if there is a plate with food on it, I will eat it!