TeachersFirst - Featured Sites: Week of Nov 26, 2017
Here are this week's features. Clicking the tags in the description area of each listing will present a list of other resources with this topic. | Click here to return to the Featured Sites Archive
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 (87), computational thinking (41), computers (105), critical thinking (112), design (83), logic (163), problem solving (226), STEM (260), tutorials (51), video (256)
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.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!).
Snap! (Build Your Own Blocks) - Jens Monig and Brian Harvey
Grades
5 to 12
0 Favorites
0 Comments
Learn to code through drag and drop features with Snap! In addition to the drag and drop technology, Snap! allows users to write scripts to control features of 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:
Learn to code through drag and drop features with Snap! In addition to the drag and drop technology, Snap! allows users to write scripts to control features of the program. For those familiar with Scratch, reviewed here, Snap! includes features that take it beyond simple drag and drop to make it an excellent application for introducing coding to older students. Visit the example page to view projects designed using Snap! For an even more comprehensive list of examples, visit this collection, put together by the designer of Snap!.
tag(s): animation (62), coding (87), computational thinking (41), computers (105), critical thinking (112), design (83), drawing (60), problem solving (226), STEM (260)
In the Classroom
Share Snap! on an interactive whiteboard or with a projector to provide an overview of the features included then allow students to explore on their own. Save projects to your own computer or create an account to save on the site. Search YouTube for video tutorials on using this program and share with students as they build an understanding of how to use the site. Begin by creating a small project together, then allow students to work individually or in groups to create their design. Streghthen learning by sharing links to student projects on an online bulletin board like Lino, reviewed here. Transform learning by challenging students who are proficient with Snap! to create video tutorials using a tool like Clipchamp, 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!).
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 (87), computational thinking (41), computers (105), critical thinking (112), engineering (119), problem solving (226), STEM (260)
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 (87), computational thinking (41), computers (105), critical thinking (112), design (83), problem solving (226), STEM (260)
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!).
Girls Who Code - Reshma Saujani
Grades
3 to 12
2 Favorites
0 Comments
Girls Who Code is an organization founded to help close the gender gap in technology. They have several programs offering girls the opportunity to explore coding with peers. The Clubs...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:
Girls Who Code is an organization founded to help close the gender gap in technology. They have several programs offering girls the opportunity to explore coding with peers. The Clubs Program is for girls in grades 3-12 and meets two hours each week in local schools and provides opportunities for computer training for beginners through advanced learner. Click Locations from the top menu to see if there is a school near you. The Summer Program offers a 2-week immersion program or a 6 week self-paced program for 9th-12th-grade students in coding and exposure to jobs in the technology field. While most of the content on this site is appropriate for middle school girls, please preview before you share.
tag(s): coding (87), communities (36), computers (105), critical thinking (112), logic (163), women (137)
In the Classroom
Share this site with your school's administration or anyone willing to consider leading an after-school computer program for girls and ask them to become a sponsor. Be sure to share information on the Summer Immersion Program with your high school guidance counselor and technology teachers as an excellent opportunity for interested students.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!).
E.A.K. (Erase All Kittens) - Drum Roll
Grades
1 to 6
0 Favorites
0 Comments
Erase All Kittens is an online activity that teaches HTML coding. As you play, learn how to build ledges, add boxes, and more as your friend Arka endeavors to save ...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:
Erase All Kittens is an online activity that teaches HTML coding. As you play, learn how to build ledges, add boxes, and more as your friend Arka endeavors to save the missing kittens. Short demos and tips throughout the activity guide players on how to add and edit code. This review is for the free first two levels only; click Free Trial to get it.
tag(s): coding (87), computational thinking (41), computers (105), critical thinking (112), logic (163), problem solving (226), STEM (260)
In the Classroom
Introduce Erase All Kittens on your interactive whiteboard or projector. Allow students to explore and learn on their own at classroom computer centers or individual laptops. Provide a link to Erase All Kittens for students to access at home. Create a bulletin board for students to post achievement levels. Enhance learning by having student "coding experts" create video tutorials using Screencast-o-matic, reviewed here, and share them on a site such as TeacherTube, 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!).
Coding In the Classroom Resources - TeachersFirst
Grades
K to 12
3 Favorites
0 Comments
This collection of reviewed resources from TeachersFirst is selected to help teachers and students learn about coding, and for use as a guide for finding the appropriate tools for use...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 collection of reviewed resources from TeachersFirst is 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. Find resources for just one hour of code or for use as ongoing technology lessons.
tag(s): coding (87), computational thinking (41), computers (105), critical thinking (112), design (83), makerspace (41), problem solving (226), STEM (260)
In the Classroom
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!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!).
CoderDojo - CoderDojo Foundation
Grades
1 to 8
0 Favorites
0 Comments
Interested in coding and looking for others who are interested as well? CoderDojo is an open source movement of free coding clubs for young kids that is led by volunteers ...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:
Interested in coding and looking for others who are interested as well? CoderDojo is an open source movement of free coding clubs for young kids that is led by volunteers and found around the World. Activities vary with each "club" but all focus on coding. Click "Organize a Dojo" to become a volunteer organizer. You are then responsible for setting up and maintaining the dojo. Not a coding master? Don't let that discourage you. Organizers are responsible for bringing learners and technical experts together. Students can click "Attend a Dojo" to find a location nearby to join. Volunteers can also find a dojo nearby to offer their services.
tag(s): coding (87), communities (36), computational thinking (41), computers (105), engineering (119), STEM (260)
In the Classroom
When asked, explain that coding is just another "world language" in today's world. Team up with the PTA/PTO or other groups in your community to find others interested in being part of a Coderdojo. Your Coderdojo can be considered an after school club, but on a larger scale can bring students from various backgrounds together for the common purpose of learning to code.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 (87), computational thinking (41), computers (105), critical thinking (112), problem solving (226), STEM (260), women (137)
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!).
Tynker - Krishna Vedati
Grades
3 to 8
2 Favorites
0 Comments
Learn computer coding using simple and easy activities, lesson plans, and an interface sure to please all ages! Sign up for your free account and once your dashboard is displayed ...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 coding using simple and easy activities, lesson plans, and an interface sure to please all ages! Sign up for your free account and once your dashboard is displayed choose from several helpful videos to get started. To find the Hour of Code click Courses from the left menu and find several including Lesson Plans and Teacher Guides. Learn to code by dropping blocks of commands into sequence on the left side of the screen and seeing the results along the right. The lessons provide step by step instructions, missions, and other materials to learn to code. Teachers can create a class and add students to the class. Click on student view of each lesson to see the tools and student tasks. Follow the instructions along the right panel. Note the tools that are along the top including undo and redo! This tool also features a question bar along the top. Note: This free portion of the resource offers four Coding Courses, weekly STEM Projects, Hour of Code Activities, Project Templates, Coding Tools (Block & Text), Unlimited Student Accounts, Student Progress Metrics, and Professional Development. Sign up for a free account by selecting Teacher and using Google, your email, Apple, Microsoft.
This site includes advertising.
This site includes advertising.
tag(s): animation (62), coding (87), computational thinking (41), computers (105), critical thinking (112), design (83), game based learning (171), gamification (74), problem solving (226), STEM (260)
In the Classroom
Use this tool to learn basic coding skills. Students will quickly catch on to this program when allowed to "tinker" 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). Have students use an online storyboard to write down what they plan to do/draw/say with their creation, and to help you keep tabs on students and their progress. For enhancing learning and technology use create a digital storyboard with Story Map, reviewed here, or Storyboard Generator, reviewed here. When finished with these Tynker 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 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!).
Scratch - Lifelong Kindergarten Group, MIT Media Lab
Grades
1 to 12
12 Favorites
0 Comments
Want to get in touch with your inner child? Get Scratch! Warning: The use of this application is quite fun and engaging! Scratch is a downloadable program that creates interactive ...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:
Want to get in touch with your inner child? Get Scratch! Warning: The use of this application is quite fun and engaging! Scratch is a downloadable program that creates interactive stories, animations, games, music, and art. This application can be used for bringing simple ideas and projects to life. It has great use as a paint program without using the animations. Download/install files are available for Mac or PC. Menu tabs include an Idea tab where you will find a Getting Started Tutorial, Activity Guides, Coding Cards, and Starter Projects. FAQs and support pages are also available for help in using the application.
Material created can only be viewed within the program. Drawings are not saved as a JPG or pic file. However, a "snapshot" of the screen can be created by using these keys in Mac: apple, shift, and 4 and click/drag to surround the portion to save. In PC use: control/print screen. These snapshots can be uploaded or used as a picture in other applications.
Material created can only be viewed within the program. Drawings are not saved as a JPG or pic file. However, a "snapshot" of the screen can be created by using these keys in Mac: apple, shift, and 4 and click/drag to surround the portion to save. In PC use: control/print screen. These snapshots can be uploaded or used as a picture in other applications.
tag(s): animation (62), coding (87), computational thinking (41), critical thinking (112), design (83), drawing (60), problem solving (226), STEM (260)
In the Classroom
Be sure to "play" with this program before you present it to students; or, you could have computer savy students in your class pair up with not so savy students to investigate together. There are many tabs, folders; and icons to investigate. You (or students) could click Create and in the center pane, click on the tutorial. To begin your creation follow the steps in the tutorial. Once you have the idea, choose your own features from the menu on the left, and on the bottom right are two more menus; Look for the cat icon and the backdrops. Different colors, pens, and materials can be used to create the background or an image can be brought in from your computer. Objects in Scratch are called a Sprite and can be added in by choosing the folders below the screen. By clicking the script tab, blocks can be moved in to create motion, add sounds (even record your own message), and change the look of the Sprite. Blocks are linked on to each other to create a series of events. A control block dragged to the top of the blocks control which key starts the event. Advanced options include adding variables and other controls.Be sure to check with your Technology Department, as many districts require authorization to download or install new applications. Projects can be shared online; however an account is required.
Work is saved to the computer itself and only shared online via an account. To avoid problems concerning content made by outsiders or issues with sharing, save the work locally and either create your own gallery on a supervised class website/wiki or set up a single account where you share the "best" projects online via your own log-in. Remind students of the school's Acceptable Use Policy and consequences of violations, if you do allow them to join/share. Images used should adhere to all copyright rules. Use pictures taken in class or those with Creative Commons licensing (and provide attribution!).
Practical tips: Students quickly catch on to this program when allowed to play and easily see what they can make from it. Provide a simple assignment with defined rules/tasks to learn the tools. Younger students may familiarize themselves more easily working with a partner. Have students use a storyboard to write down what they will do/draw/say in their creation in order to keep tabs on what students and their creations.
Possible uses: For the lower grades, Scratch provides unlimited possibilities. Use as a new way to show vocabulary usage. Use the paint program to add information to a picture from your class field trip or science experiment. Use Scratch to help in storytelling a concept in a new and unique way, such as how rocks are formed. In the upper grades, use Scratch to show complex material in a new way. For example, students can draw DNA and show replication, etc. through their drawings and storytelling. Draw the different movements of landforms in plate tectonics. Draw or illustrate solutions to Math problems.
Edge Features:
Requires registration/log-in (WITH email)
Products can be shared by URL
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!).
Add your comments below (available only to members) | Become a Member
Close comment form