CS Education

What to Learn After Scratch

Schools are seeking computer science curriculum now more than ever. Learning programming in a classroom setting is not only important for students pursuing a tech-related future, but it also builds strategies for solving problems, designing projects, and communicating ideas on a broader level. The benefits of coding education are clear, butut how do schools and teachers decide which curriculum to utilize when teaching their students to code? Unless instructors are prepared to provide materials for their students to learn coding from scratch, finding the right online learning platform can be daunting. Luckily, there are some great learning platforms that take the guesswork out of this process.

About Scratch

Many schools introduce their students to coding with Scratch, a block-based programming language. Scratch’s fun and interactive interface sparks interest in the coding field. Due to its drag and drop programming nature, it’s best suited for beginners or younger students without a typing background. However, when students are ready to move on to a more cohesive, text-based curriculum, teachers are stuck trying to figure out what to use next..

Coding After Scratch

Larger projects made in Scratch can run slowly, and users aren’t able to use their creations on smartphones and tablet or transfer and use their projects outside of Scratch at all.  And at some point, students are going to want to write code that lives outside the world of Scratch.

So what’s next? Challenge students with a text-based programming language like JavaScript!

When to go beyond Block Coding Websites

Block coding websites act as a great introduction to coding principles. They introduce students to the creative things they can achieve with computer programming. The built-in limitation of block coding is most pronounced when students are ready to code their own projects. Rather than dragging and dropping pre-written snippets of code into a functioning program, students must learn to write their own code. But starting with an empty code editor can be overwhelming.

What to learn after scratch

When are students ready for this next step? Typically, once students can type on their own and understand core coding concepts like variables and loops, they are ready to move beyond the block interface. This doesn't mean that students have to understand these concepts to start coding, Vidcode courses are designed to be accessible for students who have never coded before.

Beyond Drag and Drop Programming

what to use after scratch

Vidcode helps to bridge this gap by allowing students to use block coding as a scaffold. Vidcode starts with coding blocks that turn into real code in the code editor. Students play around with those initial lines of code and get comfortable with JavaScript syntax before writing code on their own. Students get practice with these concepts and writing code in an accessible way. 

How is this different from Scratch?

Many teachers and administrators worry whether they are teaching their students the “right” coding concepts and struggle with how to approach such a large field. Vidcode relieves the stress of these challenges by providing full curriculums that are easy for non-technical teachers to facilitate. We offer tutorials, challenge activities and assessments packaged as "courses." These were created and tested in a process led by our Curriculum Lead, a researcher with a computer science PhD. The project tutorials are rigorous, and leave room for students to be creative as they go through the course and build out their digital portfolios.

Unlike Scratch, Vidcode teaches the fundamentals of JavaScript, a high-level programming language used to create interactive effects in web browsers. JavaScript is quickly becoming the most popular programming language in the world. While Scratch is a valuable introductory tool, it cannot be used in real-world web applications. We want to give students the ability to use their coding knowledge outside of the Vidcode curriculum. By learning with Vidcode, students are learning technical computer programming and computational thinking skills that are highly sought after in today’s job market.

Teach coding with JavaScript

JavaScript is largely considered the “language of the web.” Nearly every major website utilizes Javascript to power it’s real-time capabilities (think auto-refresh on Twitter) and many applications will not run without it. It allows users to interact with computers; in today’s technology-friendly age, that is no small thing.

We must also ask ourselves whether certain technologies and programming languages will be relevant in five or ten years. With Javascript, all signs point to “yes.” Recent trends in responsive design required the development of popular libraries like Backbone.js, Ember.js, and React - these all just happen to be Javascript frameworks. In other words, skills students learn with Vidcode today can be applied when they are ready to enter the workforce.
 

5 Vidcode Projects That Have Taught us About Science

Guest blog post by our summer intern Olivia, a rising senior at Marymount.

1). This first Vidcode project, coded by Candace Miller, teaches students about the digestive system in a fun and simple way. Great job, Candace!

2). This second Vidcode project, coded by Olivia Miller, allows viewers to see what the sun may look like in space. Since we cannot actually go to space and observe the motion of planets and of the sun, it is great to see animations of them online when studying astronomy. Great job, Olivia!

outer space coding project

3). This third Vidcode project, coded by the Earth Guys, gives us tips on how to minimize our environmental impact. Great job, Earth Guys!

climate change coding project

4). This fourth Vidcode project, coded by Vidcoder, shows us all that global warming is a serious issue which must be stopped.  If we do not take measures to prevent global warming
from happening, the earth will burn one day. Great job, Vidcoder for bringing awareness to global warming in such a clear way!

global warming computational thinking


5). This fifth Vidcode project, coded by Vidcoder, brings awareness to global warming once again. Given that there are multiple projects on global warming, maybe it is a sign that we should start doing something as soon as possible to prevent global warming from continuing! Great job on your project, Vidcoder!

global warming coding project

Hour of Code: 5 Tips and Tricks

Hour of Code is approaching! 

