• For Course Providers - Click here to submit your online course platform to our directory.

Tutorial The CodePlayer

Learn to code with real-time coding demos

General Information

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
the-codeplayer-logo-jpg.614


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

Site Details

Course Cost
Free Courses
Skill Type
  1. Technical Skills
Course Type
  1. Tutorials
Course Format
  1. On-Demand
Course Language
  1. English

Latest reviews

Content & Instruction
4.00 star(s)
Depth
3.00 star(s)
Materials
4.00 star(s)
Assessment
1.00 star(s)
Fun Factor
3.00 star(s)
Accreditation
1.00 star(s)
Engagement
4.00 star(s)
Workload
3.00 star(s)
Practicality
4.00 star(s)
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.

Comments

There are no comments to display.

Item information

Added by
MoocLab
Views
5,450
Reviews
1
Last update
Author rating
3.25 star(s)
Rating
3.00 star(s) 1 ratings

More in Online Coding Courses

More from MoocLab

Top