• Skill Level:
    Intermediate to Advanced
    Price:
    Free
    Languages/Skills:
    HTML5, CSS3, Javascript, Jquery
    Instruction:
    Coding demos
    Course Length:
    Self-paced
    Accreditation:
    None
    Prerequisites:
    Some coding knowledge
    Software/Hardware Requirements:
    None
    [​IMG]

    Overview

    The CodePlayer offers a slightly different approach to learning to code by playing code like a video, helping people to learn front end technologies like HTML5, CSS3, Javascript, Jquery easily, quickly and interactively. The free video “walkthroughs” demonstrate in real-time how others have created a particular effect, element, page or app from scratch. For example, you can see how to code a 3D HTML form, or create a Matrix style rain animation simply by viewing the code or playing a video walkthrough of the code being written in real-time. The video walkthroughs have speed control options allowing you to study the code at your own pace and each lesson comes complete with a video, in-depth description and a commenting tool allowing users to ask and answer code related questions.

    On opening a tutorial, users can read the description and view the finished product. You can choose to play the walkthrough or view the code. On launching a walkthrough, the finished product appears on the right side of the screen as the code is written on the left.

    Once you feel confident enough, you can start creating your own presentations to teach others.

    Tools & Features
    • Real-time video coding “walkthroughs”
    • Walkthrough description
    • Commenting tool
    • Timeline slider for pausing and rewinding
    • Links to related walkthroughs
    • Search tool
  • [​IMG]

Share this Item

Recent User Reviews

  1. Carolyn
    3/5,
    "Great resource to supplement learning"
    Content & Instruction:
    4/5,
    Depth:
    3/5,
    Materials:
    4/5,
    Assessment:
    1/5,
    Fun Factor:
    3/5,
    Accreditation:
    1/5,
    Engagement:
    4/5,
    Workload:
    3/5,
    Practicality:
    4/5,
    Pros - You can learn at your own pace by altering the speed of the videos
    Commenting tool allowing questions & answers
    Clear coding structure
    Real-time demonstration of how coding works
    Cons - No actual instruction
    Not ideal for beginners
    No tutorial index
    The CodePlayer is a great resource to supplement learning by demonstrating the real-time effects of coding. This different approach to teaching coding allows people to see the building of an element, page or app from the ground up. Beginners can certainly take inspiration from what can be achieved with coding, but the platform is better suited to coders with a bit of experience.

User Comments

To view comments, simply sign up and become a member!