The EdTech Roundup
Connect:
  • Home
  • Reviews
  • Editorials & Press
  • Ed Tech Sites
  • Lesson Plans
    • Elementary
    • Secondary
  • Former Weekly Podcast
  • About Me
  • Contact

CodeCampKidz - Learn to Code HTML & CSS

1/25/2015

0 Comments

 
Picture
CodeCampKidz is a new eLearning platform that is designed to teach students in grades 5 – 8 how to write code online. It’s unique, easy to use, eLearning platform was designed to introduce app development to students in an achievable way. Students can have fun building projects while learning coding skills at the same time.  

CodeCampKidz offers the first level of projects for free and has premium plans that advance to higher levels. Let’s check them out!

The first thing that struck me about CodeCampKidz was the simplicity of the screen design. It was very intuitive and only presented the options required to complete the immediate task. Additionally, the site uses audio instructions for each step of the project, something that you don't see in free coding sites like CodeAcademy.  These are great for younger students, or students who prefer audio over text-based instruction.

Next, let’s let's examine their 3 step learning sequence that they follow for each activity. The first step in the sequence is the “Flash Card” lesson instruction. Rather than having paragraphs or videos of multi-step instructions, they break each project down into small incremental steps and only “spoon feed” it out step by step. In the example picture below, the <div> tag is being used in the lesson and a brief description of it is presented before immediate immersion in code writing.

Picture

The second step immediately uses the code the students have learned to begin building a page. There is a major focus in the site on writing actual code, and throughout the lessons that is where you find the bulk of the focus.  When the “work area” screen loads, the code is presented. Highlighted example code demonstrates how the code should look when the student finishes typing. 

Picture
One of the features I really liked was every time I completed a line of code correctly, that line was automatically highlighted. I found that to be a great visual cue and helped me to know if I was on track or not.

The third and final step was visually comparing my work with the example. This helps the learner to determine if they have successfully completed a particular step.

Picture

I found the 3 step lesson delivery format to be very practical overall and the majority of my time was spent actually writing code and comparing my work to the example.  I also appreciated how I could see my project being constructed piece by piece as I added in new code. This helped to add context to the lessons and produce a tangible final product.

I also liked the code checker which points out any errors made along the way, and makes it easier for students to find their mistakes if they have any.

Picture

When I finished all the lesson steps, the code techniques I learned were added to the “Toolbox” in the Playroom. That is the where you can play with new or existing code and see the effect on the app page. While students are working in the toolbox they can click on any pieces of code to insert the snipped wherever they want, rather than having to retype it.

Picture

One of the features I really liked in the Playroom was the reference window which showed previous code I had written. It is designed to make it easier to remember how to use the techniques from previous lessons. Since it opened in a separate window I was able to copy over the code and structures I needed to complete my tests.

Picture

If you would like to see the site in action, you can watch this brief 1 minute video introduction from the team. It does a pretty good job hitting the highlights and giving you a feel for the student experience.


With all that being said, my primary initial concern is the fact that the main activity is looking at example code and copying it into "your code."  At first I had my doubts about this, as students would just be copying and pasting code without really understanding it.  But the way the lessons are structured, and the instruction that is given, definitely helps the students learn about the functions of the different pieces of code as they continue, so I don't believe this would be a long-term issue.


My only other worry would be the vocabulary, which would definitely be out of reach for a lot of late elementary, early middle school students.  It would be nice to see simplified versions of terms, or the use of metaphors, or some strategies to help make the complicated vocabulary more understandable for early learners.

Overall, I think CodeCampKidz would be a great tool to get students started with coding. It has a good design, and they offer a lot of practicality and features that free coding programs don't have, so I would definitely recommend checking out the free content and seeing if it is a good fit for you, your students, or your children.  With all that in mind...



Picture


The opinions expressed in this review are my own.
I was not compensated for writing this review.
0 Comments



Leave a Reply.

    Reviews

    Here you can find the Round Up's collection of in-depth reviews on the latest programs, apps, websites, and more.

    Make sure to click the review's title or the Read More link for the complete review!


    Picture

    Featured

    Picture
    Check out our featured review | ClassroomAPP: A Complete, K-12 Digital Platform for Online and In-Person Classrooms

    Teach.com

    Picture

      Subscribe

    Subscribe

    Connect


    Awards

    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture

    RSS Feed


    Archives

    July 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    August 2018
    July 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    November 2015
    October 2015
    September 2015
    August 2015
    June 2015
    April 2015
    March 2015
    February 2015
    January 2015
    December 2014
    November 2014
    October 2014
    September 2014
    July 2014
    June 2014
    April 2014
    March 2014
    February 2014
    January 2014
    December 2013
    November 2013
    October 2013
    September 2013
    August 2013
    July 2013
    June 2013
    April 2013

           
​Except where noted, content on this site is licensed under a Creative Commons Attribution 3.0 License
Picture

Copyright 2020 | Mike Karlin, Ph.D.