Hour of Code takes place each year during Computer Science Education Week (the 2016 Computer Science Education Week is December 5-11). 

It's a week to build and learn with code - anyone can do it. CS Education Week is meant to provide a time for schools, teachers, and communities to set aside a small amount of time dedicated to exposing students of all backgrounds to the world of CS opportunities.

Join the movement and introduce a group of students to their first hour of computer science with these five tips and tricks!

 

1. Offer your students tutorials that fit their interests

It's no secret that students want to build things they love. Since your students have different interests, offer them different tutorials!

 
 

Vidcode has fun new activities for students with diverse interests, ages, and experience levels. These tutorials are created to be self-guided for students, and require minimal prep time for teachers.

  • Code the News teaches students how to create the effects they see on news shows on tv.
  • Bestie Greeting Card lets students create a card or invitation using code and graphics inspired by Girl Scouts.
  • Climate Science and Code works best in a Science classroom, and encourages students to research and record a video about a climate fact, and add effects and graphics using code.
  • Code.org has many more activities, including games and art projects, for your students to find something they love!
Projects created for Hour of Code 2016

Projects created for Hour of Code 2016

All Vidcode tutorials cover basic computer science concepts, such as sequencing, creating and assigning variables, repetition with loops, and conditional logic, and follow the principles:

  • Easy enough for beginners to access
  • Ramps up slowly
  • Spiral design
  • Promotes “deep learning”
  • Promotes positive identity, role models
  • Math should be prominent, but not annoying.

Look through all of this year's Hour of Code activities on Code.org, and filter by grade and subject area to find the perfect tutorials for your students. With all these choices, students can be introduced to computer science in a way that's engaging to them!

 

2. Take advantage of Teacher Resources

 
Conditionals activity for Hour of Code

Conditionals activity for Hour of Code

 

All Vidcode Hour of Code activities can be accessed at www.vidcode.io/hour-of-code. Under each tutorial, you'll find Teacher Resources filled with lesson plans, common core standards, other resources and inspiration.

We've released two new lesson plans for Code the News, our newest Hour of Code.  One introduces students to programming as creative and fun, the second is focused on really understanding conditionals (telling a computer what to do if something happens).

 

3. Unplug!

Not all computer science activities require a computer! This year, Vidcode has two Unplugged Activities for Math and Art classes, that could work in any classroom.

 
 

Looking for more? Select 'No computers or devices' under Classroom technology on Code.org to see more tutorials that introduce computer science to students without putting them in front of a screen.

 

4. See your students' work

To see all your students' work in one place, make an account and add your students to your classroom.

Press 'Create a New Class' and then invite students to join with the URL that gets generated.

From this dashboard, you'll be able to see your students' progress. And if you click on the class name, you can see all their completed Hour of Code projects in one place!

To see more Hour of Code projects and get inspired, visit the Gallery!

 

5. Keep going after Hour of Code

 
 

After the Hour of Code, select some creative, funny, or generally awesome projects and easily share them online, with parents, other educators, and on social media. Make sure to tag us at @vidcode and #HourofCode. We love seeing what students create with Vidcode!

And remember, learning to code doesn't have to end just because Hour of Code is over! Vidcode has a full year of curriculum that makes it easy to keep teaching computer science in your classroom.

Request a quote for your school to keep coding creative projects all year!

 

Good luck running the best Hour of Code ever!

Teaching Students to Code at the 92Y

Starting in the summer of 2015 and continuing through 2016-17, New York’s 92nd Street Y teamed with Vidcode to introduce the educational tool to local children with a passion for technology as part of their workshop program.  While aimed at younger students, many adult teachers were quickly grateful for the fun lessons that they, too, are able to take part in.

photo 3.JPG

“Personally, I am always looking for ways to use technology creatively,” said Kelly Saxton, an educator who oversaw the Vidcode classes.  “Any time you give students a voice, or an opportunity for self-expression, the learning outcome is incredible.  If, for example, you enable a student to learn through creating something from their own mind, they will retain that information easier and stronger.  It immediately becomes more real, eliminating the drudgery and replacing it with creativity – and I love that.  With Vidcode, that esthetic was at work, and I think that the kids gravitated towards learning [the coding programs] because of it.”

   
The Vidcode summer intensive workshop launched less one year after Vidcode became available.  Educators associated with the camp were immediately drawn to the app’s functions and quickly joined forces to meet their own initiatives: teaching Javascript, “the "language of the web," through creative video projects.  Located on Lexington Avenue in the heart of New York City, the week-long intensive was comprised of five core lessons – and was successful enough that the organizers again teamed with Vidcode the following year.

“The 92Y already offered other creative programs, such as comic art and sculpture,” Saxton continued.  “But Vidcode offered something unlike we had ever had before. I had been teaching digital media for some time and was excited to try their ‘pre-existing framework,’” which you could then turn into anything you’d like, for myself. The students immediately loved the Vidcode modules which showed how animation works, and proved to be an amazing introduction for the kids to learn code.”

