TeachersFirst's Coding in the Classroom
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:
Astronomy Hour of Code - Quorum
Grades
6 to 12
0 Favorites
0 Comments
This Hour of Code tutorial guides you through creating a virtual telescope in a computer browser to search for astronomical objects in a virtual world. Follow the instructions in 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:
This Hour of Code tutorial guides you through creating a virtual telescope in a computer browser to search for astronomical objects in a virtual world. Follow the instructions in the twenty-step tutorial to culminate in the completion of the game engine, which includes loaded images of stars to explore. Each activity also includes an optional challenge component to enhance learning.
tag(s): coding (91), space (216), stars (70), telescopes (10), tutorials (55)
In the Classroom
Include this activity with your other options for Hour of Code activities or as an engaging opportunity to learn about coding anytime during the year. Learn more about Hour of Code, reviewed here and find additional resources for coding at TeachersFirst Special Topics Page: Coding in the Classroom Resources, reviewed here. Ask students to share coding tips by creating tutorials for their peers using a free screen recorder such as RecordCast Screen Recorder, reviewed here.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!).
Replit - Replit, Inc.
Grades
8 to 12
0 Favorites
0 Comments
Replit is an online coding platform that works with many different programming languages. Many of Replit's tools incorporate Artificial Intelligence (AI) to enhance productivity 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:
Replit is an online coding platform that works with many different programming languages. Many of Replit's tools incorporate Artificial Intelligence (AI) to enhance productivity and provide suggestions when coding. Begin by creating an account and choose from options for using Replit. Options include personal use, work, or education as a teacher or student. After setting up your class account, choose the +Create Repl and select a template from the programming templates offered. Use the code editor to write code and receive suggestions from Replit when creating games, text, websites, and more. Invite others to join you on Replit to collaborate and work together on your coding project. When complete, use the Deploy icon to produce a stable public version of your product.
tag(s): artificial intelligence (141), coding (91), STEM (274)
In the Classroom
Use Replit to create simple tests, review student work, and provide feedback. Share Replit with students who enjoy coding as a resource for learning new skills and increasing their understanding of different coding platforms. Use Replit as part of an after-school club activity for students to collaborate to create games, applications, and more. Ask students who work with Replit to provide tutorials and share their projects by creating videos made with Free Online Screen Recorder, reviewed here and share on your class website.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 Achievery - AT&T
Grades
K to 12
0 Favorites
0 Comments
The Achievery is a free digital learning platform created by AT&T in collaboration with Warner Brothers that pairs video clips with lessons to engage students in learning across seven...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:
The Achievery is a free digital learning platform created by AT&T in collaboration with Warner Brothers that pairs video clips with lessons to engage students in learning across seven subject areas. Create an account to access activities such as a poetry scavenger hunt with Amanda Gorman or learn reading and writing skills from Wonder Woman video clips. Begin at the "All Units" link to find content by grade level, standards, subject, and additional filters. Most lessons are part of a larger learning unit; however, they are ready to use as individual teaching activities. Each lesson includes correlations to teaching and CASEL standards (Collaborative for Academic, Social, and Emotional Learning), highlights relevant vocabulary, activity directions, and links to the featured video, and is available in PDF format. The Achievery lessons and activities are available in English and Spanish. This site would be a good one to leave for your substitute to use; it's high interest, no sign-in, and has lesson plans & video clips.
tag(s): blended learning (37), coding (91), digital citizenship (87), engineering (125), environment (239), equations (119), geometric shapes (135), graphic design (49), internet safety (111), literature (217), map skills (56), measurement (124), media literacy (104), narrative (14), numbers (119), operations (72), order of operations (28), problem solving (225), remote learning (56), Research (84), social and emotional learning (96), spanish (106), STEM (274), substitutes (26), writing (319)
In the Classroom
Bookmark and save this site as a resource for lessons in many content areas to engage students using popular video clips. All lessons are created as remote learning activities making them easily adaptable for both in-class and out-of-class assignments. Easily find activities to differentiate instruction for different student ability levels by browsing options below or above the student's current grade level. Many lessons include worksheets in PDF format, turn these activities into a digital format by taking a screenshot of the document, then save as the background on Google Slides, reviewed here. Add text boxes in the appropriate place on the slide for students to add responses. Use Pear Deck Flashcard Factory, reviewed here, to create flashcards for students to practice the vocabulary highlighted in each lesson.
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!).
Hour of Code - Code.org
Grades
K to 12
0 Favorites
0 Comments
Join students around the globe each December to participate in Hour of Code activities. This year, Hour of Code is incorporating AI (Artificial Intelligence) with Non-AI into the program;...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:
Join students around the globe each December to participate in Hour of Code activities. This year, Hour of Code is incorporating AI (Artificial Intelligence) with Non-AI into the program; it's your choice which one in which to participate. This site provides all the information needed to get started and join the annual celebration. Register your event to be included in the global map of events, receive updates, and obtain help finding a local software engineer to inspire students. View the activities area to find beginner and "comfortable" coding activities for preschool through high school-aged students. Use filters to find exercises by content area, type of coding language, and lesson length, and choose from self-led activities or lesson plans. Additional options found at Hour of Code provide detailed information on planning and promoting your Hour of Code event to encourage participation and excitement within your classroom. The videos are hosted on YouTube. If your district blocks YouTube, then they may not be viewable.
tag(s): coding (91), computational thinking (41), computers (110), preK (262), problem solving (225), STEM (274), Teacher Utilities (158)
In the Classroom
Use information on this site to plan and prepare for Hour of Code events at school and within your classroom. Create excitement for your upcoming event by engaging students during the days leading up to your Hour of Code by asking them to share ideas about coding using a word cloud created with Answer Garden, reviewed here. For example, create a word cloud that asks students to provide a short response to the question, "What is Creativity?" Extend student learning after your Hour of Code by providing various coding resources to try during computer centers or as an at-home activity. Ask students to reflect upon their coding experience using Canva Comic Strip Templates, reviewed here, to share their feelings about participating in Hour of Code. Extend learning by creating infographics and asking students to create and share information about coding and computer science careers. Infogram, reviewed here, and Genially, reviewed here, provide easy-to-use infographic creators that include many templates to use as a starting point.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!).
Try an Hour of Code with Khan Academy - Khan Academy
Grades
3 to 12
1 Favorites
0 Comments
Participate in Hour of Code by selecting from different options provided by Khan Academy. Offerings include drawing with Javascript, using HTML and CSS to make webpages, and an Hour...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 by selecting from different options provided by Khan Academy. Offerings include drawing with Javascript, using HTML and CSS to make webpages, and an Hour of Databases. All courses introduce beginners to coding through videos, challenges, and a final project. The teachers' guide provides clear guidelines for preparing and implementing Hour of Code activities. In addition, Khan Academy encourages participants to follow up on activities through links to their full coding curriculum.
tag(s): coding (91), computers (110), critical thinking (112), logic (163), STEM (274)
In the Classroom
Although this site is a resource for Hour of Code, it is available at any time. Include the tutorials on classroom computers for students to use during computer center time or as an ongoing STEM activity. Encourage students to revisit lessons and try them again with their newly-found coding skills or ask them to try a different tutorial than the one used during Hour of Code. Ask students to become coding experts by sharing tips and ideas created using a screen recording tool such as Free Screen Recorder Online, reviewed here. Share the recordings on your class website for students to access from any location. Consider starting a monthly podcast designed by students to share coding tips and suggestions with the larger school community. Buzzsprout, reviewed here, offers up to two hours of free podcast uploads monthly. Hour of Code lessons are supported in many languages, including a transcript option for deaf students. Registration isn't required; however, it allows you to track progress and earn badges on the Khan Academy site.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!).
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 (91), computers (110), game based learning (181), Microsoft (80), STEM (274)
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 ScreenPal, 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.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!).
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 (91), game based learning (181), gamification (78), STEM (274)
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 (91), game based learning (181), STEM (274)
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 EDU, 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
1 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 PDF toolkit, and a hands-on 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:
Participate in Hour of Code activities using Disney's Moana as an engaging introduction to computer science. This site includes videos, a printable PDF 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.
tag(s): coding (91), computational thinking (41), computers (110), STEM (274)
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 Flip, 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 members of 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 (64), coding (91), computers (110), digital storytelling (152), STEM (274)
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!).
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 (91), computational thinking (41), computers (110), critical thinking (112), engineering (125), problem solving (225), STEM (274)
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 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. From 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:
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. From the top of the page choose one of the Minecraft Activities like Voyage Aquatic, Heros Journey, Adventurer, or Designer. These activities teach and reinforce coding skills through the familiar Minecraft game. Scroll down the page to watch one of the inspirational video as an introduction. Free resources include a lesson plan, videos, computer science curriculum, and a teacher training. The free trial is limited by the number of logins and includes 25 for teachers with an Office 365 Education account and 10 for all other users. Trial logins cannot be refreshed.
tag(s): coding (91), computational thinking (41), computers (110), critical thinking (112), design (80), problem solving (225), STEM (274)
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!).
CodeChef for Schools - Directi
Grades
8 to 12
4 Favorites
0 Comments
CodeChef for Schools offers computer programming training and competitions. After signing up, choose one of the Get Started projects to begin. Choose the practice area to hone skills...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 signing up, choose one of the Get Started projects to begin. 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 contests, with an introduction to competitive coding targeted for their age group. These take place on various dates throughout the month with the length of time to complete the contest (click "Upcoming Coding Contests" 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 (91), competitions (10), computational thinking (41), computers (110), critical thinking (112), problem solving (225), STEM (274)
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!).
Google CS First - Google
Grades
5 to 9
5 Favorites
0 Comments
Google CS First is a program 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...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 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 teachers/club leaders. If you are participating in Hour of Code, be sure to see their many one hour offerings.
tag(s): animation (64), coding (91), computational thinking (41), critical thinking (112), digital storytelling (152), gamification (78), musical notation (33), problem solving (225), social media (54), sports (81), stories and storytelling (48)
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 click the word Reference in the upper left corner to ...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 click the word Reference in the upper left corner to use HTML for writing tags in your code. Pencil Code also supports 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 (91), computational thinking (41), critical thinking (112), digital storytelling (152), drawing (60), geometric shapes (135), musical notation (33), problem solving (225)
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 (64), coding (91), computers (110), critical thinking (112), problem solving (225)
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 (122), coding (91), computers (110), critical thinking (112), problem solving (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 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 clicking play. First go through the short tutorial. Choose the player link to begin playing without a code....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 clicking play. First go through the short tutorial. 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 (64), coding (91), computational thinking (41), computers (110), logic (163), problem solving (225), STEM (274)
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
4 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 Frozen, Star Wars, Sports, 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; click Teach at the top right to find a full course catalog and a grade level chart for the courses. There are also "unplugged tutorials" for classrooms without computers.
tag(s): coding (91), computational thinking (41), computers (110), critical thinking (112), problem solving (225), STEM (274), women (140)
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. Once you've registered you will have a Dashboard; Note, the "Professional Learning" is not free. 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. 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.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 (91), computational thinking (41), computers (110)
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 using TWiki, here, 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