TeachersFirst's Coding in the Classroom
Other TeachersFirst Special Topics Collections
This editor's choice offers a curated list of reviewed resources from TeachersFirst selected to help teachers and students learn about coding, and for use as a guide for finding the appropriate tools for use with all grade and skill levels. Nurture problem solving, logic, and creativity with the many ideas found in the “In the Classroom” portion of the reviews. Find resources for just one hour of code or for use as ongoing technology lessons. Explore these resources for use with after-school computer clubs or as an excellent tool when recruiting skilled parent volunteers. Turn the intimidating content of computer programming into an exciting learning adventure for all with these helpful sites!
View our entire list of resources that are tagged Coding.
0-20 of 20
20 Results | sort by:
MakeCode Arcade - Microsoft
Grades
4 to 12
1 Favorites
0 Comments
Modify or create your retro games with MakeCode Arcade. Resources on the site include coding tutorials, game design concepts, learning outcomes, and courses in coding. Follow the prompts...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Modify or create your retro games with MakeCode Arcade. Resources on the site include coding tutorials, game design concepts, learning outcomes, and courses in coding. Follow the prompts within the tutorials to create unique games using drag and drop code blocks. As you become familiar with coding, expand knowledge with javascript or python. Share using the links or download onto Microsoft game devices if available.
tag(s): coding (75), computers (101), game based learning (159), STEM (225)
In the Classroom
Use Microsoft Arcade to introduce coding to both new and experienced coders. Share some ideas from the site on an interactive whiteboard (or with a projector), then have students experiment on their own. Encourage students who are comfortable with coding to become classroom experts and explain ideas to other students. Enhance their learning by asking them to make recordings using Screencast-o-matic, reviewed here, to share tips, and demonstrate different features of coding. Use this tool with gifted students for a great challenge. Set up a coding activity center for interested students when they finish classwork or for rainy days and snow days. Share this link on your class website for students to access both in and out of the classroom.You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Construct3 - Construct.net
Grades
6 to 12
0 Favorites
0 Comments
Design and create games with Construct3. Choose from many different formats including puzzles, role-play, and storybooks along with a choice of beginner and intermediate level coding...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Design and create games with Construct3. Choose from many different formats including puzzles, role-play, and storybooks along with a choice of beginner and intermediate level coding ability options. Take advantage of the beginner's guide and tutorials to learn and practice the available features. All of the game options include drag and drop coding features. As a guest (no registration) you can get 25 events. Register for a free account and you get up to 50 events per game, two layers per layout, two effects per game, and one font choice. To share, publish your finished game to the site's arcade or download to your server.
tag(s): coding (75), game based learning (159), gamification (79), STEM (225)
In the Classroom
Include Construct3 with your other options for teaching coding to students. Take advantage of the included levels to differentiate learning based on knowledge of coding. If you are uncomfortable with coding, enlist students to become technology coaches in your classroom to teach and share their knowledge with others. Use and share Google Forms to create how-to guides for students to get started including images with tips and suggestions. Ask "in-the-know" students to enhance their learning and create one-page websites using Jimdo, reviewed here, sharing advice for individual games included in Construct3. As students become familiar with coding, have them use FlexClip, reviewed here, to extend their learning by creating simple explainer videos detailing how to build and share personalized games.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Blockly Games - Google
Grades
K to 12
0 Favorites
0 Comments
Learn computer programming with Blockly Games, developed for students who don't have any prior coding experience. Games progress in difficulty starting with a simple puzzle and increase...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Learn computer programming with Blockly Games, developed for students who don't have any prior coding experience. Games progress in difficulty starting with a simple puzzle and increase through creating a pond game with text-based programming. Start from the beginning or choose any game to complete activities at your own pace.
tag(s): coding (75), game based learning (159), STEM (225)
In the Classroom
Take advantage of the varying levels included with Blockly Games to introduce and develop coding skills with your students. After sharing the site on your interactive whiteboard (or with a projector), add a link to this site on classroom computers for use as a coding center. Include Blockly Games with your other coding resources using a bookmarking tool like Symbaloo, reviewed here, to share links in one single tool. As students learn about coding, enhance technology use by asking them to reflect upon their learning through blogs. Edublogs, reviewed here, is a free blogging platform developed for classroom use. Modify technology use by asking students to include screenshots of their work and discuss their problem-solving tips as they work through the different levels of coding skills. Use a screenshot tool such as Awesome Screenshot, reviewed here. As students become more proficient in using code, ask them to create their own games using Blockly, reviewed here.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Disney Hour of Code Digital Toolkit - Moana: Wayfinding with Code - Disney and Code.org
Grades
2 to 6
0 Favorites
0 Comments
Participate in Hour of Code activities using Disney's Moana as an engaging introduction to computer science. This site includes videos, a printable toolkit, and a hands-on coding adventure...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Participate in Hour of Code activities using Disney's Moana as an engaging introduction to computer science. This site includes videos, a printable toolkit, and a hands-on coding adventure geared toward students ages eight through twelve. There is information in the toolkit sharing suggestions for preparing for your Hour of Code activities including coordinating volunteers and providing the appropriate technology needed for the session.
In the Classroom
Take advantage of these free materials to plan your Hour of Code activities for your school or classroom. Although created for Hour of Code, use these materials to create student interest in computer science at any time. Find many other coding activities and tutorials for all ability levels at Code, reviewed here. Instead of using the invitation provided in this activity, enhance learning and have students personalize and create their own flyer and invitations using Canva for Education, reviewed here. Use Canva after your activity to send thank you notes to volunteers. Extend learning and have students share their coding stories (including successes and failures) using FlipGrid, reviewed here. Encourage students to continue to learn about coding and computer science using Scratch, reviewed here, to create their own learning games.
This resource requires PDF reader software like Adobe Acrobat.
Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Sinespace - Sine Wave Entertainment Ltd
Grades
6 to 12
0 Favorites
0 Comments
Create and participate in a virtual world community with Sinespace's next-generation virtual world platform. Choose the explore link for an overview of some of the most recent and popular...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Create and participate in a virtual world community with Sinespace's next-generation virtual world platform. Choose the explore link for an overview of some of the most recent and popular regions created by users in the site. Sign up using your email to access creation tools and choose your avatar. Use tools to personalize your avatar and build your virtual region including vehicles and home backgrounds. The free basic plan includes one region with ten concurrent users. At the time of this review, Sinespace works on PC that has Windows/Mac/Linux. Though they are working on Android and iOS versions.
tag(s): animation (62), coding (75), computers (101), digital storytelling (128), STEM (225)
In the Classroom
Be sure to check with your Technology Department, as many districts require authorization to download or install new applications. Plan ahead as you request that this application be installed on your classroom or laptop cart computers. Share Sinespace on classroom computers and allow students to create and explore on their own. Consider sharing with "tech savvy" students first and let them learn how to create within the site's program. After some students become experts, share Sinespace with other students to begin learning how to work within a virtual environment. Use an infographic creation tool like Canva, reviewed here, to create and share tips for using Sinespace. Once students learn how to perform specific functions, ask them to create an explainer video for other students use using Adobe Creative Cloud Express Video Maker, reviewed here.Edge Features:
Parent permission advised before posting student work created using this tool
Includes Interaction w general public/ public galleries with unmoderated content
Includes social features, such as "friends," comments, ratings by others
Requires registration/log-in (WITH email)
Premium version (not free) includes additional features or storage
Requires download/installation of software
Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Chemistry in Minecraft - Microsoft Studios
Grades
6 to 12
1 Favorites
0 Comments
Chemistry in Minecraft is an update to the popular Minecraft Education Edition, reviewed here. Download the chemistry update to explore elements and...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Chemistry in Minecraft is an update to the popular Minecraft Education Edition, reviewed here. Download the chemistry update to explore elements and compounds and conduct experiments in a virtual world. Crafting tools like the Compound Creator allow for the opportunity to combine elements and explore elements by finding electrons, protons, and neutrons. Download the Teacher's Lab Book that shares how to use this update in the classroom and provides lesson suggestions.
tag(s): coding (75), elements (32), game based learning (159), gamification (79), matter (44), Microsoft (68), molecules (38), STEM (225)
In the Classroom
Benefit from the many features shared in this download to allow students to explore chemistry concepts through gameplay. This site offers many opportunities for problem-solving and decision making. Ask students to share some of their ideas through a podcast. Anchor, reviewed here, is a podcast creation tool that offers the ability to record or upload audio from your computer and add songs from Apple Music and Spotify. Have students share concepts learned through animated videos. My Simpleshow, reviewed here includes free tools for making simple explainer videos.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
The Code Player - thecodeplayer.com
Grades
6 to 12
2 Favorites
0 Comments
Learn to code through videos demonstrating actual typing of code to create items from scratch. Scroll through the page to choose a demo featuring HTML5, CSS, Javascript and more. Click...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Learn to code through videos demonstrating actual typing of code to create items from scratch. Scroll through the page to choose a demo featuring HTML5, CSS, Javascript and more. Click the demo image, then Play, Walkthrough, or View code. Project ideas include creating an interactive to-do list, text bubbles, or hover over information over images, and much more. After selecting a video, go to the upper left corner and click to play the walkthrough or view the code. Playing the walkthrough takes viewers through typing the code from beginning to end. There is no audio/sound.
This site includes advertising.
This site includes advertising.
tag(s): coding (75), computational thinking (34), computers (101), critical thinking (102), design (84), logic (162), problem solving (214), STEM (225), tutorials (47), video (239)
In the Classroom
The Code Player is an excellent tool for anyone who prefers to watch demonstrations to learn instead of reading or listening to directions. Depending on the coding abilities of your students, choose one of the demos to display on an interactive whiteboard or with a projector and learn together. Have groups of students choose a different coding format to complete an activity. Use this site as a model for you or your students to create your own screencasts sharing how-to projects with coding. Enhance learning by using a tool like Screencastify, reviewed here. Screencastify works with the Chrome browser to record your screen and capture audio recordings. Have more advanced students create their own coding projects for classroom use.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Edabit - Matt MacPherson
Grades
6 to 12
0 Favorites
0 Comments
Learn to code with Edabit and their progressively difficult interactive challenges. Start by using your email to register. Begin with challenges that match your coding skills, then...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Learn to code with Edabit and their progressively difficult interactive challenges. Start by using your email to register. Begin with challenges that match your coding skills, then continue learning as you progress through more challenging activities. Each Edabit Challenge includes a problem, practice with code, help resources, and a discussion area. As you complete coding challenges, earn experience points and unlock new skills through real-world situations.
tag(s): coding (75), computational thinking (34), computers (101), critical thinking (102), engineering (111), problem solving (214), STEM (225)
In the Classroom
Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a center, or in a lab setting. Activities are self-paced, so differentiation is easy. However, it is still a good idea, if possible, to seat a more experienced computer user with one who is less experienced. Explain to students that coding is a critical skill in today's world filled with technology and will also be a valuable skill in the job market. Many jobs that will require coding do not yet exist. Put a link to this tool on your class website, blog, or wiki.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Minecraft Education Edition - Microsoft and Mojang AB
Grades
2 to 12
0 Favorites
0 Comments
Promote creativity, problem-solving, and collaboration through game play with Minecraft Education Edition. This version of the popular game includes features for classroom use including...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Promote creativity, problem-solving, and collaboration through game play with Minecraft Education Edition. This version of the popular game includes features for classroom use including documentation of work and a secure environment for class play. In addition to the software download, this site includes a small base of lesson plans, classroom community support forums, and a My Classroom feature. My Classroom allows teachers to create a private world for students to join enabling them to work together in the same world.
tag(s): coding (75), computational thinking (34), game based learning (159), gamification (79), Microsoft (68)
In the Classroom
Make use of the features provided in the education edition of Minecraft to allow learning through gameplay. Ask students to use the camera and portfolio features to document decision making and progress through games. Use features within the game to learn about history, for example, have students import 3-dimensional structures such as the Roman Colosseum to explore and create experiences from that time. Instruct students to create a story for creative writing projects. Encourage students to retell a story through a Minecraft experience. Use Minecraft features to teach math lessons on shape, volume, area, and more. Discover more ideas at Minecraft Hour of Code Tutorials, reviewed here.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Minecraft Hour of Code Tutorials - code.org
Grades
2 to 12
0 Favorites
0 Comments
Use code to make your own Minecraft game or learn the basics of computer coding by moving characters through a Minecraft world with these Hour of Code activities. These activities ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Use code to make your own Minecraft game or learn the basics of computer coding by moving characters through a Minecraft world with these Hour of Code activities. These activities teach and reinforce coding skills through the familiar Minecraft game. After watching a video introduction, you will follow instructions to place code to move characters within the game. Free resources include a lesson plan, videos, computer science curriculum, and a teacher training.
tag(s): coding (75), computational thinking (34), computers (101), critical thinking (102), design (84), problem solving (214), STEM (225)
In the Classroom
Make coding part of science inquiry or math logic in any classroom. Include it as part of scientific method or discussions about careers in science. You may even want to portray coding as just another "world language" in today's world. Be sure to look at all the implementation advice before introducing these extensive coding resources to your class. It would be wise to complete the Hour of Code yourself, so you will feel comfortable helping students if they get stuck. Better yet, invite a few students to do an hour with you after school and learn together! You will have a team of "techsperts" to help their peers. Plan an hour of Code on nationally designated days or on your own calendar! Invite the PTA/PTO to host a coding event. Select a video from this site to use to introduce Computer Science to your students. If you only have a few computers, introduce this tool using a projector or interactive whiteboard and bookmark it as a learning station with earbuds/headphones. Encourage students to help each other when they have difficulty. Share this on your website for students to use at home, too.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Hippani - Hippani Ltd
Grades
6 to 12
0 Favorites
0 Comments
Hippani is an HTML animation software download for creating apps, animations, and more. There are many tutorials available making it easy for beginners to start creating professional...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Hippani is an HTML animation software download for creating apps, animations, and more. There are many tutorials available making it easy for beginners to start creating professional looking results. There is a free and professional version. The free version allows you to create HTML animation and GIF's. With the free version, you can also test out the professional version during the free 30 days trial. Works with Windows and Mac OS X, however, the web apps created can be converted to iOS, Android and Windows phone apps via another program.
In the Classroom
Download Hippani's software onto classroom computers to learn basic coding skills. Students will quickly catch on to this program when allowed to explore and see what they can make. Then, for those who show an aptitude for coding, take advantage of the free 30-day use of the professional edition. Have students browse through the gallery and tutorials to learn about the features of Hippani. Allow them to explore and create on their own as part of your MakerSpace or as a center. Challenge students to use this software to create animated GIFs such as demonstrating how simple machines work, changes in landforms over time, or significant events from novels.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
CodeChef for Schools - Directi
Grades
8 to 12
4 Favorites
0 Comments
CodeChef for Schools offers computer programming training and competitions. After registering as a New User, choose the Get Started button to begin as a newbie and explore frequently...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
CodeChef for Schools offers computer programming training and competitions. After registering as a New User, choose the Get Started button to begin as a newbie and explore frequently asked questions. Choose the practice area to hone skills from beginner level through challenge level. Compete in monthly competitions with other coders from around the globe. Middle and high school students will appreciate the lunchtime contests, an introduction to competitive coding, targeted for their age group. These take place the last Saturday of each month, and specific times are posted on the site (click "Compete" at the bottom of the page). The demonstration videos reside on YouTube. If your district blocks YouTube, the videos may not be viewable.
tag(s): coding (75), competitions (9), computational thinking (34), computers (101), critical thinking (102), problem solving (214), STEM (225)
In the Classroom
Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a center, or in a lab setting. The site offers different levels, so differentiation is built in. Explain to students that coding is a critical skill in today's world filled with technology and will also be a valuable skill in the job market. Many jobs that will require coding do not yet exist. Put a link to this tool on your class website, blog, or wiki. Encourage advanced students to enter the monthly competitions offered on CodeChef.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Dash - General Assembly
Grades
4 to 12
1 Favorites
0 Comments
Dash is an interactive, online learn to code program. Use Dash to practice HTML, CSS, and JavaScript to build a website, blog theme, CSS robot, or your own mad libs ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Dash is an interactive, online learn to code program. Use Dash to practice HTML, CSS, and JavaScript to build a website, blog theme, CSS robot, or your own mad libs game. Choose your project, then follow prompts in each accompanying slide show to add coding and receive feedback. Dash also highlights skills learned to view progress throughout tutorials. Click on any learned skill for a quick review lesson. The one-minute intro video resides on YouTube. If your district blocks YouTube, the video may not be viewable.
tag(s): coding (75), computational thinking (34), computers (101), critical thinking (102), problem solving (214), STEM (225)
In the Classroom
Use Dash to learn basic coding skills. Students will quickly catch on to this program when allowed to explore and see what they can make. Provide a simple assignment with defined rules/tasks to learn the tools. Younger students may familiarize themselves more easily working with a partner. Be sure to recommend that students "ask three before me" (the teacher). When finished with these lessons, move to other free tools such as Scratch, reviewed here. Teachers of even very young gifted students can turn them loose with these challenges when they have already mastered the math or science curriculum. Have them create a creature they can explain to the class or share with gifted peers in other classrooms.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Google CS First - Google
Grades
5 to 9
5 Favorites
0 Comments
Google CS First is a program for clubs to increase access and teach computer science to 4th-8th-grade students. All training and materials are free for anyone in the U.S. Materials...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Google CS First is a program for clubs to increase access and teach computer science to 4th-8th-grade students. All training and materials are free for anyone in the U.S. Materials offer lessons based on themes such as storytelling, sports, social media, friends, and fashion and design. In addition to lesson materials, Google CS provides online training information for club leaders. If you are participating in Hour of Code, be sure to see their many one hour offerings.
tag(s): animation (62), coding (75), computational thinking (34), critical thinking (102), digital storytelling (128), gamification (79), musical notation (35), problem solving (214), social media (46), sports (78), stories and storytelling (34)
In the Classroom
Create a club in your classroom as part of your STEM activities, as a lunch/recess club, or an at-home activity for students. Use the flyers and presentation materials provided to create interest in the club. Differentiate clubs by student interests and abilities. Share Google CS First with your school's media or tech leader as an excellent resource for teaching coding. This site is perfect for those who want to learn more about coding, but have some hesitancy since all materials from creating a group through the lessons are free. If you still have some doubts, enlist the services of a tech-savvy high school student to help with activities as part of their volunteering requirements.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Pencil Code Gym - David Bau
Grades
K to 12
4 Favorites
1 Comments
Code your own art, music, and interactive fiction with Pencil Code Gym. The main language is Coffescript, but you can press the gear button to use HTML, Javascript, and CSS. ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Code your own art, music, and interactive fiction with Pencil Code Gym. The main language is Coffescript, but you can press the gear button to use HTML, Javascript, and CSS. Follow instructions to code using drag and drop blocks or text. Toggle back and forth between the two formats to view the different formats. Click the pencil in the upper left corner to see several resources including Materials for Teachers, Teachers Manual, Printable Activities, and several others. The wide range of activities make this site perfect for use with students of all levels of coding abilities. When complete, share finished projects on "GymStage", the sharing portion of Pencil Code Gym.
tag(s): coding (75), computational thinking (34), critical thinking (102), digital storytelling (128), drawing (58), geometric shapes (132), musical notation (35), problem solving (214)
In the Classroom
Create a link on classroom computers for use as centers. Use the text options for students to use with digital storytelling. This site is perfect for differentiating different levels of coding skills. Allow students to explore at their own pace, then share their creations with classmates. Extend learning by challenging students or groups to create videos explaining their creations using Adobe Creative Cloud Express Video Maker, reviewed here, and share them on a site such as TeacherTube, reviewed here. Be sure to add a link to your class website for students to practice at home.Comments
Great resource for all ages, more appropriate for middle school and above.Melissa, , Grades: 0 - 5
Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Intro to JS: Drawing & Animation - Kahn Academy
Grades
6 to 12
2 Favorites
0 Comments
In this Kahn Academy interactive online course, participants learn the basics of the JavaScript language to draw images and animations and beyond. Select from the Contents menu on the...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
In this Kahn Academy interactive online course, participants learn the basics of the JavaScript language to draw images and animations and beyond. Select from the Contents menu on the left, or scroll down the page. Lessons are taught using short videos. Many videos have an interactive transcript and an error checker to assist you if you make a mistake. Use the provided links to videos hosted on YouTube. After viewing the explanation or a concept, try the practice sessions. Work through the seventeen modules with multiple lessons to earn badges. Many of the videos include real-time student questions and replies, Tips, Thanks, and Spin-Offs. The New Program space encourages the creation of original JavaScript programs. To save progress and keep track of projects, create an account by signing up using Gmail, Facebook or any email. Identify yourself if you are teacher or parent. Documentation, in both text and video format, includes information on JS basics. Help is available in a community forum format which students may access. If your district blocks YouTube, the videos may not be viewable.
tag(s): animation (62), coding (75), computers (101), critical thinking (102), problem solving (214)
In the Classroom
The course is self-paced, so differentiation is easy. Explain to students that coding is a critical skill in today's tech-filled world and will be a valuable skill in the job market. Compare coding to just another "world language." Put a link to this tool on a class website, blog, or wiki. Look for more ways to use coding in the classroom on the TeachersFirst's Coding in the Classroom page, here. Make JS part of science inquiry or math logic in any classroom. Besides the intrinsic factors that come with learning to code, students will be motivated by badges. Set up a coding activity center for interested students when they finish class work or for rainy days and snow days. Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a classroom center, or in a lab setting.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
CodeHS - Jeremy Keeshin & Zach Galant
Grades
6 to 12
1 Favorites
0 Comments
CodeHS is designed to help high school students learn the basics of computer programming. However, the tool would also be good to use in middle school. Start by signing up ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
CodeHS is designed to help high school students learn the basics of computer programming. However, the tool would also be good to use in middle school. Start by signing up for an account, create a class, and get started. Students sign up for the class with a class code or through an email invite from the teacher. The course is self-paced and takes students through with step by step tutorials, examples, and help along the way. Students begin each section of the course with an instructional video on Vimeo, YouTube, or the CodeHS website. Questions that check for understanding and an example of coding are follow-ups to the video. Then students put the skills to use through a series of practice activities by moving Karel, the dog, through combinations of four commands. You can check student progress through the dashboard. Also, explore the many resources offered to help you learn how to use and teach coding. Go through your own personal, professional development with the site as well.
This site includes advertising.
This site includes advertising.
tag(s): classroom management (138), coding (75), computers (101), critical thinking (102), problem solving (214)
In the Classroom
Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a center, or in a lab setting. The course is self-paced, so differentiation is easy. Explain to students that coding is a critical skill in today's world filled with technology and will also be a valuable skill in the job market. Many jobs that will require coding do not yet exist. Put a link to this tool on your class website, blog, or wiki.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
BotLogic - Dolphin Micro team
Grades
K to 12
2 Favorites
0 Comments
BotLogic is an online activity that teaches programming and code. Enter by choosing educator, parent, or player. Educators and parents enter an email address and receive a code for...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
BotLogic is an online activity that teaches programming and code. Enter by choosing educator, parent, or player. Educators and parents enter an email address and receive a code for players. Choose the player link to begin playing without a code. Select your age to begin at the proper level. Each level offers a tutorial with directions for play. BotLogic shows the window of code as you create your line of icon instructions. As an extra challenge, try to use as few instructions as possible to earn rewards.
tag(s): animation (62), coding (75), computational thinking (34), computers (101), logic (162), problem solving (214), STEM (225)
In the Classroom
Demonstrate how to play BotLogic on your interactive whiteboard or projector. Let students explore and play on their own using classroom computers or other web-enabled devices. Use BotLogic to teach logic, problem-solving, systems thinking, and, in some cases, collaboration. BotLogic is perfect for differentiation, allow students to move through levels at their pace. Share this on your website for students to use at home, too. Teachers of even very young gifted students can turn them loose with these challenges when they have already mastered math or science curriculum.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Code - Hadi & Ali Partovi
Grades
K to 10
3 Favorites
0 Comments
Code is designed to spark interest in learning to code, especially among girls and the very young. Find lessons for beginners, Kindergartners to tenth graders (or older). Start by clicking...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Code is designed to spark interest in learning to code, especially among girls and the very young. Find lessons for beginners, Kindergartners to tenth graders (or older). Start by clicking either Teach or Learn in the top menu bar. Select challenges by grade level or find individual challenges with titles like Dance Party, Minecraft, Flappy Code, and more. The challenges and puzzles use a drag and drop process and problem-solving skills. Find everything an early coder needs to get started coding: A K-8 Intro to Computer Science, Tutorials that teach Javascript, Tutorial apps for any device, Learn to program with robots, and many others. There are also "unplugged tutorials" for classrooms without computers. Be sure to check out the "3rd Party Professional Development and Curricula" for many more resources for teaching coding. On the top menu, click on the Teach button to find the link to videos (half way down the page) from famous people about how and when they learned to code. The videos are hosted on YouTube. If your district blocks YouTube, they may not be viewable.
tag(s): coding (75), computational thinking (34), computers (101), critical thinking (102), problem solving (214), STEM (225), women (104)
In the Classroom
Make coding part of science inquiry or math logic in any classroom. Include it as part of scientific method or discussions about careers in science. You may even want to portray coding as just another "world language" in today's world. Be sure to look at all the implementation advice before introducing these extensive coding resources to your class. It would be wise to complete the Hour of Code yourself so you will feel comfortable helping students if they get stuck. Better yet, invite a few students to do an hour with you after school and learn together! You will have a team of "techsperts" to help their peers. Select the Learn button from the top menu to find two links for educators. The one at the top of the Learn page gives quick tips for prepping for the Hour of Code. The one at the bottom of the slide gives complete instructions for implementing the Hour of Code in your classroom. Plan an hour of Code on nationally designated days or on your own calendar! Invite the PTA/PTO to host a coding event. Select a video to use to introduce Computer Science to your students. Introduce this tool using a projector or interactive whiteboard and bookmark it as a learning station with earbuds/headphones. Encourage students to help each other when they have difficulty. Share this on your website for students to use at home, too. Code teaches the basics. Those students who show a keen interest in coding could extend their learning by using a program such as Codeacademy, reviewed here.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Crunchzilla - Crunchzilla
Grades
3 to 12
2 Favorites
0 Comments
Learn basic computer coding skills using this tool. There are three difficulty levels: Code Monster for preteens (or even younger), Code Maven for teens and young adults, or Game Maven...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:
Learn basic computer coding skills using this tool. There are three difficulty levels: Code Monster for preteens (or even younger), Code Maven for teens and young adults, or Game Maven for ages 16+. Code Monster prompts younger students to change various parameters of an already given code. As they enter different parts to the code, the changes in the object can be seen immediately. Simply click on the dialogue bubble and a new lesson will appear. Unfortunately, creations cannot be saved. (Students can screenshot their creations.) Use Code Maven with older teens, though it appears to have the same lessons as Code Monster. Game Maven is the third and most advanced programming tutorial in this series. Use this to teach a little about programming by creating easy games. In all three tools, skip to further lessons by clicking on the dialogue balloons. Use the back button to return to previous lessons. It is also easy to undo a lesson and start a code over with the reset button. In all tools, if you return to the same browser on the same machine, it will return to the last lesson you were on. Note: Be sure to have played with Code Maven prior to using Game Maven as those lessons are needed to understand how to program (unless there is prior coding experience).
tag(s): coding (75), computational thinking (34), computers (101)
In the Classroom
When discussing computer science and how technology touches all of our lives, be sure to discuss coding and that it is a language that everyone can learn. Show the HTML markup of a page to show what the computer "reads" to form what websites look like. Use these tools to show basics in coding. When students are working, be sure to not rescue them with answers. Encourage learning by telling them to ask three other students first before asking the teacher AND that it is okay if we learn it together. Use other coding programs such as Scratch, reviewed here. Have students create a tutorial or a quick reference guide for using coding. Create a class wiki to share your reference guide. If you want to learn more about wikis, check out the TeachersFirst Wiki Walk-Through. Share this site with your young gamers to lure them into the logical world of coding -- and actually build STEM skills in the process.Add your comments below (available only to members) | Become a Member
Rating (click star to set rating):
You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).
Add your comments below (available only to members) | Become a Member
Close comment form