Vidcode’s learning curve is primarily based on teaching Javascript in a fun, game-like way.  The app’s state-of-the-art interface teaches the Javascript coding language through lessons built around creative art projects.  Once viewed as a sophisticated and difficult tech language to comprehend, Javascript is instantly demystified by Vidcode’s unique program initiatives – creating video filters, JavaScript libraries, and HTML5 to control how each user’s video will look.  

By playfully creating music videos, short animation clips, and movie special effects, kids and adults alike instantly pick up the skills needed to learn sophisticated coding practices. All of the young students who participated in the workshops stated that their favorite elements of Vidcode’s the user-friendly modules included movie-making, stop-motion animation, and the opportunity to instantly view their final projects in the app’s interface.  

photo 4.JPG


Thanks to the program, all of the students walked away from the experience, eager to learn more advanced techniques in coding and application creation.  


“The kids were able to understand pretty sophisticated concepts immediately,” Saxton added.  “Normally, it would take a little while for anyone to learn the syntax and more-advanced technology of coding and animation, but with Vidcode, they were hands-on and able to create things within in minutes.  I thought that it could even be an amazing learning tool for adults, as well.”


As an education tool, the young students – all of whom were novices in the world of coding and digital creation – quickly learned such necessities as variables, arrays, and various application functions, while retaining the advanced information due to Vidcode’s almost video-game like appeal.  

Why Role Models are Instrumental for Getting Girls Into the Tech Field

Originally posted as part of our Huffington Post blog series.

“A role model is a person whose serves as an example by influencing others,” says the American Academy of Adolescent Psychology (AAAP).

To see yourself somewhere, and in order to make it easier to set a future path, the most useful and motivating tool is a role model; they give inspiration and guidance. This is why role models are instrumental in getting more women into technology fields. It starts from girls.

While celebrity and known business people are the most obvious, and most attractive choice, an easily accessible, in-person role models are also good and useful to girls.

One of the main elements of the DNA at Vidcode is women in tech. Getting women and girls, who have traditionally been underrepresented in this area, into the field of tech and computer science is something that runs deep here, at our wholly female owned and operated tech company, and one way to do that is through role models that have made it into the tech fields.

While role models that have achieved a “celebrity” status are great, such as Karlie Kloss and Marissa Meyer, role models that can be interacted with are most effective for long term success in the field.

According to a study published in the medical journal, Psychology Women Quarterly “Both boys and girls may identify more with the role model whose success seems to be the most attainable—that is, the role model whose success is explained by efforts.”

The study also shows that “students identify more with a role model whose success in math is explained by hard work than with a role model whose success is explained as natural talent or whose success is not explained.”

This is why an in-person role model is important, as opposed to an out of reach celebrity. 
The study’s findings also show that kids benefit more from a role model they can directly identify with, such as a female working in tech, for girls.

An Accenture study said “We can not emphasize enough the importance of role models in identifying women with leadership goals. Our findings show a strong correlation between having a role model and having C-Suite aspirations. “

But finding a role model for yourself or children might seem difficult. So how can you go about this?

A great way is for through clubs, groups or after school activities that are tech based. These groups will have someone in charge who is knowledgeable about the field and most likely has contacts in the industry. Also groups like big brother big sister, or cultural organizations often have professionals that volunteer to generally mentor or teach new skills. Ask for a volunteer that works in the tech industry.

There are many great organizations whose mission is to further women (and girls) in tech, such as The Grace Hopper Organization,Women In Technology International, and the Association for Women in Computing,the Anita Borg Institute, the National Center for Women & Information Technology (NCWIT), that are trying to get more women and girl interested in technology,and can provide role models.

Announcing the Winner of our Girls Code 4 Climate @EDU Award

Vidcode is excited to announce the winners of the Girls Code 4 Climate @EDU Award! Created in partnership with Millennium@EDU Sustainable Education as a contribution to the UN Framework Convention on Climate Change, the contest invited students from around the globe to create, edit, and submit short videos about the Earth's climate.

So – without further ado – we'd like to congratulate the winners, Sudhiksha, Eilene, and Alyssa for their video “Less Paper = Less Climate Change.” In their video, which they coded and edited in the Vidcode app, they explain the simple things people can help do to help combat climate change every day.

code for climate change

 

Their efforts have earned a new tablet computer, a science lab, and a premium Vidcode account for their classroom. Congratulations, Sudhiksha, Eilene, and Alyssa! 

Congratulations are also in order for our runners-up, whose videos you can view in the Contest Gallery, for their outstanding work in the categories of Research, Concept, Creativity, and Composition. Each category winner won PRO Vidcode accounts, .

The Award is intended to empower students to talk about climate change through art and technology, learning both about the critical environmental issues facing our planet, and about the methods of communication and innovation that will one day help solve them. To participate in this contest, students chose a topic related to climate change, researched that topic and then recorded a short video sharing their research, bringing art, education, and technology together to help change the world. 

 


If you missed the Girls Code 4 Climate competition, fear not! We will be hosting a GirlsCode4Energy@EDU contest in the spring. Sign up below for updates, and we'll see you soon!